@uipath/apollo-react 4.13.1-pr581.30f7035 → 4.14.0

package/dist/material/components/ap-chat/components/audio/chat-audio.js

@@ -1,290 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { keyframes, styled } from "@mui/material/styles";
-import react, { useCallback, useState } from "react";
-import { useChatService } from "../../providers/chat-service.provider.js";
-import { AutopilotChatEvent } from "../../service/index.js";
-import { AutopilotChatActionButton } from "../common/action-button.js";
-import { useAudioInput } from "./chat-audio-input.js";
-import { useAudioOutput } from "./chat-audio-output.js";
-const audioInputIconMap = {
-    active: 'mic',
-    starting: 'mic_off',
-    inactive: 'mic_off'
-};
-const audioInputTooltipMap = {
-    active: 'Release When Finished Talking',
-    starting: 'Preparing to Listen',
-    inactive: 'Push to Talk, or Ctrl+Click for Always On Mode'
-};
-const audioInputTooltipAutoMap = {
-    active: 'Click to Stop Listening',
-    starting: 'Preparing to Listen',
-    inactive: 'Ctrl+Click for Auto Detection Mode'
-};
-const audioInputColorMap = {
-    active: 'var(--color-foreground-highlight)',
-    starting: 'var(--color-foreground-disable)',
-    inactive: 'var(--color-foreground)'
-};
-function joinClasses(...classes) {
-    return classes.filter(Boolean).join(' ');
-}
-const AutopilotChatAudio = (props)=>{
-    const { disabled = false } = props;
-    const [audioInputState, setAudioInputState] = useState('inactive');
-    const [audioInputMode, setAudioInputMode] = useState('push-to-talk');
-    const [ignoreOutputStreamData, setIgnoreOutputStreamData] = useState(false);
-    const chatService = useChatService();
-    const handleAudioInputStart = useCallback((automaticActivityDetectionEnabled)=>{
-        if (!chatService) return;
-        setAudioInputState('active');
-        chatService.sendInputStreamEvent({
-            activityStart: {
-                automaticActivityDetectionEnabled
-            }
-        });
-    }, [
-        chatService
-    ]);
-    const handleAudioInputEnd = useCallback((sequenceNumber)=>{
-        if (!chatService) return;
-        setAudioInputState('inactive');
-        chatService.sendInputStreamEvent({
-            activityEnd: {
-                sequenceNumber
-            }
-        });
-    }, [
-        chatService
-    ]);
-    const handleAudioInputData = react.useCallback((mimeType, data, sequenceNumber)=>{
-        if (!chatService) return;
-        chatService.sendInputStreamEvent({
-            mediaChunks: [
-                {
-                    mimeType,
-                    data,
-                    sequenceNumber
-                }
-            ]
-        });
-    }, [
-        chatService
-    ]);
-    const { startAudioInput, stopAudioInput, audioInputError } = useAudioInput({
-        handleAudioInputData,
-        handleAudioInputStart,
-        handleAudioInputEnd
-    });
-    const { queueOutputAudio, clearOutputAudioQueue, isOutputAudioActive } = useAudioOutput();
-    react.useEffect(()=>{
-        if (!chatService) return;
-        return chatService.on(AutopilotChatEvent.OutputStream, (event)=>{
-            if (event.mediaChunks) {
-                for (const mediaChunk of event.mediaChunks)if (mediaChunk.mimeType.startsWith('audio/pcm;') && !ignoreOutputStreamData) queueOutputAudio(mediaChunk.mimeType, mediaChunk.data, mediaChunk.sequenceNumber);
-            }
-            if (event.interrupted) {
-                console.log('Received interrupted event, clearing queue', {
-                    ignoreOutputStreamData
-                });
-                setIgnoreOutputStreamData(true);
-                clearOutputAudioQueue();
-            }
-            if (event.generationComplete) {
-                console.log('Received generationComplete event, clearing ignoreOutputStreamData', {
-                    ignoreOutputStreamData
-                });
-                setIgnoreOutputStreamData(false);
-            }
-        });
-    }, [
-        chatService,
-        queueOutputAudio,
-        ignoreOutputStreamData,
-        clearOutputAudioQueue
-    ]);
-    const onTalkButtonPressed = useCallback(async (event)=>{
-        if (disabled) return;
-        if ('automatic-detection' === audioInputMode && 'active' === audioInputState) {
-            stopAudioInput();
-            setAudioInputState('inactive');
-            setAudioInputMode('push-to-talk');
-            return;
-        }
-        if (event.ctrlKey) {
-            if ('inactive' === audioInputState) {
-                setAudioInputMode('automatic-detection');
-                setAudioInputState('starting');
-                setIgnoreOutputStreamData(false);
-                try {
-                    const success = await startAudioInput(true);
-                    if (!success) {
-                        setAudioInputState('inactive');
-                        setAudioInputMode('push-to-talk');
-                    }
-                } catch (error) {
-                    console.error(`Failed to start audio input (automatic detection): ${error}`);
-                    setAudioInputState('inactive');
-                    setAudioInputMode('push-to-talk');
-                }
-            }
-            return;
-        }
-        if ('inactive' !== audioInputState) return;
-        setAudioInputMode('push-to-talk');
-        setAudioInputState('starting');
-        setIgnoreOutputStreamData(true);
-        clearOutputAudioQueue();
-        try {
-            const success = await startAudioInput(false);
-            if (!success) setAudioInputState('inactive');
-        } catch (error) {
-            console.error(`Failed to start audio input (${audioInputState}): ${error}`);
-            setAudioInputState('inactive');
-        }
-    }, [
-        disabled,
-        audioInputState,
-        audioInputMode,
-        startAudioInput,
-        stopAudioInput,
-        clearOutputAudioQueue
-    ]);
-    const onTalkButtonReleased = useCallback(()=>{
-        if (disabled) return;
-        if ('push-to-talk' === audioInputMode) {
-            stopAudioInput();
-            setAudioInputState('inactive');
-            setIgnoreOutputStreamData(false);
-        }
-    }, [
-        disabled,
-        stopAudioInput,
-        audioInputMode
-    ]);
-    const handlePlaybackStopClick = useCallback(()=>{
-        if (disabled) return;
-        clearOutputAudioQueue();
-        setIgnoreOutputStreamData(true);
-    }, [
-        clearOutputAudioQueue,
-        disabled
-    ]);
-    return /*#__PURE__*/ jsxs(AudioControlsContainer, {
-        children: [
-            /*#__PURE__*/ jsx("div", {
-                className: joinClasses('audio-output-button', isOutputAudioActive && 'playing'),
-                children: /*#__PURE__*/ jsx(AutopilotChatActionButton, {
-                    iconName: isOutputAudioActive ? 'volume_up' : 'volume_mute',
-                    disabled: disabled || !isOutputAudioActive,
-                    onClick: handlePlaybackStopClick,
-                    tooltip: isOutputAudioActive ? "Stop Audio" : 'No Audio Is Playing',
-                    preventHover: true,
-                    overrideColor: isOutputAudioActive ? 'var(--color-foreground-highlight)' : 'var(--color-foreground-disable)',
-                    "data-testid": "autopilot-chat-audio-output"
-                })
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: joinClasses('audio-input-button', audioInputState),
-                children: /*#__PURE__*/ jsx(AutopilotChatActionButton, {
-                    iconName: audioInputIconMap[audioInputState],
-                    disabled: disabled,
-                    onPress: onTalkButtonPressed,
-                    onRelease: onTalkButtonReleased,
-                    tooltip: 'automatic-detection' === audioInputMode ? audioInputTooltipAutoMap[audioInputState] : audioInputTooltipMap[audioInputState],
-                    tooltipPlacement: "top-start",
-                    preventHover: true,
-                    overrideColor: audioInputColorMap[audioInputState],
-                    "data-testid": "autopilot-chat-audio-input"
-                })
-            }),
-            audioInputError && /*#__PURE__*/ jsxs(ErrorMessage, {
-                children: [
-                    "Audio Input Error: ",
-                    audioInputError
-                ]
-            })
-        ]
-    });
-};
-const pulseAnimation = keyframes`
-    0% {
-        opacity: 1;
-        transform: scale(1);
-    }
-    50% {
-        opacity: 0.5;
-        transform: scale(1.1);
-    }
-    100% {
-        opacity: 1;
-        transform: scale(1);
-    }
-`;
-const waveAnimation = keyframes`
-    0%, 100% {
-        transform: scaleX(1);
-    }
-    25% {
-        transform: scaleX(1.2);
-    }
-    50% {
-        transform: scaleX(0.8);
-    }
-    75% {
-        transform: scaleX(1.1);
-    }
-`;
-const AudioControlsContainer = styled('div')(({ theme })=>({
-        display: 'flex',
-        alignItems: 'center',
-        gap: theme.spacing(1),
-        position: 'relative',
-        '& .audio-input-button': {
-            '&.starting': {
-                '& .MuiIconButton-root': {
-                    backgroundColor: "var(--color-background-disabled)"
-                }
-            },
-            '&.active': {
-                '& .MuiSvgIcon-root': {
-                    animation: `${pulseAnimation} 1.2s ease-in-out infinite`
-                },
-                '& .MuiIconButton-root': {
-                    backgroundColor: "var(--color-background-highlight)"
-                }
-            }
-        },
-        '& .audio-output-button': {
-            '&.playing': {
-                '& .MuiSvgIcon-root': {
-                    animation: `${waveAnimation} 0.8s ease-in-out infinite`
-                }
-            }
-        }
-    }));
-const ErrorMessage = styled('div')(({ theme })=>({
-        position: 'absolute',
-        top: '100%',
-        left: 0,
-        marginTop: theme.spacing(1),
-        padding: `${theme.spacing(1)} ${theme.spacing(1.5)}`,
-        backgroundColor: theme.palette.error.light,
-        color: theme.palette.error.contrastText,
-        borderRadius: theme.spacing(0.5),
-        whiteSpace: 'nowrap',
-        zIndex: 1000,
-        '&::before': {
-            content: '""',
-            position: 'absolute',
-            top: theme.spacing(-0.5),
-            left: theme.spacing(1.5),
-            width: 0,
-            height: 0,
-            borderLeft: `${theme.spacing(0.5)} solid transparent`,
-            borderRight: `${theme.spacing(0.5)} solid transparent`,
-            borderBottom: `${theme.spacing(0.5)} solid ${theme.palette.error.light}`
-        }
-    }));
-AutopilotChatAudio.displayName = 'AutopilotChatAudio';
-export { AutopilotChatAudio };