@equos/react 3.0.2-rc.7 → 3.0.2-rc.9
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.
|
@@ -109,5 +109,5 @@ function EquosConversationRenderer({ conversation, accessToken, allowMic = true,
|
|
|
109
109
|
}, 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', cameraTileDragging ? 'cursor-grabbing' : 'cursor-grab'), style: {
|
|
110
110
|
top: screenTilePos.y,
|
|
111
111
|
left: screenTilePos.x,
|
|
112
|
-
}, 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_tile_1.EquosCharacterTile, { identity: conversation.character.livekitIdentity, name: conversation.character.name, locale: locale, startedAt: conversation.startedAt, maxSeconds: conversation.maxSeconds, recoveryTimeInSeconds: 3, onShouldLeave: handleHangUp, className: characterVideoClassName }), (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
|
+
}, 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_tile_1.EquosCharacterTile, { identity: conversation.character.livekitIdentity, name: conversation.character.name, locale: locale, startedAt: conversation.startedAt, maxSeconds: conversation.maxSeconds, recoveryTimeInSeconds: 3, onShouldLeave: handleHangUp, className: characterVideoClassName }), (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 flex items-center", 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 }))] })] })] }) }));
|
|
113
113
|
}
|
|
@@ -5,5 +5,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const lucide_react_1 = require("lucide-react");
|
|
6
6
|
const cn_1 = require("../utils/cn");
|
|
7
7
|
function EquosHangupButton({ className, loading = false, onHangup, }) {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)("button", { className: (0, cn_1.cn)('overflow-hidden', '
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)("button", { className: (0, cn_1.cn)('overflow-hidden', 'border shadow-glass backdrop-blur-xs rounded-full cursor-pointer text-white transition-colors p-4 bg-[#FF4133]/80 hover:bg-[#FF4133] border-[#FFCFCC] w-32', className), type: "button", onClick: onHangup, children: loading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader, { size: 20, className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.PhoneMissed, { size: 20 })) }));
|
|
9
9
|
}
|
package/dist/styles.css
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
--radius-2xl: 1rem;
|
|
25
25
|
--radius-3xl: 1.5rem;
|
|
26
26
|
--animate-spin: spin 1s linear infinite;
|
|
27
|
-
--blur-
|
|
27
|
+
--blur-xs: 4px;
|
|
28
28
|
--blur-2xl: 40px;
|
|
29
29
|
--aspect-video: 16 / 9;
|
|
30
30
|
--default-transition-duration: 150ms;
|
|
@@ -352,9 +352,6 @@
|
|
|
352
352
|
.items-center {
|
|
353
353
|
align-items: center;
|
|
354
354
|
}
|
|
355
|
-
.justify-center {
|
|
356
|
-
justify-content: center;
|
|
357
|
-
}
|
|
358
355
|
.gap-1 {
|
|
359
356
|
gap: calc(var(--spacing) * 1);
|
|
360
357
|
}
|
|
@@ -395,8 +392,8 @@
|
|
|
395
392
|
border-style: var(--tw-border-style);
|
|
396
393
|
border-width: 1px;
|
|
397
394
|
}
|
|
398
|
-
.border-\[\#
|
|
399
|
-
border-color:
|
|
395
|
+
.border-\[\#FFCFCC\] {
|
|
396
|
+
border-color: #FFCFCC;
|
|
400
397
|
}
|
|
401
398
|
.border-white {
|
|
402
399
|
border-color: var(--color-white);
|
|
@@ -407,8 +404,8 @@
|
|
|
407
404
|
border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
|
|
408
405
|
}
|
|
409
406
|
}
|
|
410
|
-
.bg-\[\#FF4133\]\/
|
|
411
|
-
background-color: color-mix(in oklab, #FF4133
|
|
407
|
+
.bg-\[\#FF4133\]\/80 {
|
|
408
|
+
background-color: color-mix(in oklab, #FF4133 80%, transparent);
|
|
412
409
|
}
|
|
413
410
|
.bg-black {
|
|
414
411
|
background-color: var(--color-black);
|
|
@@ -488,8 +485,8 @@
|
|
|
488
485
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
489
486
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
490
487
|
}
|
|
491
|
-
.backdrop-blur-
|
|
492
|
-
--tw-backdrop-blur: blur(var(--blur-
|
|
488
|
+
.backdrop-blur-xs {
|
|
489
|
+
--tw-backdrop-blur: blur(var(--blur-xs));
|
|
493
490
|
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
494
491
|
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
|
495
492
|
}
|
|
@@ -550,17 +547,8 @@
|
|
|
550
547
|
}
|
|
551
548
|
}
|
|
552
549
|
@layer utilities {
|
|
553
|
-
.
|
|
554
|
-
box-shadow:
|
|
555
|
-
}
|
|
556
|
-
.shadow-equos-sm {
|
|
557
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
558
|
-
}
|
|
559
|
-
.shadow-equos-md {
|
|
560
|
-
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
561
|
-
}
|
|
562
|
-
.shadow-equos-lg {
|
|
563
|
-
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
|
|
550
|
+
.shadow-glass {
|
|
551
|
+
box-shadow: 0 0 16px 0 #FFF inset, 0 6px 20px 0 rgba(0, 0, 0, 0.20);
|
|
564
552
|
}
|
|
565
553
|
@keyframes equos-pulse {
|
|
566
554
|
0% {
|