@alquimia-ai/ui 1.5.0 → 1.5.2

package/dist/components/organisms/index.d.mts

@@ -17,8 +17,9 @@ interface SpeechToTextProps extends React.HTMLAttributes<HTMLDivElement> {
     speechToText: (audio: string) => Promise<string>;
     handleReplaceInput: (text: string) => void;
     setIsAudioRecording: React.Dispatch<React.SetStateAction<boolean>>;
+    onSendAudio?: () => void;
 }
-declare function SpeechToText({ className, speechToText, RecordAudioIcon, IdleAudioIcon, handleReplaceInput, setIsAudioRecording, ...props }: SpeechToTextProps): react_jsx_runtime.JSX.Element;
+declare function SpeechToText({ className, speechToText, RecordAudioIcon, IdleAudioIcon, handleReplaceInput, setIsAudioRecording, onSendAudio, ...props }: SpeechToTextProps): react_jsx_runtime.JSX.Element;
 
 interface AssistantProps extends React$1.HTMLAttributes<HTMLDivElement> {
     sdk: AlquimiaSDK;
@@ -60,6 +61,7 @@ interface AssistantInputProps extends React$1.FormHTMLAttributes<HTMLFormElement
     handleInputChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
     isMessageStreaming: boolean;
     speechToTextComponent?: React$1.ReactNode;
+    placeholders?: [string, string];
 }
 declare const AssistantInput: React$1.ForwardRefExoticComponent<AssistantInputProps & React$1.RefAttributes<HTMLFormElement>>;
 

package/dist/components/organisms/index.d.ts

@@ -17,8 +17,9 @@ interface SpeechToTextProps extends React.HTMLAttributes<HTMLDivElement> {
     speechToText: (audio: string) => Promise<string>;
     handleReplaceInput: (text: string) => void;
     setIsAudioRecording: React.Dispatch<React.SetStateAction<boolean>>;
+    onSendAudio?: () => void;
 }
-declare function SpeechToText({ className, speechToText, RecordAudioIcon, IdleAudioIcon, handleReplaceInput, setIsAudioRecording, ...props }: SpeechToTextProps): react_jsx_runtime.JSX.Element;
+declare function SpeechToText({ className, speechToText, RecordAudioIcon, IdleAudioIcon, handleReplaceInput, setIsAudioRecording, onSendAudio, ...props }: SpeechToTextProps): react_jsx_runtime.JSX.Element;
 
 interface AssistantProps extends React$1.HTMLAttributes<HTMLDivElement> {
     sdk: AlquimiaSDK;
@@ -60,6 +61,7 @@ interface AssistantInputProps extends React$1.FormHTMLAttributes<HTMLFormElement
     handleInputChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
     isMessageStreaming: boolean;
     speechToTextComponent?: React$1.ReactNode;
+    placeholders?: [string, string];
 }
 declare const AssistantInput: React$1.ForwardRefExoticComponent<AssistantInputProps & React$1.RefAttributes<HTMLFormElement>>;
 

package/dist/components/organisms/index.js

@@ -143,12 +143,14 @@ function SpeechToText({
   IdleAudioIcon,
   handleReplaceInput,
   setIsAudioRecording,
+  onSendAudio,
   ...props
 }) {
   const [isRecording, setIsRecording] = (0, import_react2.useState)(false);
   const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
   const [mediaRecorder, setMediaRecorder] = (0, import_react2.useState)(null);
   const [audioBlob, setAudioBlob] = (0, import_react2.useState)(null);
+  const [speechResult, setSpeechResult] = (0, import_react2.useState)(null);
   const startRecording = async () => {
     setIsRecording(true);
     const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
@@ -172,6 +174,7 @@ function SpeechToText({
       const transcription = await speechToText(audioBase64);
       if (transcription) {
         handleReplaceInput(transcription);
+        setSpeechResult(transcription);
         setIsLoading(false);
       }
     } catch (error) {
@@ -189,6 +192,14 @@ function SpeechToText({
   (0, import_react2.useEffect)(() => {
     isLoading || isRecording ? setIsAudioRecording(true) : setIsAudioRecording(false);
   }, [isRecording, isLoading]);
+  (0, import_react2.useEffect)(() => {
+    if (speechResult) {
+      setTimeout(() => {
+        onSendAudio && onSendAudio();
+        setSpeechResult(null);
+      }, 200);
+    }
+  }, [speechResult]);
   const handleRecordButtonClick = () => {
     if (isRecording) {
       stopRecording();
@@ -2771,8 +2782,10 @@ var AssistantInput = React34.forwardRef(
     handleInputChange,
     isMessageStreaming,
     speechToTextComponent,
+    placeholders,
     ...props
   }, ref) => {
+    const placeholder = placeholders ? isMessageStreaming ? placeholders[0] : placeholders[1] : isMessageStreaming ? "Processing..." : "Type your message here...";
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       "form",
       {
@@ -2788,7 +2801,7 @@ var AssistantInput = React34.forwardRef(
               disabled: isButtonDisabled,
               value: input,
               onChange: handleInputChange,
-              placeholder: isMessageStreaming ? "Procesando..." : "Escribe tu mensaje aqu\xED...",
+              placeholder,
               className: cn(
                 "flex-1 text-sm p-3 rounded-lg focus:outline-none w-full",
                 "border border-input bg-background text-foreground",