@equos/react 3.0.2-rc.4 → 3.0.2-rc.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.
|
@@ -108,5 +108,5 @@ function EquosConversationRenderer({ conversation, accessToken, allowMic = true,
|
|
|
108
108
|
}, children: (0, jsx_runtime_1.jsx)(equos_video_tile_1.EquosVideoTile, { identity: conversation.consumerIdentity, source: livekit_client_1.Track.Source.Camera }) })), allowScreenshare && screenshareEnabled && ((0, jsx_runtime_1.jsx)("div", { ref: screenTileRef, onMouseDown: onScreenTileMouseDown, className: (0, cn_1.cn)('absolute z-50 select-none', cameraTileDragging ? 'cursor-grabbing' : 'cursor-grab'), style: {
|
|
109
109
|
top: screenTilePos.y,
|
|
110
110
|
left: screenTilePos.x,
|
|
111
|
-
}, children: (0, jsx_runtime_1.jsx)(equos_video_tile_1.EquosVideoTile, { identity: conversation.consumerIdentity, source: livekit_client_1.Track.Source.ScreenShare }) })), (0, jsx_runtime_1.jsx)(equos_character_video_1.EquosCharacterVideo, { identity: conversation.character.livekitIdentity }), (0, jsx_runtime_1.jsx)(components_react_1.RoomAudioRenderer, {}), (0, jsx_runtime_1.jsxs)("div", { className: "absolute grid grid-cols-3 gap-2 max-w-full bottom-8 left-1/2 -translate-x-1/2", children: [(0, jsx_runtime_1.jsx)("div", { children: allowMic && (0, jsx_runtime_1.jsx)(equos_mic_toggle_1.EquosMicToggle, { onToggle: setMicEnabled }) }), (0, jsx_runtime_1.jsx)("div", { children: allowHangUp && ((0, jsx_runtime_1.jsx)(equos_hangup_button_1.EquosHangupButton, { onHangup: handleHangUp, loading: hangingUp })) }), (0, jsx_runtime_1.jsxs)("div", { children: [allowCamera && (0, jsx_runtime_1.jsx)(equos_camera_toggle_1.EquosCameraToggle, { onToggle: setCameraEnabled }), allowScreenshare && ((0, jsx_runtime_1.jsx)(equos_screenshare_toggle_1.EquosScreenshareToggle, { onToggle: setScreenshareEnabled }))] })] })] }) }));
|
|
111
|
+
}, children: (0, jsx_runtime_1.jsx)(equos_video_tile_1.EquosVideoTile, { identity: conversation.consumerIdentity, source: livekit_client_1.Track.Source.ScreenShare }) })), (0, jsx_runtime_1.jsx)(equos_character_video_1.EquosCharacterVideo, { identity: conversation.character.livekitIdentity }), (0, jsx_runtime_1.jsx)(components_react_1.RoomAudioRenderer, {}), (0, jsx_runtime_1.jsxs)("div", { className: "absolute grid grid-cols-3 gap-2 max-w-full bottom-8 left-1/2 -translate-x-1/2", children: [(0, jsx_runtime_1.jsx)("div", { className: "justify-self-end", children: allowMic && (0, jsx_runtime_1.jsx)(equos_mic_toggle_1.EquosMicToggle, { onToggle: setMicEnabled }) }), (0, jsx_runtime_1.jsx)("div", { children: allowHangUp && ((0, jsx_runtime_1.jsx)(equos_hangup_button_1.EquosHangupButton, { onHangup: handleHangUp, loading: hangingUp })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [allowCamera && (0, jsx_runtime_1.jsx)(equos_camera_toggle_1.EquosCameraToggle, { onToggle: setCameraEnabled }), allowScreenshare && ((0, jsx_runtime_1.jsx)(equos_screenshare_toggle_1.EquosScreenshareToggle, { onToggle: setScreenshareEnabled }))] })] })] }) }));
|
|
112
112
|
}
|
|
@@ -25,5 +25,9 @@ function EquosVideoTile({ identity, defaultToLocal = true, className, source = l
|
|
|
25
25
|
source,
|
|
26
26
|
};
|
|
27
27
|
}, [identity, source, participants]);
|
|
28
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('relative border border-white/60 shadow-xl rounded-2xl bg-black aspect-video transition-all max-w-full overflow-hidden', expanded ? 'w-96' : 'w-64', className), children: [(0, jsx_runtime_1.jsx)("button", { className: "absolute top-4 right-4 text-white cursor-pointer", onClick: () =>
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('relative border border-white/60 shadow-xl rounded-2xl bg-black aspect-video transition-all max-w-full overflow-hidden', expanded ? 'w-96' : 'w-64', className), children: [(0, jsx_runtime_1.jsx)("button", { className: "absolute top-4 right-4 text-white cursor-pointer p-2", onClick: (e) => {
|
|
29
|
+
e.stopPropagation();
|
|
30
|
+
console.log('toggle', !expanded);
|
|
31
|
+
setExpanded(!expanded);
|
|
32
|
+
}, children: expanded ? (0, jsx_runtime_1.jsx)(lucide_react_1.Minimize2, { size: 12 }) : (0, jsx_runtime_1.jsx)(lucide_react_1.Maximize2, { size: 12 }) }), trackRef && (0, jsx_runtime_1.jsx)(components_react_1.VideoTrack, { trackRef: trackRef, className: "w-full h-full" })] }));
|
|
29
33
|
}
|
package/dist/styles.css
CHANGED
|
@@ -313,6 +313,9 @@
|
|
|
313
313
|
.gap-4 {
|
|
314
314
|
gap: calc(var(--spacing) * 4);
|
|
315
315
|
}
|
|
316
|
+
.justify-self-end {
|
|
317
|
+
justify-self: flex-end;
|
|
318
|
+
}
|
|
316
319
|
.overflow-hidden {
|
|
317
320
|
overflow: hidden;
|
|
318
321
|
}
|
|
@@ -371,6 +374,9 @@
|
|
|
371
374
|
background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
|
|
372
375
|
}
|
|
373
376
|
}
|
|
377
|
+
.p-2 {
|
|
378
|
+
padding: calc(var(--spacing) * 2);
|
|
379
|
+
}
|
|
374
380
|
.p-3 {
|
|
375
381
|
padding: calc(var(--spacing) * 3);
|
|
376
382
|
}
|