@convai/web-sdk 0.1.1-beta.3 → 0.1.1-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -2
- package/dist/core/AudioManager.d.ts +9 -1
- package/dist/core/AudioManager.d.ts.map +1 -1
- package/dist/core/AudioManager.js +44 -6
- package/dist/core/AudioManager.js.map +1 -1
- package/dist/core/ConvaiClient.d.ts +18 -9
- package/dist/core/ConvaiClient.d.ts.map +1 -1
- package/dist/core/ConvaiClient.js +75 -49
- package/dist/core/ConvaiClient.js.map +1 -1
- package/dist/core/MessageHandler.d.ts.map +1 -1
- package/dist/core/MessageHandler.js +26 -24
- package/dist/core/MessageHandler.js.map +1 -1
- package/dist/react/components/ConvaiWidget.d.ts.map +1 -1
- package/dist/react/components/ConvaiWidget.js +5 -10
- package/dist/react/components/ConvaiWidget.js.map +1 -1
- package/dist/react/hooks/useConvaiClient.d.ts.map +1 -1
- package/dist/react/hooks/useConvaiClient.js +12 -9
- package/dist/react/hooks/useConvaiClient.js.map +1 -1
- package/dist/types/index.d.ts +1 -3
- package/dist/types/index.d.ts.map +1 -1
- package/dist/vanilla/AudioRenderer.d.ts +45 -0
- package/dist/vanilla/AudioRenderer.d.ts.map +1 -0
- package/dist/vanilla/AudioRenderer.js +126 -0
- package/dist/vanilla/AudioRenderer.js.map +1 -0
- package/dist/vanilla/ConvaiWidget.d.ts +39 -0
- package/dist/vanilla/ConvaiWidget.d.ts.map +1 -0
- package/dist/vanilla/ConvaiWidget.js +1577 -0
- package/dist/vanilla/ConvaiWidget.js.map +1 -0
- package/dist/vanilla/icons.d.ts +34 -0
- package/dist/vanilla/icons.d.ts.map +1 -0
- package/dist/vanilla/icons.js +215 -0
- package/dist/vanilla/icons.js.map +1 -0
- package/dist/vanilla/index.d.ts +37 -0
- package/dist/vanilla/index.d.ts.map +1 -0
- package/dist/vanilla/index.js +39 -0
- package/dist/vanilla/index.js.map +1 -0
- package/dist/{components/rtc-widget/styles/theme.d.ts → vanilla/styles.d.ts} +14 -50
- package/dist/vanilla/styles.d.ts.map +1 -0
- package/dist/vanilla/styles.js +287 -0
- package/dist/vanilla/styles.js.map +1 -0
- package/dist/vanilla/types.d.ts +38 -0
- package/dist/vanilla/types.d.ts.map +1 -0
- package/dist/vanilla/types.js +2 -0
- package/dist/vanilla/types.js.map +1 -0
- package/package.json +12 -5
- package/dist/components/ConvaiWidget.d.ts +0 -59
- package/dist/components/ConvaiWidget.d.ts.map +0 -1
- package/dist/components/ConvaiWidget.js +0 -421
- package/dist/components/ConvaiWidget.js.map +0 -1
- package/dist/components/index.d.ts +0 -3
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/index.js +0 -5
- package/dist/components/index.js.map +0 -1
- package/dist/components/rtc-widget/components/AudioSettingsPanel.d.ts +0 -10
- package/dist/components/rtc-widget/components/AudioSettingsPanel.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/AudioSettingsPanel.js +0 -316
- package/dist/components/rtc-widget/components/AudioSettingsPanel.js.map +0 -1
- package/dist/components/rtc-widget/components/ConviMessage.d.ts +0 -10
- package/dist/components/rtc-widget/components/ConviMessage.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/ConviMessage.js +0 -14
- package/dist/components/rtc-widget/components/ConviMessage.js.map +0 -1
- package/dist/components/rtc-widget/components/FloatingVideo.d.ts +0 -9
- package/dist/components/rtc-widget/components/FloatingVideo.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/FloatingVideo.js +0 -122
- package/dist/components/rtc-widget/components/FloatingVideo.js.map +0 -1
- package/dist/components/rtc-widget/components/MarkdownRenderer.d.ts +0 -7
- package/dist/components/rtc-widget/components/MarkdownRenderer.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/MarkdownRenderer.js +0 -68
- package/dist/components/rtc-widget/components/MarkdownRenderer.js.map +0 -1
- package/dist/components/rtc-widget/components/MessageBubble.d.ts +0 -10
- package/dist/components/rtc-widget/components/MessageBubble.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/MessageBubble.js +0 -23
- package/dist/components/rtc-widget/components/MessageBubble.js.map +0 -1
- package/dist/components/rtc-widget/components/MessageList.d.ts +0 -11
- package/dist/components/rtc-widget/components/MessageList.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/MessageList.js +0 -89
- package/dist/components/rtc-widget/components/MessageList.js.map +0 -1
- package/dist/components/rtc-widget/components/UserMessage.d.ts +0 -9
- package/dist/components/rtc-widget/components/UserMessage.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/UserMessage.js +0 -15
- package/dist/components/rtc-widget/components/UserMessage.js.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/ConviButton.d.ts +0 -6
- package/dist/components/rtc-widget/components/conviComponents/ConviButton.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/ConviButton.js +0 -15
- package/dist/components/rtc-widget/components/conviComponents/ConviButton.js.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/ConviFooter.d.ts +0 -25
- package/dist/components/rtc-widget/components/conviComponents/ConviFooter.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/ConviFooter.js +0 -172
- package/dist/components/rtc-widget/components/conviComponents/ConviFooter.js.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/ConviHeader.d.ts +0 -17
- package/dist/components/rtc-widget/components/conviComponents/ConviHeader.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/ConviHeader.js +0 -66
- package/dist/components/rtc-widget/components/conviComponents/ConviHeader.js.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/SettingsTray.d.ts +0 -12
- package/dist/components/rtc-widget/components/conviComponents/SettingsTray.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/SettingsTray.js +0 -68
- package/dist/components/rtc-widget/components/conviComponents/SettingsTray.js.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts +0 -8
- package/dist/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js +0 -199
- package/dist/components/rtc-widget/components/conviComponents/VoiceModeOverlay.js.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/index.d.ts +0 -6
- package/dist/components/rtc-widget/components/conviComponents/index.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/conviComponents/index.js +0 -6
- package/dist/components/rtc-widget/components/conviComponents/index.js.map +0 -1
- package/dist/components/rtc-widget/components/index.d.ts +0 -8
- package/dist/components/rtc-widget/components/index.d.ts.map +0 -1
- package/dist/components/rtc-widget/components/index.js +0 -13
- package/dist/components/rtc-widget/components/index.js.map +0 -1
- package/dist/components/rtc-widget/index.d.ts +0 -6
- package/dist/components/rtc-widget/index.d.ts.map +0 -1
- package/dist/components/rtc-widget/index.js +0 -9
- package/dist/components/rtc-widget/index.js.map +0 -1
- package/dist/components/rtc-widget/styles/framerConfig.d.ts +0 -116
- package/dist/components/rtc-widget/styles/framerConfig.d.ts.map +0 -1
- package/dist/components/rtc-widget/styles/framerConfig.js +0 -73
- package/dist/components/rtc-widget/styles/framerConfig.js.map +0 -1
- package/dist/components/rtc-widget/styles/icons.d.ts +0 -28
- package/dist/components/rtc-widget/styles/icons.d.ts.map +0 -1
- package/dist/components/rtc-widget/styles/icons.js +0 -257
- package/dist/components/rtc-widget/styles/icons.js.map +0 -1
- package/dist/components/rtc-widget/styles/index.d.ts +0 -6
- package/dist/components/rtc-widget/styles/index.d.ts.map +0 -1
- package/dist/components/rtc-widget/styles/index.js +0 -9
- package/dist/components/rtc-widget/styles/index.js.map +0 -1
- package/dist/components/rtc-widget/styles/styledComponents.d.ts +0 -90
- package/dist/components/rtc-widget/styles/styledComponents.d.ts.map +0 -1
- package/dist/components/rtc-widget/styles/styledComponents.js +0 -661
- package/dist/components/rtc-widget/styles/styledComponents.js.map +0 -1
- package/dist/components/rtc-widget/styles/theme.d.ts.map +0 -1
- package/dist/components/rtc-widget/styles/theme.js +0 -290
- package/dist/components/rtc-widget/styles/theme.js.map +0 -1
- package/dist/components/rtc-widget/types/index.d.ts +0 -60
- package/dist/components/rtc-widget/types/index.d.ts.map +0 -1
- package/dist/components/rtc-widget/types/index.js +0 -2
- package/dist/components/rtc-widget/types/index.js.map +0 -1
- package/dist/hooks/index.d.ts +0 -13
- package/dist/hooks/index.d.ts.map +0 -1
- package/dist/hooks/index.js +0 -14
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/useAudioControls.d.ts +0 -41
- package/dist/hooks/useAudioControls.d.ts.map +0 -1
- package/dist/hooks/useAudioControls.js +0 -208
- package/dist/hooks/useAudioControls.js.map +0 -1
- package/dist/hooks/useCharacterInfo.d.ts +0 -17
- package/dist/hooks/useCharacterInfo.d.ts.map +0 -1
- package/dist/hooks/useCharacterInfo.js +0 -60
- package/dist/hooks/useCharacterInfo.js.map +0 -1
- package/dist/hooks/useConvaiClient.d.ts +0 -30
- package/dist/hooks/useConvaiClient.d.ts.map +0 -1
- package/dist/hooks/useConvaiClient.js +0 -349
- package/dist/hooks/useConvaiClient.js.map +0 -1
- package/dist/hooks/useDynamicInfoUpdater.d.ts +0 -33
- package/dist/hooks/useDynamicInfoUpdater.d.ts.map +0 -1
- package/dist/hooks/useDynamicInfoUpdater.js +0 -49
- package/dist/hooks/useDynamicInfoUpdater.js.map +0 -1
- package/dist/hooks/useLocalCameraTrack.d.ts +0 -22
- package/dist/hooks/useLocalCameraTrack.d.ts.map +0 -1
- package/dist/hooks/useLocalCameraTrack.js +0 -34
- package/dist/hooks/useLocalCameraTrack.js.map +0 -1
- package/dist/hooks/useMessageHandler.d.ts +0 -28
- package/dist/hooks/useMessageHandler.d.ts.map +0 -1
- package/dist/hooks/useMessageHandler.js +0 -267
- package/dist/hooks/useMessageHandler.js.map +0 -1
- package/dist/hooks/useScreenShare.d.ts +0 -45
- package/dist/hooks/useScreenShare.d.ts.map +0 -1
- package/dist/hooks/useScreenShare.js +0 -186
- package/dist/hooks/useScreenShare.js.map +0 -1
- package/dist/hooks/useTemplateKeysUpdater.d.ts +0 -35
- package/dist/hooks/useTemplateKeysUpdater.d.ts.map +0 -1
- package/dist/hooks/useTemplateKeysUpdater.js +0 -51
- package/dist/hooks/useTemplateKeysUpdater.js.map +0 -1
- package/dist/hooks/useTriggerMessageSender.d.ts +0 -28
- package/dist/hooks/useTriggerMessageSender.d.ts.map +0 -1
- package/dist/hooks/useTriggerMessageSender.js +0 -46
- package/dist/hooks/useTriggerMessageSender.js.map +0 -1
- package/dist/hooks/useTtsToggle.d.ts +0 -37
- package/dist/hooks/useTtsToggle.d.ts.map +0 -1
- package/dist/hooks/useTtsToggle.js +0 -63
- package/dist/hooks/useTtsToggle.js.map +0 -1
- package/dist/hooks/useUserTextMessageSender.d.ts +0 -28
- package/dist/hooks/useUserTextMessageSender.d.ts.map +0 -1
- package/dist/hooks/useUserTextMessageSender.js +0 -58
- package/dist/hooks/useUserTextMessageSender.js.map +0 -1
- package/dist/hooks/useVideoControls.d.ts +0 -39
- package/dist/hooks/useVideoControls.d.ts.map +0 -1
- package/dist/hooks/useVideoControls.js +0 -193
- package/dist/hooks/useVideoControls.js.map +0 -1
|
@@ -1,316 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import styled from "styled-components";
|
|
4
|
-
const Panel = styled.div `
|
|
5
|
-
position: absolute;
|
|
6
|
-
bottom: 100%;
|
|
7
|
-
right: 0;
|
|
8
|
-
margin-bottom: 12px;
|
|
9
|
-
width: 360px;
|
|
10
|
-
background: rgba(15, 23, 42, 0.98);
|
|
11
|
-
border: 1px solid rgba(148, 163, 184, 0.2);
|
|
12
|
-
border-radius: 16px;
|
|
13
|
-
padding: 24px;
|
|
14
|
-
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3),
|
|
15
|
-
0 10px 10px -5px rgba(0, 0, 0, 0.2);
|
|
16
|
-
backdrop-filter: blur(10px);
|
|
17
|
-
opacity: ${(props) => (props.isOpen ? 1 : 0)};
|
|
18
|
-
pointer-events: ${(props) => (props.isOpen ? "all" : "none")};
|
|
19
|
-
transform: ${(props) => props.isOpen ? "translateY(0)" : "translateY(10px)"};
|
|
20
|
-
transition: all 0.2s ease-out;
|
|
21
|
-
z-index: 1000;
|
|
22
|
-
|
|
23
|
-
@media (max-width: 640px) {
|
|
24
|
-
width: calc(100vw - 32px);
|
|
25
|
-
right: 16px;
|
|
26
|
-
}
|
|
27
|
-
`;
|
|
28
|
-
const Title = styled.div `
|
|
29
|
-
font-size: 18px;
|
|
30
|
-
font-weight: 600;
|
|
31
|
-
color: #f1f5f9;
|
|
32
|
-
margin-bottom: 8px;
|
|
33
|
-
display: flex;
|
|
34
|
-
align-items: center;
|
|
35
|
-
gap: 8px;
|
|
36
|
-
`;
|
|
37
|
-
const Subtitle = styled.div `
|
|
38
|
-
font-size: 13px;
|
|
39
|
-
color: #94a3b8;
|
|
40
|
-
margin-bottom: 20px;
|
|
41
|
-
line-height: 1.5;
|
|
42
|
-
`;
|
|
43
|
-
const SettingGroup = styled.div `
|
|
44
|
-
margin-bottom: 20px;
|
|
45
|
-
|
|
46
|
-
&:last-child {
|
|
47
|
-
margin-bottom: 0;
|
|
48
|
-
}
|
|
49
|
-
`;
|
|
50
|
-
const SettingLabel = styled.label `
|
|
51
|
-
display: flex;
|
|
52
|
-
align-items: center;
|
|
53
|
-
justify-content: space-between;
|
|
54
|
-
font-size: 14px;
|
|
55
|
-
color: #e2e8f0;
|
|
56
|
-
margin-bottom: 8px;
|
|
57
|
-
cursor: pointer;
|
|
58
|
-
user-select: none;
|
|
59
|
-
padding: 10px 12px;
|
|
60
|
-
border-radius: 8px;
|
|
61
|
-
transition: background 0.15s ease;
|
|
62
|
-
|
|
63
|
-
&:hover {
|
|
64
|
-
background: rgba(148, 163, 184, 0.1);
|
|
65
|
-
}
|
|
66
|
-
`;
|
|
67
|
-
const SettingDescription = styled.div `
|
|
68
|
-
font-size: 12px;
|
|
69
|
-
color: #64748b;
|
|
70
|
-
margin-top: -4px;
|
|
71
|
-
margin-bottom: 8px;
|
|
72
|
-
padding-left: 12px;
|
|
73
|
-
line-height: 1.4;
|
|
74
|
-
`;
|
|
75
|
-
const Toggle = styled.div `
|
|
76
|
-
width: 44px;
|
|
77
|
-
height: 24px;
|
|
78
|
-
background: ${(props) => props.enabled
|
|
79
|
-
? "linear-gradient(135deg, #10b981 0%, #059669 100%)"
|
|
80
|
-
: "rgba(71, 85, 105, 0.5)"};
|
|
81
|
-
border-radius: 12px;
|
|
82
|
-
position: relative;
|
|
83
|
-
transition: all 0.2s ease;
|
|
84
|
-
box-shadow: ${(props) => props.enabled
|
|
85
|
-
? "0 0 12px rgba(16, 185, 129, 0.3)"
|
|
86
|
-
: "inset 0 2px 4px rgba(0, 0, 0, 0.2)"};
|
|
87
|
-
|
|
88
|
-
&::after {
|
|
89
|
-
content: "";
|
|
90
|
-
position: absolute;
|
|
91
|
-
top: 2px;
|
|
92
|
-
left: ${(props) => (props.enabled ? "22px" : "2px")};
|
|
93
|
-
width: 20px;
|
|
94
|
-
height: 20px;
|
|
95
|
-
background: white;
|
|
96
|
-
border-radius: 50%;
|
|
97
|
-
transition: left 0.2s ease;
|
|
98
|
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
99
|
-
}
|
|
100
|
-
`;
|
|
101
|
-
const SliderGroup = styled.div `
|
|
102
|
-
margin-bottom: 16px;
|
|
103
|
-
`;
|
|
104
|
-
const SliderLabel = styled.div `
|
|
105
|
-
display: flex;
|
|
106
|
-
align-items: center;
|
|
107
|
-
justify-content: space-between;
|
|
108
|
-
margin-bottom: 8px;
|
|
109
|
-
font-size: 14px;
|
|
110
|
-
color: #e2e8f0;
|
|
111
|
-
`;
|
|
112
|
-
const SliderValue = styled.span `
|
|
113
|
-
font-weight: 600;
|
|
114
|
-
color: #10b981;
|
|
115
|
-
font-size: 13px;
|
|
116
|
-
`;
|
|
117
|
-
const Slider = styled.input `
|
|
118
|
-
width: 100%;
|
|
119
|
-
height: 6px;
|
|
120
|
-
border-radius: 3px;
|
|
121
|
-
background: rgba(71, 85, 105, 0.3);
|
|
122
|
-
outline: none;
|
|
123
|
-
-webkit-appearance: none;
|
|
124
|
-
|
|
125
|
-
&::-webkit-slider-thumb {
|
|
126
|
-
-webkit-appearance: none;
|
|
127
|
-
appearance: none;
|
|
128
|
-
width: 18px;
|
|
129
|
-
height: 18px;
|
|
130
|
-
border-radius: 50%;
|
|
131
|
-
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
|
|
132
|
-
cursor: pointer;
|
|
133
|
-
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
|
|
134
|
-
transition: transform 0.15s ease;
|
|
135
|
-
|
|
136
|
-
&:hover {
|
|
137
|
-
transform: scale(1.1);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
&:active {
|
|
141
|
-
transform: scale(0.95);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
&::-moz-range-thumb {
|
|
146
|
-
width: 18px;
|
|
147
|
-
height: 18px;
|
|
148
|
-
border-radius: 50%;
|
|
149
|
-
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
|
|
150
|
-
cursor: pointer;
|
|
151
|
-
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
|
|
152
|
-
border: none;
|
|
153
|
-
transition: transform 0.15s ease;
|
|
154
|
-
|
|
155
|
-
&:hover {
|
|
156
|
-
transform: scale(1.1);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
&:active {
|
|
160
|
-
transform: scale(0.95);
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
`;
|
|
164
|
-
const PresetButtons = styled.div `
|
|
165
|
-
display: grid;
|
|
166
|
-
grid-template-columns: repeat(3, 1fr);
|
|
167
|
-
gap: 8px;
|
|
168
|
-
margin-top: 20px;
|
|
169
|
-
padding-top: 20px;
|
|
170
|
-
border-top: 1px solid rgba(148, 163, 184, 0.2);
|
|
171
|
-
`;
|
|
172
|
-
const PresetButton = styled.button `
|
|
173
|
-
padding: 10px 12px;
|
|
174
|
-
font-size: 13px;
|
|
175
|
-
font-weight: 500;
|
|
176
|
-
border-radius: 8px;
|
|
177
|
-
border: 1px solid
|
|
178
|
-
${(props) => props.active ? "rgba(16, 185, 129, 0.5)" : "rgba(148, 163, 184, 0.2)"};
|
|
179
|
-
background: ${(props) => props.active
|
|
180
|
-
? "rgba(16, 185, 129, 0.15)"
|
|
181
|
-
: "rgba(30, 41, 59, 0.5)"};
|
|
182
|
-
color: ${(props) => (props.active ? "#10b981" : "#cbd5e1")};
|
|
183
|
-
cursor: pointer;
|
|
184
|
-
transition: all 0.15s ease;
|
|
185
|
-
|
|
186
|
-
&:hover {
|
|
187
|
-
background: ${(props) => props.active
|
|
188
|
-
? "rgba(16, 185, 129, 0.25)"
|
|
189
|
-
: "rgba(148, 163, 184, 0.1)"};
|
|
190
|
-
border-color: ${(props) => props.active ? "#10b981" : "rgba(148, 163, 184, 0.3)"};
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
&:active {
|
|
194
|
-
transform: scale(0.98);
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
&:disabled {
|
|
198
|
-
opacity: 0.5;
|
|
199
|
-
cursor: not-allowed;
|
|
200
|
-
}
|
|
201
|
-
`;
|
|
202
|
-
const InfoBox = styled.div `
|
|
203
|
-
background: rgba(59, 130, 246, 0.1);
|
|
204
|
-
border: 1px solid rgba(59, 130, 246, 0.2);
|
|
205
|
-
border-radius: 8px;
|
|
206
|
-
padding: 12px;
|
|
207
|
-
margin-bottom: 20px;
|
|
208
|
-
font-size: 12px;
|
|
209
|
-
color: #93c5fd;
|
|
210
|
-
line-height: 1.5;
|
|
211
|
-
`;
|
|
212
|
-
const StatusIndicator = styled.div `
|
|
213
|
-
display: inline-flex;
|
|
214
|
-
align-items: center;
|
|
215
|
-
gap: 6px;
|
|
216
|
-
padding: 4px 10px;
|
|
217
|
-
border-radius: 12px;
|
|
218
|
-
font-size: 11px;
|
|
219
|
-
font-weight: 600;
|
|
220
|
-
background: ${(props) => props.isConnected
|
|
221
|
-
? "rgba(16, 185, 129, 0.15)"
|
|
222
|
-
: "rgba(239, 68, 68, 0.15)"};
|
|
223
|
-
color: ${(props) => (props.isConnected ? "#10b981" : "#ef4444")};
|
|
224
|
-
|
|
225
|
-
&::before {
|
|
226
|
-
content: "";
|
|
227
|
-
width: 6px;
|
|
228
|
-
height: 6px;
|
|
229
|
-
border-radius: 50%;
|
|
230
|
-
background: currentColor;
|
|
231
|
-
}
|
|
232
|
-
`;
|
|
233
|
-
export const AudioSettingsPanel = ({ currentSettings, onUpdateSettings, isConnected, }) => {
|
|
234
|
-
const [localSettings, setLocalSettings] = useState(currentSettings);
|
|
235
|
-
const [isUpdating, setIsUpdating] = useState(false);
|
|
236
|
-
const handleToggle = async (key, value) => {
|
|
237
|
-
setLocalSettings((prev) => ({ ...prev, [key]: value }));
|
|
238
|
-
setIsUpdating(true);
|
|
239
|
-
try {
|
|
240
|
-
await onUpdateSettings({ [key]: value });
|
|
241
|
-
}
|
|
242
|
-
finally {
|
|
243
|
-
setIsUpdating(false);
|
|
244
|
-
}
|
|
245
|
-
};
|
|
246
|
-
const handleSliderChange = (key, value) => {
|
|
247
|
-
setLocalSettings((prev) => ({ ...prev, [key]: value }));
|
|
248
|
-
};
|
|
249
|
-
const handleSliderRelease = async (key, value) => {
|
|
250
|
-
setIsUpdating(true);
|
|
251
|
-
try {
|
|
252
|
-
await onUpdateSettings({ [key]: value });
|
|
253
|
-
}
|
|
254
|
-
finally {
|
|
255
|
-
setIsUpdating(false);
|
|
256
|
-
}
|
|
257
|
-
};
|
|
258
|
-
const applyPreset = async (preset) => {
|
|
259
|
-
setIsUpdating(true);
|
|
260
|
-
let newSettings;
|
|
261
|
-
switch (preset) {
|
|
262
|
-
case "quiet":
|
|
263
|
-
// Quiet environment - minimal processing, more sensitive to interruptions
|
|
264
|
-
newSettings = {
|
|
265
|
-
echoCancellation: false,
|
|
266
|
-
noiseSuppression: false,
|
|
267
|
-
autoGainControl: false,
|
|
268
|
-
sampleRate: 48000,
|
|
269
|
-
channelCount: 1,
|
|
270
|
-
};
|
|
271
|
-
break;
|
|
272
|
-
case "balanced":
|
|
273
|
-
// Balanced - moderate processing, good middle ground
|
|
274
|
-
newSettings = {
|
|
275
|
-
echoCancellation: true,
|
|
276
|
-
noiseSuppression: true,
|
|
277
|
-
autoGainControl: false,
|
|
278
|
-
sampleRate: 48000,
|
|
279
|
-
channelCount: 1,
|
|
280
|
-
};
|
|
281
|
-
break;
|
|
282
|
-
case "noisy":
|
|
283
|
-
// Noisy environment - aggressive processing, reduces interruptions
|
|
284
|
-
newSettings = {
|
|
285
|
-
echoCancellation: true,
|
|
286
|
-
noiseSuppression: true,
|
|
287
|
-
autoGainControl: true,
|
|
288
|
-
sampleRate: 48000,
|
|
289
|
-
channelCount: 1,
|
|
290
|
-
};
|
|
291
|
-
break;
|
|
292
|
-
}
|
|
293
|
-
setLocalSettings(newSettings);
|
|
294
|
-
try {
|
|
295
|
-
await onUpdateSettings(newSettings);
|
|
296
|
-
}
|
|
297
|
-
finally {
|
|
298
|
-
setIsUpdating(false);
|
|
299
|
-
}
|
|
300
|
-
};
|
|
301
|
-
const getCurrentPreset = () => {
|
|
302
|
-
const { echoCancellation, noiseSuppression, autoGainControl } = localSettings;
|
|
303
|
-
if (!echoCancellation && !noiseSuppression && !autoGainControl) {
|
|
304
|
-
return "quiet";
|
|
305
|
-
}
|
|
306
|
-
if (echoCancellation && noiseSuppression && !autoGainControl) {
|
|
307
|
-
return "balanced";
|
|
308
|
-
}
|
|
309
|
-
if (echoCancellation && noiseSuppression && autoGainControl) {
|
|
310
|
-
return "noisy";
|
|
311
|
-
}
|
|
312
|
-
return null;
|
|
313
|
-
};
|
|
314
|
-
return (_jsxs(Panel, { isOpen: true, children: [_jsxs(Title, { children: ["Audio Sensitivity Settings", _jsx(StatusIndicator, { isConnected: isConnected, children: isConnected ? "LIVE" : "OFFLINE" })] }), _jsx(Subtitle, { children: "Adjust these settings to reduce interruptions and find the optimal balance for your environment." }), isConnected && (_jsx(InfoBox, { children: "Warning: Changing settings will briefly restart your microphone. Changes apply immediately." })), _jsxs(SettingGroup, { children: [_jsxs(SettingLabel, { children: [_jsx("span", { children: "Echo Cancellation" }), _jsx(Toggle, { enabled: localSettings.echoCancellation || false, onClick: () => handleToggle("echoCancellation", !localSettings.echoCancellation) })] }), _jsx(SettingDescription, { children: "Prevents feedback loops from speakers. Recommended ON." })] }), _jsxs(SettingGroup, { children: [_jsxs(SettingLabel, { children: [_jsx("span", { children: "Noise Suppression" }), _jsx(Toggle, { enabled: localSettings.noiseSuppression || false, onClick: () => handleToggle("noiseSuppression", !localSettings.noiseSuppression) })] }), _jsx(SettingDescription, { children: "Filters out background noise. Turn ON to reduce false interruptions." })] }), _jsxs(SettingGroup, { children: [_jsxs(SettingLabel, { children: [_jsx("span", { children: "Auto Gain Control" }), _jsx(Toggle, { enabled: localSettings.autoGainControl || false, onClick: () => handleToggle("autoGainControl", !localSettings.autoGainControl) })] }), _jsx(SettingDescription, { children: "Automatically adjusts microphone volume. Turn ON in noisy environments to prevent unwanted interruptions." })] }), _jsxs(SliderGroup, { children: [_jsxs(SliderLabel, { children: [_jsx("span", { children: "Sample Rate" }), _jsxs(SliderValue, { children: [localSettings.sampleRate || 48000, " Hz"] })] }), _jsx(Slider, { type: "range", min: "8000", max: "48000", step: "8000", value: localSettings.sampleRate || 48000, onChange: (e) => handleSliderChange("sampleRate", parseInt(e.target.value)), onMouseUp: (e) => handleSliderRelease("sampleRate", parseInt(e.target.value)), onTouchEnd: (e) => handleSliderRelease("sampleRate", parseInt(e.target.value)) }), _jsx(SettingDescription, { children: "Higher = better quality, lower = less data. 48000 Hz recommended." })] }), _jsxs(PresetButtons, { children: [_jsx(PresetButton, { onClick: () => applyPreset("quiet"), active: getCurrentPreset() === "quiet", disabled: isUpdating, children: "\uD83D\uDD07 Quiet" }), _jsx(PresetButton, { onClick: () => applyPreset("balanced"), active: getCurrentPreset() === "balanced", disabled: isUpdating, children: "Balanced" }), _jsx(PresetButton, { onClick: () => applyPreset("noisy"), active: getCurrentPreset() === "noisy", disabled: isUpdating, children: "\uD83D\uDD0A Noisy" })] })] }));
|
|
315
|
-
};
|
|
316
|
-
//# sourceMappingURL=AudioSettingsPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AudioSettingsPanel.js","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/AudioSettingsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface ConviMessageProps {
|
|
2
|
-
message: string;
|
|
3
|
-
timestamp?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
showLogo?: boolean;
|
|
6
|
-
sender?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const ConviMessage: ({ message, timestamp, className, showLogo, sender, }: ConviMessageProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=ConviMessage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConviMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/ConviMessage.tsx"],"names":[],"mappings":"AAYA,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,sDAM1B,iBAAiB,4CAkCnB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { aeroTheme } from "../styles";
|
|
3
|
-
import { ConvaiLogo, ConviBubble, ConviMessageContainer, MessageHeader, ConviLabel, LogoWrapper, } from "../styles";
|
|
4
|
-
import { MarkdownRenderer } from "./MarkdownRenderer";
|
|
5
|
-
export const ConviMessage = ({ message, timestamp, className, showLogo = true, sender, }) => {
|
|
6
|
-
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: {
|
|
7
|
-
fontSize: aeroTheme.typography.sizes.caption,
|
|
8
|
-
color: aeroTheme.colors.text.secondary,
|
|
9
|
-
marginTop: 4,
|
|
10
|
-
alignSelf: "flex-start",
|
|
11
|
-
fontFamily: aeroTheme.typography.fontFamily.body,
|
|
12
|
-
}, children: timestamp }))] }));
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=ConviMessage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConviMessage.js","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/ConviMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,UAAU,EACV,WAAW,EACX,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,WAAW,GACZ,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,MAAM,GACY,EAAE,EAAE;IACtB,OAAO,CACL,MAAC,qBAAqB,IAAC,SAAS,EAAE,SAAS,aACzC,MAAC,WAAW,eACT,QAAQ,IAAI,CACX,MAAC,aAAa,eACZ,KAAC,WAAW,cACV,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,KAAK,EACd,KAAK,EAAC,WAAW,GACjB,GACU,EACd,KAAC,UAAU,cAAE,MAAM,GAAc,IACnB,CACjB,EACD,KAAC,gBAAgB,IAAC,IAAI,EAAE,OAAO,GAAI,IACvB,EACb,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,YAAY;oBACvB,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;iBACjD,YAEA,SAAS,GACL,CACR,IACqB,CACzB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingVideo.d.ts","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/FloatingVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA4DD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+ItD,CAAC"}
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useState } from "react";
|
|
3
|
-
import { motion } from "framer-motion";
|
|
4
|
-
import { VideoTrack, RoomContext, useRoomContext } from "@livekit/components-react";
|
|
5
|
-
import { IoClose, IoVideocamOff } from "react-icons/io5";
|
|
6
|
-
import { MdDragIndicator } from "react-icons/md";
|
|
7
|
-
import { aeroTheme } from "../styles/theme";
|
|
8
|
-
import { iosTransitions } from "../styles/framerConfig";
|
|
9
|
-
import { useLocalCameraTrack } from "../../../hooks/useLocalCameraTrack";
|
|
10
|
-
/**
|
|
11
|
-
* LocalVideoDisplay component for rendering local camera feed inside FloatingVideo.
|
|
12
|
-
*/
|
|
13
|
-
const LocalVideoDisplay = ({ mirror = false }) => {
|
|
14
|
-
const cameraTrackRef = useLocalCameraTrack();
|
|
15
|
-
// Check if camera track is available (for local participant, check if track exists)
|
|
16
|
-
if (!cameraTrackRef.publication?.track) {
|
|
17
|
-
return (_jsxs("div", { style: {
|
|
18
|
-
width: "100%",
|
|
19
|
-
height: "100%",
|
|
20
|
-
display: "flex",
|
|
21
|
-
flexDirection: "column",
|
|
22
|
-
alignItems: "center",
|
|
23
|
-
justifyContent: "center",
|
|
24
|
-
color: aeroTheme.colors.neutral[400],
|
|
25
|
-
gap: "12px",
|
|
26
|
-
background: "#000",
|
|
27
|
-
}, children: [_jsx(IoVideocamOff, { size: 48 }), _jsx("span", { style: { fontSize: "14px", textAlign: "center" }, children: "Camera is off" })] }));
|
|
28
|
-
}
|
|
29
|
-
return (_jsx("div", { style: {
|
|
30
|
-
width: "100%",
|
|
31
|
-
height: "100%",
|
|
32
|
-
position: "relative",
|
|
33
|
-
}, children: _jsx("div", { style: {
|
|
34
|
-
transform: mirror ? "scaleX(-1)" : "none",
|
|
35
|
-
width: "100%",
|
|
36
|
-
height: "100%",
|
|
37
|
-
}, children: _jsx(VideoTrack, { trackRef: cameraTrackRef, style: {
|
|
38
|
-
width: "100%",
|
|
39
|
-
height: "100%",
|
|
40
|
-
objectFit: "cover",
|
|
41
|
-
} }) }) }));
|
|
42
|
-
};
|
|
43
|
-
export const FloatingVideo = ({ isVisible, onClose, mirror = true, }) => {
|
|
44
|
-
const room = useRoomContext(); // Get room from parent RoomContext
|
|
45
|
-
const [position, setPosition] = useState({ x: 20, y: 20 });
|
|
46
|
-
const [isDragging, setIsDragging] = useState(false);
|
|
47
|
-
const containerRef = useRef(null);
|
|
48
|
-
const handleDragEnd = (event, info) => {
|
|
49
|
-
setIsDragging(false);
|
|
50
|
-
// Get window dimensions
|
|
51
|
-
const windowWidth = window.innerWidth;
|
|
52
|
-
const windowHeight = window.innerHeight;
|
|
53
|
-
// Get container dimensions
|
|
54
|
-
const containerWidth = containerRef.current?.offsetWidth || 320;
|
|
55
|
-
const containerHeight = containerRef.current?.offsetHeight || 240;
|
|
56
|
-
// Calculate new position with boundary constraints
|
|
57
|
-
let newX = position.x + info.offset.x;
|
|
58
|
-
let newY = position.y + info.offset.y;
|
|
59
|
-
// Keep within bounds
|
|
60
|
-
newX = Math.max(0, Math.min(newX, windowWidth - containerWidth));
|
|
61
|
-
newY = Math.max(0, Math.min(newY, windowHeight - containerHeight));
|
|
62
|
-
setPosition({ x: newX, y: newY });
|
|
63
|
-
};
|
|
64
|
-
if (!isVisible)
|
|
65
|
-
return null;
|
|
66
|
-
// Wrap in RoomContext.Provider to ensure room is available to child components
|
|
67
|
-
return (_jsx(RoomContext.Provider, { value: room, children: _jsx(motion.div, { ref: containerRef, drag: true, dragMomentum: false, dragElastic: 0, onDragStart: () => setIsDragging(true), onDragEnd: handleDragEnd, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, transition: iosTransitions.modalSlide, style: {
|
|
68
|
-
position: "fixed",
|
|
69
|
-
left: position.x,
|
|
70
|
-
top: position.y,
|
|
71
|
-
zIndex: 10000,
|
|
72
|
-
width: "320px",
|
|
73
|
-
borderRadius: aeroTheme.borderRadius.lg,
|
|
74
|
-
overflow: "hidden",
|
|
75
|
-
boxShadow: "0 8px 32px rgba(0, 0, 0, 0.3)",
|
|
76
|
-
cursor: isDragging ? "grabbing" : "grab",
|
|
77
|
-
}, children: _jsxs("div", { style: {
|
|
78
|
-
background: "rgba(15, 23, 42, 0.95)",
|
|
79
|
-
backdropFilter: "blur(20px)",
|
|
80
|
-
border: `1px solid ${aeroTheme.colors.neutral[700]}`,
|
|
81
|
-
borderRadius: aeroTheme.borderRadius.lg,
|
|
82
|
-
overflow: "hidden",
|
|
83
|
-
}, children: [_jsxs("div", { style: {
|
|
84
|
-
display: "flex",
|
|
85
|
-
alignItems: "center",
|
|
86
|
-
justifyContent: "space-between",
|
|
87
|
-
padding: "8px 12px",
|
|
88
|
-
background: "rgba(0, 0, 0, 0.3)",
|
|
89
|
-
borderBottom: `1px solid ${aeroTheme.colors.neutral[700]}`,
|
|
90
|
-
}, children: [_jsxs("div", { style: {
|
|
91
|
-
display: "flex",
|
|
92
|
-
alignItems: "center",
|
|
93
|
-
gap: "8px",
|
|
94
|
-
color: aeroTheme.colors.neutral[300],
|
|
95
|
-
fontSize: "12px",
|
|
96
|
-
fontWeight: 500,
|
|
97
|
-
}, children: [_jsx(MdDragIndicator, { size: 16 }), _jsx("span", { children: "Your Camera" })] }), _jsx(motion.button, { onPointerDown: (e) => e.stopPropagation(), onClick: (e) => {
|
|
98
|
-
e.stopPropagation();
|
|
99
|
-
onClose();
|
|
100
|
-
}, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, style: {
|
|
101
|
-
background: "transparent",
|
|
102
|
-
border: "none",
|
|
103
|
-
color: aeroTheme.colors.neutral[400],
|
|
104
|
-
cursor: "pointer",
|
|
105
|
-
display: "flex",
|
|
106
|
-
alignItems: "center",
|
|
107
|
-
justifyContent: "center",
|
|
108
|
-
padding: "4px",
|
|
109
|
-
}, "aria-label": "Close video", children: _jsx(IoClose, { size: 20 }) })] }), _jsx("div", { style: {
|
|
110
|
-
position: "relative",
|
|
111
|
-
width: "100%",
|
|
112
|
-
paddingBottom: "75%", // 4:3 aspect ratio
|
|
113
|
-
background: "#000",
|
|
114
|
-
}, children: _jsx("div", { style: {
|
|
115
|
-
position: "absolute",
|
|
116
|
-
top: 0,
|
|
117
|
-
left: 0,
|
|
118
|
-
width: "100%",
|
|
119
|
-
height: "100%",
|
|
120
|
-
}, children: _jsx(LocalVideoDisplay, { mirror: mirror }) }) })] }) }) }));
|
|
121
|
-
};
|
|
122
|
-
//# sourceMappingURL=FloatingVideo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingVideo.js","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/FloatingVideo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/MarkdownRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,qBAAqB;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmG5D,CAAC"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
export const MarkdownRenderer = ({ text }) => {
|
|
4
|
-
// Convert markdown to JSX elements
|
|
5
|
-
const renderMarkdown = (input) => {
|
|
6
|
-
if (!input)
|
|
7
|
-
return null;
|
|
8
|
-
// Handle both actual newlines and \n escape sequences
|
|
9
|
-
// Replace literal \n strings with actual newlines
|
|
10
|
-
const normalizedText = input.replace(/\\n/g, '\n');
|
|
11
|
-
// Split by actual newlines
|
|
12
|
-
const lines = normalizedText.split('\n');
|
|
13
|
-
return lines.map((line, lineIndex) => {
|
|
14
|
-
// Process markdown within each line
|
|
15
|
-
const processLine = (text) => {
|
|
16
|
-
const parts = [];
|
|
17
|
-
let remaining = text;
|
|
18
|
-
let keyCounter = 0;
|
|
19
|
-
// Process bold and italic markdown
|
|
20
|
-
// Bold: **text** or __text__
|
|
21
|
-
// Italic: *text* or _text_
|
|
22
|
-
const markdownRegex = /(\*\*|__)(.*?)\1|\*([^*]+)\*|_([^_]+)_/g;
|
|
23
|
-
let lastIndex = 0;
|
|
24
|
-
let match;
|
|
25
|
-
while ((match = markdownRegex.exec(remaining)) !== null) {
|
|
26
|
-
// Add text before the match
|
|
27
|
-
if (match.index > lastIndex) {
|
|
28
|
-
const textBefore = remaining.substring(lastIndex, match.index);
|
|
29
|
-
if (textBefore) {
|
|
30
|
-
parts.push(_jsx(React.Fragment, { children: textBefore }, `text-${lineIndex}-${keyCounter++}`));
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
// Determine if it's bold or italic
|
|
34
|
-
if (match[1] && match[2]) {
|
|
35
|
-
// Bold text (** or __)
|
|
36
|
-
parts.push(_jsx("strong", { children: match[2] }, `bold-${lineIndex}-${keyCounter++}`));
|
|
37
|
-
}
|
|
38
|
-
else if (match[3]) {
|
|
39
|
-
// Italic text (*)
|
|
40
|
-
parts.push(_jsx("em", { children: match[3] }, `italic-${lineIndex}-${keyCounter++}`));
|
|
41
|
-
}
|
|
42
|
-
else if (match[4]) {
|
|
43
|
-
// Italic text (_)
|
|
44
|
-
parts.push(_jsx("em", { children: match[4] }, `italic-${lineIndex}-${keyCounter++}`));
|
|
45
|
-
}
|
|
46
|
-
lastIndex = match.index + match[0].length;
|
|
47
|
-
}
|
|
48
|
-
// Add remaining text
|
|
49
|
-
if (lastIndex < remaining.length) {
|
|
50
|
-
const textAfter = remaining.substring(lastIndex);
|
|
51
|
-
if (textAfter) {
|
|
52
|
-
parts.push(_jsx(React.Fragment, { children: textAfter }, `text-${lineIndex}-${keyCounter++}`));
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
return parts;
|
|
56
|
-
};
|
|
57
|
-
const processedLine = processLine(line);
|
|
58
|
-
// Handle empty lines (creates paragraph spacing)
|
|
59
|
-
if (line.trim() === "" && lineIndex > 0) {
|
|
60
|
-
return _jsx("br", {}, `br-${lineIndex}`);
|
|
61
|
-
}
|
|
62
|
-
// Return the line with line break
|
|
63
|
-
return (_jsxs(React.Fragment, { children: [processedLine.length > 0 ? processedLine : line, lineIndex < lines.length - 1 && _jsx("br", {})] }, `line-${lineIndex}`));
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
return _jsx("div", { style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' }, children: renderMarkdown(text) });
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=MarkdownRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface MessageBubbleProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
isUser?: boolean;
|
|
5
|
-
timestamp?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const MessageBubble: ({ children, isUser, timestamp, className, }: MessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=MessageBubble.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAepB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { BubbleContainer, Bubble, Timestamp } from "../styles";
|
|
3
|
-
const bubbleVariants = {
|
|
4
|
-
initial: {
|
|
5
|
-
opacity: 0,
|
|
6
|
-
y: 20,
|
|
7
|
-
scale: 0.95,
|
|
8
|
-
},
|
|
9
|
-
animate: {
|
|
10
|
-
opacity: 1,
|
|
11
|
-
y: 0,
|
|
12
|
-
scale: 1,
|
|
13
|
-
},
|
|
14
|
-
exit: {
|
|
15
|
-
opacity: 0,
|
|
16
|
-
y: -10,
|
|
17
|
-
scale: 0.95,
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
export const MessageBubble = ({ children, isUser = false, timestamp, className, }) => {
|
|
21
|
-
return (_jsxs(BubbleContainer, { "$isUser": isUser, className: className, initial: "initial", animate: "animate", exit: "exit", variants: bubbleVariants, transition: { duration: 0.2, ease: "easeInOut" }, children: [_jsx(Bubble, { "$isUser": isUser, children: children }), timestamp && _jsx(Timestamp, { "$isUser": isUser, children: timestamp })] }));
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=MessageBubble.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../../src/components/rtc-widget/components/MessageBubble.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAS/D,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,EAAE;QACL,KAAK,EAAE,IAAI;KACZ;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,CAAC;KACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,CAAC,EAAE,CAAC,EAAE;QACN,KAAK,EAAE,IAAI;KACZ;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,GACU,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,eAAe,eACL,MAAM,EACf,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,cAAc,EACxB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,aAEhD,KAAC,MAAM,eAAU,MAAM,YAAG,QAAQ,GAAU,EAC3C,SAAS,IAAI,KAAC,SAAS,eAAU,MAAM,YAAG,SAAS,GAAa,IACjD,CACnB,CAAC;AACJ,CAAC,CAAC"}
|