@convai/web-sdk 0.3.1-beta.3 → 0.3.2-beta.0

package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "framer-motion";
+import { FiSend, FiMic } from "react-icons/fi";
+import { PiWaveform } from "react-icons/pi";
+import { aeroTheme } from "../../styles/theme";
+import { iosTransitions } from "../../styles/framerConfig";
+import { Footer, InputContainer, Input, ActionButton, } from "../../styles/styledComponents";
+export const ConviFooter = ({ inputMode, inputValue, liveUserText, chatbotMic, localIsTyping, convaiIsTyping, isCreatingSpeaker, isPressingMic, isSettingsOpen, isVoiceMode, onInputChange, onKeyPress, onSend, onMicPress, onMicRelease, setIsPressingMic, onToggleVoiceMode, verbosityChanged = false, onContinue, }) => {
+    // Show Continue button in verbosity mode
+    if (inputMode === "verbosity") {
+        return (_jsx(Footer, { initial: { y: 20, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: {
+                delay: 0.7,
+                ...iosTransitions.modalSlide,
+            }, style: {
+                filter: isSettingsOpen ? "blur(3px)" : "none",
+                transition: "filter 0.2s ease",
+                padding: "0 !important",
+            }, children: _jsx("div", { style: {
+                    width: "100%",
+                    height: "100%",
+                    padding: "1rem",
+                }, children: _jsx(motion.button, { onClick: onContinue, whileTap: verbosityChanged ? { scale: 0.98 } : {}, disabled: !verbosityChanged, style: {
+                        // Full width and height (custom)
+                        width: "100%",
+                        height: "100%",
+                        minHeight: "3rem",
+                        // ActionButton base styles
+                        border: "none",
+                        borderRadius: "12px",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        cursor: verbosityChanged ? "pointer" : "not-allowed",
+                        outline: "none",
+                        padding: 0,
+                        isolation: "isolate",
+                        // Custom appearance
+                        backgroundColor: verbosityChanged
+                            ? aeroTheme.colors.text.primary
+                            : aeroTheme.colors.neutral[400],
+                        color: "#ffffff",
+                        fontSize: "14px",
+                        fontWeight: 600,
+                        opacity: verbosityChanged ? 1 : 0.4,
+                        transition: aeroTheme.transitions.normal,
+                    }, children: "Continue" }) }) }));
+    }
+    return (_jsxs(Footer, { initial: { y: 20, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: {
+            delay: 0.7,
+            ...iosTransitions.modalSlide,
+        }, style: {
+            filter: isSettingsOpen ? "blur(3px)" : "none",
+            transition: "filter 0.2s ease",
+            display: "flex",
+            gap: "0.5rem",
+            alignItems: "center",
+            position: "relative",
+        }, children: [_jsx(motion.div, { initial: false, animate: inputMode === "voice"
+                    ? {
+                        position: "absolute",
+                        left: "calc(50% - 1.125rem)", // Center position (half of 2.25rem button width)
+                    }
+                    : {
+                        position: "relative",
+                        left: 0,
+                    }, transition: {
+                    delay: inputMode === "voice" ? 0.2 : 0,
+                    duration: 0.35,
+                    ease: [0.4, 0.0, 0.2, 1], // Material Design easing
+                }, style: {
+                    position: inputMode === "voice" ? "absolute" : "relative",
+                    width: "2.25rem",
+                    height: "2.25rem",
+                    minWidth: "2.25rem",
+                    minHeight: "2.25rem",
+                    flexShrink: 0,
+                    zIndex: inputMode === "voice" ? 10 : 1,
+                }, children: _jsx(ActionButton, { animate: {
+                        backgroundColor: isPressingMic || chatbotMic
+                            ? aeroTheme.colors.convai.light
+                            : aeroTheme.colors.text.primary,
+                        color: isPressingMic || chatbotMic
+                            ? aeroTheme.colors.text.inverse
+                            : "#ffffff",
+                    }, transition: {
+                        backgroundColor: { duration: 0.15, ease: "easeOut" },
+                        color: { duration: 0.15, ease: "easeOut" },
+                    }, 
+                    // Press-and-hold to talk
+                    onMouseDown: () => {
+                        setIsPressingMic(true);
+                        onMicPress();
+                    }, onMouseUp: () => {
+                        setIsPressingMic(false);
+                        onMicRelease();
+                    }, onMouseLeave: () => {
+                        setIsPressingMic(false);
+                        if (chatbotMic)
+                            onMicRelease();
+                    }, onTouchStart: () => {
+                        setIsPressingMic(true);
+                        onMicPress();
+                    }, onTouchEnd: () => {
+                        setIsPressingMic(false);
+                        onMicRelease();
+                    }, "aria-pressed": chatbotMic, "$active": isPressingMic || chatbotMic, whileTap: { scale: 0.9 }, style: {
+                        cursor: "pointer",
+                        borderRadius: "50%",
+                    }, 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: {
+                                opacity: 0,
+                                width: 0,
+                                transition: { duration: 0.3, ease: "easeInOut" },
+                            }, style: {
+                                flex: 1,
+                                display: "flex",
+                                overflow: "hidden",
+                                paddingRight: "2.75rem", // Space for the button (2.25rem button + 0.5rem gap)
+                            }, children: _jsx(Input, { type: "text", placeholder: "Conversation", value: chatbotMic ? liveUserText : inputValue, onChange: onInputChange, onKeyPress: onKeyPress, disabled: chatbotMic || isCreatingSpeaker }) })) }), inputMode !== "speaker" && (_jsx("div", { style: {
+                            position: "absolute",
+                            right: "0.375rem", // Match the InputContainer padding
+                            top: "50%",
+                            transform: "translateY(-50%)",
+                            width: "2.25rem",
+                            height: "2.25rem",
+                            minWidth: "2.25rem",
+                            minHeight: "2.25rem",
+                            flexShrink: 0,
+                            overflow: "visible",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            zIndex: 2,
+                        }, children: _jsx(AnimatePresence, { mode: "wait", children: localIsTyping || convaiIsTyping ? (_jsx(ActionButton, { initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "-100%" }, transition: {
+                                    duration: 0.1,
+                                    ease: "linear",
+                                }, onClick: onSend, whileTap: { scale: 0.9 }, style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    left: 0,
+                                    cursor: "pointer",
+                                    opacity: isCreatingSpeaker ? 0.5 : 1,
+                                }, disabled: isCreatingSpeaker, children: _jsx(FiSend, { size: 20 }) }, "send")) : (_jsx(motion.button, { initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "-100%" }, transition: {
+                                    duration: 0.1,
+                                    ease: "linear",
+                                }, onClick: onToggleVoiceMode, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, style: {
+                                    position: "absolute",
+                                    top: 0,
+                                    left: 0,
+                                    cursor: "pointer",
+                                    backgroundColor: isVoiceMode
+                                        ? "#ef4444"
+                                        : "transparent",
+                                    color: isVoiceMode
+                                        ? "#ffffff"
+                                        : aeroTheme.colors.text.primary,
+                                    border: isVoiceMode
+                                        ? "none"
+                                        : `1px solid ${aeroTheme.colors.neutral[300]}`,
+                                    borderRadius: "50%",
+                                    width: "2.25rem",
+                                    height: "2.25rem",
+                                    minWidth: "2.25rem",
+                                    minHeight: "2.25rem",
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    flexShrink: 0,
+                                    padding: 0,
+                                    outline: "none",
+                                }, "aria-label": "Voice Mode", title: isVoiceMode ? "exit voice mode" : "use voice mode", children: _jsx(PiWaveform, { size: 20 }) }, "voice")) }) }))] })] }));
+};
+//# sourceMappingURL=ConviFooter.js.map

package/dist/react/components/rtc-widget/components/conviComponents/ConviFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConviFooter.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviFooter.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface ConviHeaderProps {
+    isOpen: boolean;
+    isSpeakerEditMode: boolean;
+    isVoiceMode: boolean;
+    isVerbosityMode: boolean;
+    isMuted: boolean;
+    characterImage?: string;
+    characterName?: string;
+    onClose: () => void;
+    onSettingsToggle: () => void;
+    onToggleMute: () => void;
+    settingsButtonRef: React.RefObject<HTMLButtonElement>;
+}
+export declare const ConviHeader: ({ isOpen, isSpeakerEditMode, isVoiceMode, isVerbosityMode, isMuted, characterImage, characterName, onClose, onSettingsToggle, onToggleMute, settingsButtonRef, }: ConviHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConviHeader.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.d.ts.map

@@ -0,0 +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,4CAwIlB,CAAC"}

package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { FiMoreVertical } from "react-icons/fi";
+import { IoVolumeMute, IoVolumeHigh } from "react-icons/io5";
+import { ChevronDown } from "../../styles/icons";
+import { aeroTheme } from "../../styles/theme";
+import { iosTransitions } from "../../styles/framerConfig";
+import { Header, Title, CloseButton, SettingsButton, } from "../../styles/styledComponents";
+export const ConviHeader = ({ isOpen, isSpeakerEditMode, isVoiceMode, isVerbosityMode, isMuted, characterImage, characterName = "Character", onClose, onSettingsToggle, onToggleMute, settingsButtonRef, }) => {
+    return (_jsxs(Header, { initial: { opacity: 0, y: -20 }, animate: {
+            opacity: isOpen ? 1 : 0,
+            y: isOpen ? 0 : -20,
+        }, transition: {
+            delay: isOpen ? 0.4 : 0,
+            ...iosTransitions.modalSlide,
+        }, 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 && !isVoiceMode && (_jsx(motion.img, { layoutId: "character-avatar", src: characterImage, alt: characterName, transition: iosTransitions.fadePop, style: {
+                            width: "1.5rem",
+                            height: "1.5rem",
+                            borderRadius: "50%",
+                            objectFit: "cover",
+                            marginRight: "0.5rem",
+                        } })), characterName, _jsx(motion.button, { onClick: onToggleMute, whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, transition: iosTransitions.snappy, style: {
+                            cursor: "pointer",
+                            pointerEvents: "auto",
+                            background: "transparent",
+                            border: "none",
+                            boxShadow: "none",
+                            width: "auto",
+                            height: "auto",
+                            padding: "0",
+                            display: "inline-flex",
+                            alignItems: "center",
+                            marginLeft: "0.5rem",
+                            outline: "none",
+                        }, "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: {
+                            fontSize: "10px",
+                            color: aeroTheme.colors.convai.light,
+                            fontWeight: 500,
+                            marginLeft: "8px",
+                            padding: "2px 6px",
+                            borderRadius: "4px",
+                            backgroundColor: aeroTheme.colors.convai.light + "20",
+                        }, children: "EDIT" })), isVoiceMode && (_jsx("span", { style: {
+                            fontSize: "10px",
+                            color: aeroTheme.colors.convai.light,
+                            fontWeight: 500,
+                            marginLeft: "8px",
+                            padding: "2px 6px",
+                            borderRadius: "4px",
+                            backgroundColor: aeroTheme.colors.convai.light + "20",
+                        }, children: "VOICE" })), isVerbosityMode && (_jsx("span", { style: {
+                            fontSize: "10px",
+                            color: aeroTheme.colors.convai.light,
+                            fontWeight: 500,
+                            marginLeft: "8px",
+                            padding: "2px 6px",
+                            borderRadius: "4px",
+                            backgroundColor: aeroTheme.colors.convai.light + "20",
+                        }, children: "VERBOSITY" }))] }), _jsx("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "0.5rem",
+                    position: "relative",
+                }, 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 }) }) })] }));
+};
+//# sourceMappingURL=ConviHeader.js.map

package/dist/react/components/rtc-widget/components/conviComponents/ConviHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConviHeader.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/ConviHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EACL,MAAM,EACN,KAAK,EACL,WAAW,EACX,cAAc,GACf,MAAM,+BAA+B,CAAC;AAgBvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,OAAO,EACP,cAAc,EACd,aAAa,GAAG,WAAW,EAC3B,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,GACA,EAAE,EAAE;IACrB,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAC/B,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;SACpB,EACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACvB,GAAG,cAAc,CAAC,UAAU;SAC7B,aAED,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACxB,UAAU,EAAE,cAAc,CAAC,MAAM,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAE5B,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,GAAG,GACb,EAEd,MAAC,KAAK,eACH,cAAc,IAAI,CAAC,WAAW,IAAI,CACjC,KAAC,MAAM,CAAC,GAAG,IACT,QAAQ,EAAC,kBAAkB,EAC3B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,aAAa,EAClB,UAAU,EAAE,cAAc,CAAC,OAAO,EAClC,KAAK,EAAE;4BACL,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,QAAQ;4BAChB,YAAY,EAAE,KAAK;4BACnB,SAAS,EAAE,OAAO;4BAClB,WAAW,EAAE,QAAQ;yBACtB,GACD,CACH,EACA,aAAa,EACd,KAAC,MAAM,CAAC,MAAM,IACZ,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACxB,UAAU,EAAE,cAAc,CAAC,MAAM,EACjC,KAAK,EAAE;4BACL,MAAM,EAAE,SAAS;4BACjB,aAAa,EAAE,MAAM;4BACrB,UAAU,EAAE,aAAa;4BACzB,MAAM,EAAE,MAAM;4BACd,SAAS,EAAE,MAAM;4BACjB,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE,GAAG;4BACZ,OAAO,EAAE,aAAa;4BACtB,UAAU,EAAE,QAAQ;4BACpB,UAAU,EAAE,QAAQ;4BACpB,OAAO,EAAE,MAAM;yBAChB,gBACW,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACvC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAEjC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,WAAW,GAAG,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,CAC3C,GACa,EACf,iBAAiB,IAAI,CACpB,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;4BACpC,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,KAAK;4BACjB,OAAO,EAAE,SAAS;4BAClB,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI;yBACtD,qBAGI,CACR,EACA,WAAW,IAAI,CACd,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;4BACpC,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,KAAK;4BACjB,OAAO,EAAE,SAAS;4BAClB,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI;yBACtD,sBAGI,CACR,EACA,eAAe,IAAI,CAClB,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;4BACpC,UAAU,EAAE,GAAG;4BACf,UAAU,EAAE,KAAK;4BACjB,OAAO,EAAE,SAAS;4BAClB,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI;yBACtD,0BAGI,CACR,IACK,EAER,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,QAAQ;oBACb,QAAQ,EAAE,UAAU;iBACrB,YAED,KAAC,cAAc,IACb,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACxB,UAAU,EAAE,cAAc,CAAC,MAAM,EACjC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAE5B,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,GACb,IACC,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.d.ts

@@ -0,0 +1,12 @@
+interface SettingsTrayProps {
+    isOpen: boolean;
+    isVideoVisible?: boolean;
+    isScreenShareActive?: boolean;
+    onReset: () => void;
+    onDisconnect?: () => void;
+    onToggleVideo?: () => void;
+    onToggleScreenShare?: () => void;
+}
+export declare const SettingsTray: ({ isOpen, isVideoVisible, isScreenShareActive, onReset, onDisconnect, onToggleVideo, onToggleScreenShare, }: SettingsTrayProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SettingsTray.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.d.ts.map

@@ -0,0 +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"}

package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence } from "framer-motion";
+import { LiaRedoAltSolid } from "react-icons/lia";
+import { IoVideocam, IoVideocamOff } from "react-icons/io5";
+import { MdScreenShare, MdStopScreenShare } from "react-icons/md";
+import { aeroTheme } from "../../styles/theme";
+import { iosTransitions } from "../../styles/framerConfig";
+import { SettingsTray as StyledSettingsTray, SettingsOption, } from "../../styles/styledComponents";
+export const SettingsTray = ({ isOpen, isVideoVisible, isScreenShareActive, onReset, onDisconnect, onToggleVideo, onToggleScreenShare, }) => {
+    if (!isOpen)
+        return null;
+    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: {
+                position: "absolute",
+                top: "60px",
+                right: "16px",
+                zIndex: 9999,
+            }, onClick: (e) => e.stopPropagation(), children: _jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    alignItems: "center",
+                    padding: "8px",
+                    gap: "4px",
+                }, children: [_jsxs(SettingsOption, { onClick: onReset, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
+                            cursor: "pointer",
+                            flexDirection: "column",
+                            gap: "4px",
+                            padding: "8px 12px",
+                        }, "aria-label": "Reset", title: "Reset", children: [_jsx(LiaRedoAltSolid, { size: 18 }), _jsx("span", { style: { fontSize: "10px", fontWeight: 500 }, children: "Reset" })] }), onToggleVideo && (_jsxs(SettingsOption, { onClick: (e) => {
+                            e.stopPropagation();
+                            onToggleVideo();
+                        }, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
+                            cursor: "pointer",
+                            flexDirection: "column",
+                            gap: "4px",
+                            padding: "8px 12px",
+                            backgroundColor: isVideoVisible
+                                ? "rgba(16, 185, 129, 0.15)"
+                                : "transparent",
+                            color: isVideoVisible
+                                ? "#10b981"
+                                : aeroTheme.colors.text.primary,
+                        }, "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) => {
+                            e.stopPropagation();
+                            onToggleScreenShare();
+                        }, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
+                            cursor: "pointer",
+                            flexDirection: "column",
+                            gap: "4px",
+                            padding: "8px 12px",
+                            backgroundColor: isScreenShareActive
+                                ? "rgba(16, 185, 129, 0.15)"
+                                : "transparent",
+                            color: isScreenShareActive
+                                ? "#10b981"
+                                : aeroTheme.colors.text.primary,
+                        }, "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) => {
+                            e.stopPropagation();
+                            onDisconnect();
+                        }, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: iosTransitions.snappy, style: {
+                            cursor: "pointer",
+                            flexDirection: "column",
+                            gap: "4px",
+                            padding: "8px 12px",
+                            backgroundColor: "rgba(239, 68, 68, 0.1)",
+                            color: "#ef4444",
+                        }, "aria-label": "Disconnect", title: "Disconnect", children: [_jsx("span", { style: { fontSize: "18px" }, children: "\u23FB" }), _jsx("span", { style: { fontSize: "10px", fontWeight: 500 }, children: "Disconnect" })] }))] }) }) }));
+};
+//# sourceMappingURL=SettingsTray.js.map

package/dist/react/components/rtc-widget/components/conviComponents/SettingsTray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsTray.js","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/SettingsTray.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts

@@ -0,0 +1,12 @@
+import { Room } from "livekit-client";
+interface VoiceModeOverlayProps {
+    isActive: boolean;
+    isTalking: boolean;
+    convaiClient?: any;
+    characterImage?: string;
+    characterName?: string;
+    room?: Room | null;
+}
+export declare const VoiceModeOverlay: ({ isActive, isTalking, convaiClient, characterImage, characterName, room, }: VoiceModeOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VoiceModeOverlay.d.ts.map

package/dist/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceModeOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/react/components/rtc-widget/components/conviComponents/VoiceModeOverlay.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,6EAO9B,qBAAqB,4CA8YvB,CAAC"}