@convai/web-sdk 0.0.4-beta.1 → 0.1.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/README.md +277 -185
  2. package/dist/components/ConvaiWidget.d.ts.map +1 -1
  3. package/dist/components/ConvaiWidget.js +13 -0
  4. package/dist/components/ConvaiWidget.js.map +1 -1
  5. package/dist/components/rtc-widget/components/AudioSettingsPanel.js +1 -1
  6. package/dist/components/rtc-widget/components/AudioSettingsPanel.js.map +1 -1
  7. package/dist/components/rtc-widget/styles/styledComponents.d.ts.map +1 -1
  8. package/dist/components/rtc-widget/styles/styledComponents.js +72 -51
  9. package/dist/components/rtc-widget/styles/styledComponents.js.map +1 -1
  10. package/dist/core/AudioManager.d.ts +75 -0
  11. package/dist/core/AudioManager.d.ts.map +1 -0
  12. package/dist/core/AudioManager.js +219 -0
  13. package/dist/core/AudioManager.js.map +1 -0
  14. package/dist/core/ConvaiClient.d.ts +122 -0
  15. package/dist/core/ConvaiClient.d.ts.map +1 -0
  16. package/dist/core/ConvaiClient.js +509 -0
  17. package/dist/core/ConvaiClient.js.map +1 -0
  18. package/dist/core/EventEmitter.d.ts +38 -0
  19. package/dist/core/EventEmitter.d.ts.map +1 -0
  20. package/dist/core/EventEmitter.js +68 -0
  21. package/dist/core/EventEmitter.js.map +1 -0
  22. package/dist/core/MessageHandler.d.ts +52 -0
  23. package/dist/core/MessageHandler.d.ts.map +1 -0
  24. package/dist/core/MessageHandler.js +281 -0
  25. package/dist/core/MessageHandler.js.map +1 -0
  26. package/dist/core/ScreenShareManager.d.ts +57 -0
  27. package/dist/core/ScreenShareManager.d.ts.map +1 -0
  28. package/dist/core/ScreenShareManager.js +206 -0
  29. package/dist/core/ScreenShareManager.js.map +1 -0
  30. package/dist/core/VideoManager.d.ts +69 -0
  31. package/dist/core/VideoManager.d.ts.map +1 -0
  32. package/dist/core/VideoManager.js +207 -0
  33. package/dist/core/VideoManager.js.map +1 -0
  34. package/dist/core/index.d.ts +9 -0
  35. package/dist/core/index.d.ts.map +1 -0
  36. package/dist/core/index.js +12 -0
  37. package/dist/core/index.js.map +1 -0
  38. package/dist/core/types.d.ts +311 -0
  39. package/dist/core/types.d.ts.map +1 -0
  40. package/dist/core/types.js +2 -0
  41. package/dist/core/types.js.map +1 -0
  42. package/dist/hooks/useConvaiClient.d.ts.map +1 -1
  43. package/dist/hooks/useConvaiClient.js +16 -0
  44. package/dist/hooks/useConvaiClient.js.map +1 -1
  45. package/dist/hooks/useMessageHandler.d.ts.map +1 -1
  46. package/dist/hooks/useMessageHandler.js +39 -14
  47. package/dist/hooks/useMessageHandler.js.map +1 -1
  48. package/dist/index.d.ts +1 -5
  49. package/dist/index.d.ts.map +1 -1
  50. package/dist/index.js +3 -10
  51. package/dist/index.js.map +1 -1
  52. package/dist/react/components/ConvaiWidget.d.ts +59 -0
  53. package/dist/react/components/ConvaiWidget.d.ts.map +1 -0
  54. package/dist/react/components/ConvaiWidget.js +421 -0
  55. package/dist/react/components/ConvaiWidget.js.map +1 -0
  56. package/dist/react/components/index.d.ts +3 -0
  57. package/dist/react/components/index.d.ts.map +1 -0
  58. package/dist/react/components/index.js +5 -0
  59. package/dist/react/components/index.js.map +1 -0
  60. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.d.ts +10 -0
  61. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.d.ts.map +1 -0
  62. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.js +316 -0
  63. package/dist/react/components/rtc-widget/components/AudioSettingsPanel.js.map +1 -0
  64. package/dist/react/components/rtc-widget/components/ConviMessage.d.ts +10 -0
  65. package/dist/react/components/rtc-widget/components/ConviMessage.d.ts.map +1 -0
  66. package/dist/react/components/rtc-widget/components/ConviMessage.js +14 -0
  67. package/dist/react/components/rtc-widget/components/ConviMessage.js.map +1 -0
  68. package/dist/react/components/rtc-widget/components/FloatingVideo.d.ts +9 -0
  69. package/dist/react/components/rtc-widget/components/FloatingVideo.d.ts.map +1 -0
  70. package/dist/react/components/rtc-widget/components/FloatingVideo.js +122 -0
  71. package/dist/react/components/rtc-widget/components/FloatingVideo.js.map +1 -0
  72. package/dist/react/components/rtc-widget/components/MarkdownRenderer.d.ts +7 -0
  73. package/dist/react/components/rtc-widget/components/MarkdownRenderer.d.ts.map +1 -0
  74. package/dist/react/components/rtc-widget/components/MarkdownRenderer.js +68 -0
  75. package/dist/react/components/rtc-widget/components/MarkdownRenderer.js.map +1 -0
  76. package/dist/react/components/rtc-widget/components/MessageBubble.d.ts +10 -0
  77. package/dist/react/components/rtc-widget/components/MessageBubble.d.ts.map +1 -0
  78. package/dist/react/components/rtc-widget/components/MessageBubble.js +23 -0
  79. package/dist/react/components/rtc-widget/components/MessageBubble.js.map +1 -0
  80. package/dist/react/components/rtc-widget/components/MessageList.d.ts +11 -0
  81. package/dist/react/components/rtc-widget/components/MessageList.d.ts.map +1 -0
  82. package/dist/react/components/rtc-widget/components/MessageList.js +89 -0
  83. package/dist/react/components/rtc-widget/components/MessageList.js.map +1 -0
  84. package/dist/react/components/rtc-widget/components/UserMessage.d.ts +9 -0
  85. package/dist/react/components/rtc-widget/components/UserMessage.d.ts.map +1 -0
  86. package/dist/react/components/rtc-widget/components/UserMessage.js +15 -0
  87. package/dist/react/components/rtc-widget/components/UserMessage.js.map +1 -0
  88. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.d.ts +6 -0
  89. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.d.ts.map +1 -0
  90. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js +15 -0
  91. package/dist/react/components/rtc-widget/components/conviComponents/ConviButton.js.map +1 -0
  92. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.d.ts +25 -0
  93. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.d.ts.map +1 -0
  94. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js +172 -0
  95. package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js.map +1 -0
  96. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.d.ts +17 -0
  97. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.d.ts.map +1 -0
  98. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js +66 -0
  99. package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js.map +1 -0
  100. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.d.ts +12 -0
  101. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.d.ts.map +1 -0
  102. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js +68 -0
  103. package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js.map +1 -0
  104. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts +8 -0
  105. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts.map +1 -0
  106. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js +199 -0
  107. package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js.map +1 -0
  108. package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts +6 -0
  109. package/dist/react/components/rtc-widget/components/conviComponents/index.d.ts.map +1 -0
  110. package/dist/react/components/rtc-widget/components/conviComponents/index.js +6 -0
  111. package/dist/react/components/rtc-widget/components/conviComponents/index.js.map +1 -0
  112. package/dist/react/components/rtc-widget/components/index.d.ts +8 -0
  113. package/dist/react/components/rtc-widget/components/index.d.ts.map +1 -0
  114. package/dist/react/components/rtc-widget/components/index.js +13 -0
  115. package/dist/react/components/rtc-widget/components/index.js.map +1 -0
  116. package/dist/react/components/rtc-widget/index.d.ts +6 -0
  117. package/dist/react/components/rtc-widget/index.d.ts.map +1 -0
  118. package/dist/react/components/rtc-widget/index.js +9 -0
  119. package/dist/react/components/rtc-widget/index.js.map +1 -0
  120. package/dist/react/components/rtc-widget/styles/framerConfig.d.ts +116 -0
  121. package/dist/react/components/rtc-widget/styles/framerConfig.d.ts.map +1 -0
  122. package/dist/react/components/rtc-widget/styles/framerConfig.js +73 -0
  123. package/dist/react/components/rtc-widget/styles/framerConfig.js.map +1 -0
  124. package/dist/react/components/rtc-widget/styles/icons.d.ts +28 -0
  125. package/dist/react/components/rtc-widget/styles/icons.d.ts.map +1 -0
  126. package/dist/react/components/rtc-widget/styles/icons.js +257 -0
  127. package/dist/react/components/rtc-widget/styles/icons.js.map +1 -0
  128. package/dist/react/components/rtc-widget/styles/index.d.ts +6 -0
  129. package/dist/react/components/rtc-widget/styles/index.d.ts.map +1 -0
  130. package/dist/react/components/rtc-widget/styles/index.js +9 -0
  131. package/dist/react/components/rtc-widget/styles/index.js.map +1 -0
  132. package/dist/react/components/rtc-widget/styles/styledComponents.d.ts +90 -0
  133. package/dist/react/components/rtc-widget/styles/styledComponents.d.ts.map +1 -0
  134. package/dist/react/components/rtc-widget/styles/styledComponents.js +661 -0
  135. package/dist/react/components/rtc-widget/styles/styledComponents.js.map +1 -0
  136. package/dist/react/components/rtc-widget/styles/theme.d.ts +188 -0
  137. package/dist/react/components/rtc-widget/styles/theme.d.ts.map +1 -0
  138. package/dist/react/components/rtc-widget/styles/theme.js +290 -0
  139. package/dist/react/components/rtc-widget/styles/theme.js.map +1 -0
  140. package/dist/react/components/rtc-widget/types/index.d.ts +60 -0
  141. package/dist/react/components/rtc-widget/types/index.d.ts.map +1 -0
  142. package/dist/react/components/rtc-widget/types/index.js +2 -0
  143. package/dist/react/components/rtc-widget/types/index.js.map +1 -0
  144. package/dist/react/hooks/index.d.ts +4 -0
  145. package/dist/react/hooks/index.d.ts.map +1 -0
  146. package/dist/react/hooks/index.js +6 -0
  147. package/dist/react/hooks/index.js.map +1 -0
  148. package/dist/react/hooks/useCharacterInfo.d.ts +17 -0
  149. package/dist/react/hooks/useCharacterInfo.d.ts.map +1 -0
  150. package/dist/react/hooks/useCharacterInfo.js +60 -0
  151. package/dist/react/hooks/useCharacterInfo.js.map +1 -0
  152. package/dist/react/hooks/useConvaiClient.d.ts +32 -0
  153. package/dist/react/hooks/useConvaiClient.d.ts.map +1 -0
  154. package/dist/react/hooks/useConvaiClient.js +140 -0
  155. package/dist/react/hooks/useConvaiClient.js.map +1 -0
  156. package/dist/react/hooks/useLocalCameraTrack.d.ts +22 -0
  157. package/dist/react/hooks/useLocalCameraTrack.d.ts.map +1 -0
  158. package/dist/react/hooks/useLocalCameraTrack.js +34 -0
  159. package/dist/react/hooks/useLocalCameraTrack.js.map +1 -0
  160. package/dist/react/index.d.ts +8 -0
  161. package/dist/react/index.d.ts.map +1 -0
  162. package/dist/react/index.js +15 -0
  163. package/dist/react/index.js.map +1 -0
  164. package/dist/types/index.d.ts +20 -0
  165. package/dist/types/index.d.ts.map +1 -1
  166. package/dist/utils/speakerManagement.d.ts +22 -0
  167. package/dist/utils/speakerManagement.d.ts.map +1 -0
  168. package/dist/utils/speakerManagement.js +71 -0
  169. package/dist/utils/speakerManagement.js.map +1 -0
  170. package/dist/vanilla/index.d.ts +3 -0
  171. package/dist/vanilla/index.d.ts.map +1 -0
  172. package/dist/vanilla/index.js +5 -0
  173. package/dist/vanilla/index.js.map +1 -0
  174. package/package.json +25 -8
@@ -0,0 +1,11 @@
1
+ import { RTCChatMessage } from "../types";
2
+ type Message = RTCChatMessage;
3
+ interface MessageListProps {
4
+ messages: Message[];
5
+ className?: string;
6
+ isStreaming?: boolean;
7
+ forceToBottomToken?: string | number | boolean;
8
+ }
9
+ export declare const MessageList: ({ messages, className, isStreaming, forceToBottomToken, }: MessageListProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=MessageList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MessageList.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,OAAO,GAAG,cAAc,CAAC;AAE9B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAChD;AAED,eAAO,MAAM,WAAW,GAAI,2DAKzB,gBAAgB,4CAsHlB,CAAC"}
@@ -0,0 +1,89 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { useRef, useEffect, useCallback } from "react";
3
+ import { UserMessage } from "./UserMessage";
4
+ import { ConviMessage } from "./ConviMessage";
5
+ import { aeroTheme } from "../styles";
6
+ import { MessageListContainer, MessageWrapper, EmptyState } from "../styles";
7
+ export const MessageList = ({ messages, className, isStreaming = false, forceToBottomToken, }) => {
8
+ const containerRef = useRef(null);
9
+ const [shouldAutoScroll, setShouldAutoScroll] = React.useState(true);
10
+ // Handle scroll events
11
+ const handleScroll = useCallback((e) => {
12
+ const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
13
+ // Check if user is near bottom (within 100px)
14
+ const isNearBottom = scrollHeight - scrollTop - clientHeight < 100;
15
+ setShouldAutoScroll(isNearBottom);
16
+ }, []);
17
+ // Auto-scroll to bottom
18
+ const scrollToBottom = useCallback(() => {
19
+ const el = containerRef.current;
20
+ if (!el || !shouldAutoScroll)
21
+ return;
22
+ try {
23
+ el.scrollTo({ top: el.scrollHeight, behavior: isStreaming ? "smooth" : "auto" });
24
+ }
25
+ catch {
26
+ // Fallback for older browsers
27
+ el.scrollTop = el.scrollHeight;
28
+ }
29
+ }, [shouldAutoScroll, isStreaming]);
30
+ const scrollToBottomImmediate = useCallback(() => {
31
+ const el = containerRef.current;
32
+ if (!el)
33
+ return;
34
+ try {
35
+ el.scrollTo({ top: el.scrollHeight, behavior: "auto" });
36
+ }
37
+ catch {
38
+ el.scrollTop = el.scrollHeight;
39
+ }
40
+ }, []);
41
+ // Scroll to bottom on new messages
42
+ useEffect(() => {
43
+ if (messages.length > 0) {
44
+ // Use requestAnimationFrame to ensure DOM is updated
45
+ requestAnimationFrame(() => {
46
+ scrollToBottom();
47
+ });
48
+ }
49
+ }, [messages.length, scrollToBottom]);
50
+ // Observe size changes to keep smooth auto-scroll when message content grows
51
+ useEffect(() => {
52
+ const el = containerRef.current;
53
+ if (!el || typeof ResizeObserver === "undefined")
54
+ return;
55
+ const observer = new ResizeObserver(() => {
56
+ if (!shouldAutoScroll)
57
+ return;
58
+ // Smooth during streaming, instant otherwise to prevent bounce at finalization
59
+ try {
60
+ el.scrollTo({ top: el.scrollHeight, behavior: isStreaming ? "smooth" : "auto" });
61
+ }
62
+ catch {
63
+ el.scrollTop = el.scrollHeight;
64
+ }
65
+ });
66
+ observer.observe(el);
67
+ return () => observer.disconnect();
68
+ }, [shouldAutoScroll, isStreaming]);
69
+ // Force bottom when token changes (e.g., when chat opens or after reload)
70
+ useEffect(() => {
71
+ if (forceToBottomToken !== undefined) {
72
+ requestAnimationFrame(() => scrollToBottomImmediate());
73
+ }
74
+ }, [forceToBottomToken, scrollToBottomImmediate]);
75
+ // Initial scroll to bottom
76
+ useEffect(() => {
77
+ if (containerRef.current && messages.length > 0) {
78
+ containerRef.current.scrollTop = containerRef.current.scrollHeight;
79
+ }
80
+ }, []);
81
+ if (messages.length === 0) {
82
+ return (_jsxs(EmptyState, { children: [_jsx("p", { children: "Start a conversation" }), _jsx("p", { style: {
83
+ fontSize: aeroTheme.typography.sizes.caption,
84
+ marginTop: 8,
85
+ }, children: "Type a message below to begin chatting" })] }));
86
+ }
87
+ return (_jsx(MessageListContainer, { ref: containerRef, className: className, onScroll: handleScroll, children: messages.map((message) => (_jsx(MessageWrapper, { children: message.isUser ? (_jsx(UserMessage, { message: message.text, timestamp: message.timestamp, sender: message.sender })) : (_jsx(ConviMessage, { message: message.text, timestamp: message.timestamp, showLogo: message.showLogo, sender: message.sender })) }, message.id))) }));
88
+ };
89
+ //# sourceMappingURL=MessageList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/MessageList.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ interface UserMessageProps {
2
+ message: string;
3
+ timestamp?: string;
4
+ className?: string;
5
+ sender?: string;
6
+ }
7
+ export declare const UserMessage: ({ message, timestamp, className, sender, }: UserMessageProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=UserMessage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UserMessage.d.ts","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/UserMessage.tsx"],"names":[],"mappings":"AAaA,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,4CAKzB,gBAAgB,4CA6BlB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { aeroTheme } from "../styles";
3
+ import { UserBubble, UserMessageContainer, MessageHeader, UserLabel, LogoWrapper, } from "../styles";
4
+ import { FaUser } from "react-icons/fa";
5
+ import { MarkdownRenderer } from "./MarkdownRenderer";
6
+ export const UserMessage = ({ message, timestamp, className, sender, }) => {
7
+ 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: {
8
+ fontSize: aeroTheme.typography.sizes.caption,
9
+ color: aeroTheme.colors.text.secondary,
10
+ marginTop: 4,
11
+ alignSelf: "flex-end",
12
+ fontFamily: aeroTheme.typography.fontFamily.body,
13
+ }, children: timestamp }))] }));
14
+ };
15
+ //# sourceMappingURL=UserMessage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UserMessage.js","sourceRoot":"","sources":["../../../../../src/react/components/rtc-widget/components/UserMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,GACW,EAAE,EAAE;IACrB,OAAO,CACL,MAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,aACxC,MAAC,UAAU,eACR,MAAM,IAAI,CACT,MAAC,aAAa,eACZ,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,GAAI,GAC7C,EACd,KAAC,SAAS,cAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAa,IAC7C,CACjB,EACD,KAAC,gBAAgB,IAAC,IAAI,EAAE,OAAO,GAAI,IACxB,EACZ,SAAS,IAAI,CACZ,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO;oBAC5C,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;oBACtC,SAAS,EAAE,CAAC;oBACZ,SAAS,EAAE,UAAU;oBACrB,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;iBACjD,YAEA,SAAS,GACL,CACR,IACoB,CACxB,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,6 @@
1
+ interface ConviButtonProps {
2
+ isOpen: boolean;
3
+ }
4
+ export declare const ConviButton: ({ isOpen }: ConviButtonProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
6
+ //# sourceMappingURL=ConviButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConviButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviButton.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,YAAY,gBAAgB,4CAyBvD,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ConvaiLogo } from "../../styles/icons";
3
+ import { aeroTheme } from "../../styles/theme";
4
+ import { iosTransitions } from "../../styles/framerConfig";
5
+ import { ButtonContent, Logo } from "../../styles/styledComponents";
6
+ export const ConviButton = ({ isOpen }) => {
7
+ return (_jsx(ButtonContent, { animate: {
8
+ opacity: isOpen ? 0 : 1,
9
+ scale: isOpen ? 0.8 : 1,
10
+ }, transition: {
11
+ duration: 0.3,
12
+ ease: "easeInOut",
13
+ }, children: _jsx(Logo, { animate: { rotate: isOpen ? 90 : 0 }, transition: iosTransitions.layoutMorph, children: _jsx(ConvaiLogo, { size: "xl", color: aeroTheme.colors.primary[500], animate: isOpen, state: isOpen ? "connected" : "idle" }) }) }));
14
+ };
15
+ //# sourceMappingURL=ConviButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConviButton.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAMpE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IAC1D,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACxB,EACD,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,WAAW;SAClB,YAED,KAAC,IAAI,IACH,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACpC,UAAU,EAAE,cAAc,CAAC,WAAW,YAEtC,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EACpC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GACpC,GACG,GACO,CACjB,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ interface ConviFooterProps {
3
+ inputMode: "conversation" | "speaker" | "voice" | "verbosity";
4
+ inputValue: string;
5
+ liveUserText: string;
6
+ chatbotMic: boolean;
7
+ localIsTyping: boolean;
8
+ convaiIsTyping: boolean;
9
+ isCreatingSpeaker: boolean;
10
+ isPressingMic: boolean;
11
+ isSettingsOpen: boolean;
12
+ isVoiceMode: boolean;
13
+ onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
14
+ onKeyPress: (e: React.KeyboardEvent) => void;
15
+ onSend: () => void;
16
+ onMicPress: () => void;
17
+ onMicRelease: () => void;
18
+ setIsPressingMic: (value: boolean) => void;
19
+ onToggleVoiceMode: () => void;
20
+ verbosityChanged?: boolean;
21
+ onContinue?: () => void;
22
+ }
23
+ export declare const ConviFooter: ({ inputMode, inputValue, liveUserText, chatbotMic, localIsTyping, convaiIsTyping, isCreatingSpeaker, isPressingMic, isSettingsOpen, isVoiceMode, onInputChange, onKeyPress, onSend, onMicPress, onMicRelease, setIsPressingMic, onToggleVoiceMode, verbosityChanged, onContinue, }: ConviFooterProps) => import("react/jsx-runtime").JSX.Element;
24
+ export {};
25
+ //# sourceMappingURL=ConviFooter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConviFooter.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,gBAAgB;IACxB,SAAS,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,GAAI,oRAoBzB,gBAAgB,4CA2RlB,CAAC"}
@@ -0,0 +1,172 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { AnimatePresence, motion } from "framer-motion";
3
+ import { FiSend, FiMic } from "react-icons/fi";
4
+ import { PiWaveform } from "react-icons/pi";
5
+ import { aeroTheme } from "../../styles/theme";
6
+ import { iosTransitions } from "../../styles/framerConfig";
7
+ import { Footer, InputContainer, Input, ActionButton, } from "../../styles/styledComponents";
8
+ export const ConviFooter = ({ inputMode, inputValue, liveUserText, chatbotMic, localIsTyping, convaiIsTyping, isCreatingSpeaker, isPressingMic, isSettingsOpen, isVoiceMode, onInputChange, onKeyPress, onSend, onMicPress, onMicRelease, setIsPressingMic, onToggleVoiceMode, verbosityChanged = false, onContinue, }) => {
9
+ // Show Continue button in verbosity mode
10
+ if (inputMode === "verbosity") {
11
+ return (_jsx(Footer, { initial: { y: 20, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: {
12
+ delay: 0.7,
13
+ ...iosTransitions.modalSlide,
14
+ }, style: {
15
+ filter: isSettingsOpen ? "blur(3px)" : "none",
16
+ transition: "filter 0.2s ease",
17
+ padding: "0 !important",
18
+ }, children: _jsx("div", { style: {
19
+ width: "100%",
20
+ height: "100%",
21
+ padding: "1rem",
22
+ }, children: _jsx(motion.button, { onClick: onContinue, whileTap: verbosityChanged ? { scale: 0.98 } : {}, disabled: !verbosityChanged, style: {
23
+ // Full width and height (custom)
24
+ width: "100%",
25
+ height: "100%",
26
+ minHeight: "3rem",
27
+ // ActionButton base styles
28
+ border: "none",
29
+ borderRadius: "12px",
30
+ display: "flex",
31
+ alignItems: "center",
32
+ justifyContent: "center",
33
+ cursor: verbosityChanged ? "pointer" : "not-allowed",
34
+ outline: "none",
35
+ padding: 0,
36
+ isolation: "isolate",
37
+ // Custom appearance
38
+ backgroundColor: verbosityChanged
39
+ ? aeroTheme.colors.text.primary
40
+ : aeroTheme.colors.neutral[400],
41
+ color: "#ffffff",
42
+ fontSize: "14px",
43
+ fontWeight: 600,
44
+ opacity: verbosityChanged ? 1 : 0.4,
45
+ transition: aeroTheme.transitions.normal,
46
+ }, children: "Continue" }) }) }));
47
+ }
48
+ return (_jsxs(Footer, { initial: { y: 20, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: {
49
+ delay: 0.7,
50
+ ...iosTransitions.modalSlide,
51
+ }, style: {
52
+ filter: isSettingsOpen ? "blur(3px)" : "none",
53
+ transition: "filter 0.2s ease",
54
+ display: "flex",
55
+ gap: "0.5rem",
56
+ alignItems: "center",
57
+ position: "relative",
58
+ }, children: [_jsx(motion.div, { initial: false, animate: inputMode === "voice"
59
+ ? {
60
+ position: "absolute",
61
+ left: "calc(50% - 1.125rem)", // Center position (half of 2.25rem button width)
62
+ }
63
+ : {
64
+ position: "relative",
65
+ left: 0,
66
+ }, transition: {
67
+ delay: inputMode === "voice" ? 0.2 : 0,
68
+ duration: 0.35,
69
+ ease: [0.4, 0.0, 0.2, 1], // Material Design easing
70
+ }, style: {
71
+ position: inputMode === "voice" ? "absolute" : "relative",
72
+ width: "2.25rem",
73
+ height: "2.25rem",
74
+ minWidth: "2.25rem",
75
+ minHeight: "2.25rem",
76
+ flexShrink: 0,
77
+ zIndex: inputMode === "voice" ? 10 : 1,
78
+ }, children: _jsx(ActionButton, { animate: {
79
+ backgroundColor: isPressingMic || chatbotMic
80
+ ? aeroTheme.colors.convai.light
81
+ : aeroTheme.colors.text.primary,
82
+ color: isPressingMic || chatbotMic
83
+ ? aeroTheme.colors.text.inverse
84
+ : "#ffffff",
85
+ }, transition: {
86
+ backgroundColor: { duration: 0.15, ease: "easeOut" },
87
+ color: { duration: 0.15, ease: "easeOut" },
88
+ },
89
+ // Press-and-hold to talk
90
+ onMouseDown: () => {
91
+ setIsPressingMic(true);
92
+ onMicPress();
93
+ }, onMouseUp: () => {
94
+ setIsPressingMic(false);
95
+ onMicRelease();
96
+ }, onMouseLeave: () => {
97
+ setIsPressingMic(false);
98
+ if (chatbotMic)
99
+ onMicRelease();
100
+ }, onTouchStart: () => {
101
+ setIsPressingMic(true);
102
+ onMicPress();
103
+ }, onTouchEnd: () => {
104
+ setIsPressingMic(false);
105
+ onMicRelease();
106
+ }, "aria-pressed": chatbotMic, "$active": isPressingMic || chatbotMic, whileTap: { scale: 0.9 }, style: {
107
+ cursor: "pointer",
108
+ borderRadius: "50%",
109
+ }, children: _jsx(FiMic, { size: 20 }) }) }), _jsxs(InputContainer, { style: { flex: 1, position: "relative" }, children: [_jsx(AnimatePresence, { children: inputMode !== "voice" && inputMode !== "speaker" && (_jsx(motion.div, { initial: { opacity: 1 }, exit: {
110
+ opacity: 0,
111
+ width: 0,
112
+ transition: { duration: 0.3, ease: "easeInOut" },
113
+ }, style: {
114
+ flex: 1,
115
+ display: "flex",
116
+ overflow: "hidden",
117
+ paddingRight: "2.75rem", // Space for the button (2.25rem button + 0.5rem gap)
118
+ }, children: _jsx(Input, { type: "text", placeholder: "Conversation", value: chatbotMic ? liveUserText : inputValue, onChange: onInputChange, onKeyPress: onKeyPress, disabled: chatbotMic || isCreatingSpeaker }) })) }), inputMode !== "speaker" && (_jsx("div", { style: {
119
+ position: "absolute",
120
+ right: "0.375rem", // Match the InputContainer padding
121
+ top: "50%",
122
+ transform: "translateY(-50%)",
123
+ width: "2.25rem",
124
+ height: "2.25rem",
125
+ minWidth: "2.25rem",
126
+ minHeight: "2.25rem",
127
+ flexShrink: 0,
128
+ overflow: "visible",
129
+ display: "flex",
130
+ alignItems: "center",
131
+ justifyContent: "center",
132
+ zIndex: 2,
133
+ }, children: _jsx(AnimatePresence, { mode: "wait", children: localIsTyping || convaiIsTyping ? (_jsx(ActionButton, { initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "-100%" }, transition: {
134
+ duration: 0.1,
135
+ ease: "linear",
136
+ }, onClick: onSend, whileTap: { scale: 0.9 }, style: {
137
+ position: "absolute",
138
+ top: 0,
139
+ left: 0,
140
+ cursor: "pointer",
141
+ opacity: isCreatingSpeaker ? 0.5 : 1,
142
+ }, disabled: isCreatingSpeaker, children: _jsx(FiSend, { size: 20 }) }, "send")) : (_jsx(motion.button, { initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "-100%" }, transition: {
143
+ duration: 0.1,
144
+ ease: "linear",
145
+ }, onClick: onToggleVoiceMode, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, style: {
146
+ position: "absolute",
147
+ top: 0,
148
+ left: 0,
149
+ cursor: "pointer",
150
+ backgroundColor: isVoiceMode
151
+ ? "#ef4444"
152
+ : "transparent",
153
+ color: isVoiceMode
154
+ ? "#ffffff"
155
+ : aeroTheme.colors.text.primary,
156
+ border: isVoiceMode
157
+ ? "none"
158
+ : `1px solid ${aeroTheme.colors.neutral[300]}`,
159
+ borderRadius: "50%",
160
+ width: "2.25rem",
161
+ height: "2.25rem",
162
+ minWidth: "2.25rem",
163
+ minHeight: "2.25rem",
164
+ display: "flex",
165
+ alignItems: "center",
166
+ justifyContent: "center",
167
+ flexShrink: 0,
168
+ padding: 0,
169
+ outline: "none",
170
+ }, "aria-label": "Voice Mode", title: isVoiceMode ? "exit voice mode" : "use voice mode", children: _jsx(PiWaveform, { size: 20 }) }, "voice")) }) }))] })] }));
171
+ };
172
+ //# sourceMappingURL=ConviFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConviFooter.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviFooter.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ interface ConviHeaderProps {
3
+ isOpen: boolean;
4
+ isSpeakerEditMode: boolean;
5
+ isVoiceMode: boolean;
6
+ isVerbosityMode: boolean;
7
+ isMuted: boolean;
8
+ characterImage?: string;
9
+ characterName?: string;
10
+ onClose: () => void;
11
+ onSettingsToggle: () => void;
12
+ onToggleMute: () => void;
13
+ settingsButtonRef: React.RefObject<HTMLButtonElement>;
14
+ }
15
+ export declare const ConviHeader: ({ isOpen, isSpeakerEditMode, isVoiceMode, isVerbosityMode, isMuted, characterImage, characterName, onClose, onSettingsToggle, onToggleMute, settingsButtonRef, }: ConviHeaderProps) => import("react/jsx-runtime").JSX.Element;
16
+ export {};
17
+ //# sourceMappingURL=ConviHeader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConviHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,WAAW,GAAI,kKAYzB,gBAAgB,4CAsIlB,CAAC"}
@@ -0,0 +1,66 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { motion } from "framer-motion";
3
+ import { FiMoreVertical } from "react-icons/fi";
4
+ import { IoVolumeMute, IoVolumeHigh } from "react-icons/io5";
5
+ import { ChevronDown } from "../../styles/icons";
6
+ import { aeroTheme } from "../../styles/theme";
7
+ import { iosTransitions } from "../../styles/framerConfig";
8
+ import { Header, Title, CloseButton, SettingsButton, } from "../../styles/styledComponents";
9
+ export const ConviHeader = ({ isOpen, isSpeakerEditMode, isVoiceMode, isVerbosityMode, isMuted, characterImage, characterName = "Character", onClose, onSettingsToggle, onToggleMute, settingsButtonRef, }) => {
10
+ return (_jsxs(Header, { initial: { opacity: 0, y: -20 }, animate: {
11
+ opacity: isOpen ? 1 : 0,
12
+ y: isOpen ? 0 : -20,
13
+ }, transition: {
14
+ delay: isOpen ? 0.4 : 0,
15
+ ...iosTransitions.modalSlide,
16
+ }, children: [_jsx(CloseButton, { onClick: onClose, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, transition: iosTransitions.snappy, style: { cursor: "pointer" }, children: _jsx(ChevronDown, { size: "md" }) }), _jsxs(Title, { children: [characterImage && (_jsx("img", { src: characterImage, alt: characterName, style: {
17
+ width: "1.5rem",
18
+ height: "1.5rem",
19
+ borderRadius: "50%",
20
+ objectFit: "cover",
21
+ marginRight: "0.5rem",
22
+ } })), characterName, _jsx(motion.button, { onClick: onToggleMute, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, transition: iosTransitions.snappy, style: {
23
+ cursor: "pointer",
24
+ pointerEvents: "auto",
25
+ background: "transparent",
26
+ border: "none",
27
+ boxShadow: "none",
28
+ width: "auto",
29
+ height: "auto",
30
+ padding: "0",
31
+ display: "inline-flex",
32
+ alignItems: "center",
33
+ marginLeft: "0.5rem",
34
+ outline: "none",
35
+ }, "aria-label": isMuted ? "Unmute" : "Mute", title: isMuted ? "Unmute" : "Mute", children: isMuted ? (_jsx(IoVolumeMute, { size: 16, color: "#919EABA6" })) : (_jsx(IoVolumeHigh, { size: 16, color: "#0E7360" })) }), isSpeakerEditMode && (_jsx("span", { style: {
36
+ fontSize: "10px",
37
+ color: aeroTheme.colors.convai.light,
38
+ fontWeight: 500,
39
+ marginLeft: "8px",
40
+ padding: "2px 6px",
41
+ borderRadius: "4px",
42
+ backgroundColor: aeroTheme.colors.convai.light + "20",
43
+ }, children: "EDIT" })), isVoiceMode && (_jsx("span", { style: {
44
+ fontSize: "10px",
45
+ color: aeroTheme.colors.convai.light,
46
+ fontWeight: 500,
47
+ marginLeft: "8px",
48
+ padding: "2px 6px",
49
+ borderRadius: "4px",
50
+ backgroundColor: aeroTheme.colors.convai.light + "20",
51
+ }, children: "VOICE" })), isVerbosityMode && (_jsx("span", { style: {
52
+ fontSize: "10px",
53
+ color: aeroTheme.colors.convai.light,
54
+ fontWeight: 500,
55
+ marginLeft: "8px",
56
+ padding: "2px 6px",
57
+ borderRadius: "4px",
58
+ backgroundColor: aeroTheme.colors.convai.light + "20",
59
+ }, children: "VERBOSITY" }))] }), _jsx("div", { style: {
60
+ display: "flex",
61
+ alignItems: "center",
62
+ gap: "0.5rem",
63
+ position: "relative",
64
+ }, children: _jsx(SettingsButton, { ref: settingsButtonRef, onClick: onSettingsToggle, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, transition: iosTransitions.snappy, style: { cursor: "pointer" }, children: _jsx(FiMoreVertical, { size: 20 }) }) })] }));
65
+ };
66
+ //# sourceMappingURL=ConviHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConviHeader.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviHeader.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ interface SettingsTrayProps {
2
+ isOpen: boolean;
3
+ isVideoVisible?: boolean;
4
+ isScreenShareActive?: boolean;
5
+ onReset: () => void;
6
+ onDisconnect?: () => void;
7
+ onToggleVideo?: () => void;
8
+ onToggleScreenShare?: () => void;
9
+ }
10
+ export declare const SettingsTray: ({ isOpen, isVideoVisible, isScreenShareActive, onReset, onDisconnect, onToggleVideo, onToggleScreenShare, }: SettingsTrayProps) => import("react/jsx-runtime").JSX.Element | null;
11
+ export {};
12
+ //# sourceMappingURL=SettingsTray.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsTray.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/SettingsTray.tsx"],"names":[],"mappings":"AAYA,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,GAAI,6GAQ1B,iBAAiB,mDAyInB,CAAC"}
@@ -0,0 +1,68 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { AnimatePresence } from "framer-motion";
3
+ import { LiaRedoAltSolid } from "react-icons/lia";
4
+ import { IoVideocam, IoVideocamOff } from "react-icons/io5";
5
+ import { MdScreenShare, MdStopScreenShare } from "react-icons/md";
6
+ import { aeroTheme } from "../../styles/theme";
7
+ import { iosTransitions } from "../../styles/framerConfig";
8
+ import { SettingsTray as StyledSettingsTray, SettingsOption, } from "../../styles/styledComponents";
9
+ export const SettingsTray = ({ isOpen, isVideoVisible, isScreenShareActive, onReset, onDisconnect, onToggleVideo, onToggleScreenShare, }) => {
10
+ if (!isOpen)
11
+ return null;
12
+ return (_jsx(AnimatePresence, { children: _jsx(StyledSettingsTray, { "data-settings-tray": true, initial: { opacity: 0, y: -10, scale: 0.95 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: -10, scale: 0.95 }, transition: iosTransitions.fadePop, style: {
13
+ position: "absolute",
14
+ top: "60px",
15
+ right: "16px",
16
+ zIndex: 9999,
17
+ }, onClick: (e) => e.stopPropagation(), children: _jsxs("div", { style: {
18
+ display: "flex",
19
+ flexDirection: "row",
20
+ alignItems: "center",
21
+ padding: "8px",
22
+ gap: "4px",
23
+ }, children: [_jsxs(SettingsOption, { onClick: onReset, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
24
+ cursor: "pointer",
25
+ flexDirection: "column",
26
+ gap: "4px",
27
+ padding: "8px 12px",
28
+ }, "aria-label": "Reset", title: "Reset", children: [_jsx(LiaRedoAltSolid, { size: 18 }), _jsx("span", { style: { fontSize: "10px", fontWeight: 500 }, children: "Reset" })] }), onToggleVideo && (_jsxs(SettingsOption, { onClick: (e) => {
29
+ e.stopPropagation();
30
+ onToggleVideo();
31
+ }, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
32
+ cursor: "pointer",
33
+ flexDirection: "column",
34
+ gap: "4px",
35
+ padding: "8px 12px",
36
+ backgroundColor: isVideoVisible
37
+ ? "rgba(16, 185, 129, 0.15)"
38
+ : "transparent",
39
+ color: isVideoVisible
40
+ ? "#10b981"
41
+ : aeroTheme.colors.text.primary,
42
+ }, "aria-label": isVideoVisible ? "Hide Video" : "Show Video", title: isVideoVisible ? "Hide Video" : "Show Video", children: [isVideoVisible ? _jsx(IoVideocam, { size: 18 }) : _jsx(IoVideocamOff, { size: 18 }), _jsx("span", { style: { fontSize: "10px", fontWeight: 500 }, children: "Video" })] })), onToggleScreenShare && (_jsxs(SettingsOption, { onClick: (e) => {
43
+ e.stopPropagation();
44
+ onToggleScreenShare();
45
+ }, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
46
+ cursor: "pointer",
47
+ flexDirection: "column",
48
+ gap: "4px",
49
+ padding: "8px 12px",
50
+ backgroundColor: isScreenShareActive
51
+ ? "rgba(16, 185, 129, 0.15)"
52
+ : "transparent",
53
+ color: isScreenShareActive
54
+ ? "#10b981"
55
+ : aeroTheme.colors.text.primary,
56
+ }, "aria-label": isScreenShareActive ? "Stop Sharing" : "Share Screen", title: isScreenShareActive ? "Stop Sharing" : "Share Screen", children: [isScreenShareActive ? _jsx(MdStopScreenShare, { size: 18 }) : _jsx(MdScreenShare, { size: 18 }), _jsx("span", { style: { fontSize: "10px", fontWeight: 500 }, children: "Screen" })] })), onDisconnect && (_jsxs(SettingsOption, { onClick: (e) => {
57
+ e.stopPropagation();
58
+ onDisconnect();
59
+ }, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
60
+ cursor: "pointer",
61
+ flexDirection: "column",
62
+ gap: "4px",
63
+ padding: "8px 12px",
64
+ backgroundColor: "rgba(239, 68, 68, 0.1)",
65
+ color: "#ef4444",
66
+ }, "aria-label": "Disconnect", title: "Disconnect", children: [_jsx("span", { style: { fontSize: "18px" }, children: "\u23FB" }), _jsx("span", { style: { fontSize: "10px", fontWeight: 500 }, children: "Disconnect" })] }))] }) }) }));
67
+ };
68
+ //# sourceMappingURL=SettingsTray.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsTray.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/SettingsTray.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ interface VoiceModeOverlayProps {
2
+ isActive: boolean;
3
+ isTalking: boolean;
4
+ convaiClient?: any;
5
+ }
6
+ export declare const VoiceModeOverlay: ({ isActive, isTalking, convaiClient, }: VoiceModeOverlayProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=VoiceModeOverlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VoiceModeOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,wCAI9B,qBAAqB,4CA+PvB,CAAC"}