sycoraxai-voice-assistants
Version:
A voice assistant package for React applications supporting multiple providers including LiveKit, Retell, and TargetAI
29 lines (28 loc) • 2.89 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SimpleVoiceAssistant = SimpleVoiceAssistant;
const react_1 = __importDefault(require("react"));
const framer_motion_1 = require("framer-motion");
const components_react_1 = require("@livekit/components-react");
const StatusIndicator_1 = require("./StatusIndicator");
function SimpleVoiceAssistant({ onConnectButtonClicked, children }) {
const { state: agentState } = (0, components_react_1.useVoiceAssistant)();
// If no connect button handler is provided, always show connected state
if (!onConnectButtonClicked) {
return (react_1.default.createElement(framer_motion_1.motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, ease: [0.09, 1.04, 0.245, 1.055] }, className: "relative h-full" },
react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 flex justify-center" },
react_1.default.createElement(StatusIndicator_1.StatusIndicator, { status: agentState, isConnected: true })),
react_1.default.createElement("div", { className: "pt-16" },
react_1.default.createElement(components_react_1.RoomAudioRenderer, null))));
}
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(framer_motion_1.AnimatePresence, { mode: "wait" }, agentState === "disconnected" ? (react_1.default.createElement(framer_motion_1.motion.div, { key: "disconnected", initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.95 }, transition: { duration: 0.3, ease: [0.09, 1.04, 0.245, 1.055] }, className: "grid items-center justify-center h-full" },
react_1.default.createElement(framer_motion_1.motion.button, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.3, delay: 0.1 }, className: "uppercase px-4 py-2 bg-white text-black rounded-md", onClick: onConnectButtonClicked }, "Start a conversation"))) : (react_1.default.createElement(framer_motion_1.motion.div, { key: "connected", initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -20 }, transition: { duration: 0.3, ease: [0.09, 1.04, 0.245, 1.055] }, className: "relative h-full" },
react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 flex justify-center" },
react_1.default.createElement(StatusIndicator_1.StatusIndicator, { status: agentState, isConnected: true })),
react_1.default.createElement("div", { className: "pt-16" },
react_1.default.createElement(components_react_1.RoomAudioRenderer, null)))))));
}