@clikvn/agent-widget-embedded 1.1.11 → 1.1.12

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput copy.js

@@ -0,0 +1,350 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LAYOUT_MODE } from 'commons/constants';
+import { useCallback, useEffect, useRef, useState, } from 'react';
+import { useLocalStorage, useWindowSize } from 'usehooks-ts';
+import { useAudioRecording } from '../../hooks/useAudioRecording';
+import { useChatData } from '../../hooks/useChatData';
+import { useConfiguration } from '../../hooks/useConfiguration';
+import { createAttachments, getAudioTranscript, } from '../../services/chat.service';
+import { cn, generateExtendedFileName, generateUUID, } from '../../utils/commonUtils';
+import { getBestMimeType, getFileExtension } from '../../utils/fileUtils';
+import { ArrowUpIcon, CheckCirclFillIcon, ClikCloseIcon, ClikMessageIcon, ClikMicrophoneIcon, ClikPlusIcon, ClikVolumeIcon, ClikWaveIcon, StopIcon, VoiceIcon, } from './Icons';
+import { PreviewAttachment } from './PreviewAttachment';
+import SuggestedActions from './SuggestedActions';
+import { Button } from './ui/Button';
+import { Textarea } from './ui/Textarea';
+import VoiceWidget from './voice/VoiceWidget';
+const DEFAULT_COLOR_ICON = '#595959';
+const ACTIVE_COLOR_ICON = '#0A82F7';
+export const MultimodalInput = ({ input, setInput, isLoading, stop, messages, setMessages, chatId, handleSubmit, className, append, attachments, setAttachments, bot, apiHost, setEnableTTS, enableTTS, suggestedActions, }) => {
+    const { theme, voice, overrideConfig, skipSuggestion, onLoaded } = useConfiguration();
+    const { isRecording, setIsRecording, onRecordingCancelled, onRecordingStopped, onRecordingStarted, elapsedTime, isLoadingRecording, } = useAudioRecording();
+    const { listeners } = useChatData();
+    const textareaRef = useRef(null);
+    const setInputRef = useRef(null);
+    const { width } = useWindowSize();
+    const defaultRows = theme?.suggestion?.defaultRows || 1;
+    const expandedRows = theme?.suggestion?.expandedRows || 2;
+    const suggestedActionLayoutMode = theme?.suggestion?.layoutMode || LAYOUT_MODE.SCROLL;
+    const language = theme?.language?.options
+        ?.find((option) => option.code === theme?.language?.code)
+        ?.name?.toLowerCase() || 'en';
+    const [suggestedActionRows, setSuggestedActionRows] = useState(defaultRows); // only use for scroll mode SuggestedActions
+    const [openVoice, setOpenVoice] = useState(false);
+    const [transcribing, setTranscribing] = useState(false);
+    const adjustHeight = () => {
+        if (textareaRef.current) {
+            textareaRef.current.style.height = 'auto';
+            textareaRef.current.style.height =
+                `${textareaRef.current?.scrollHeight + 2}px`;
+        }
+    };
+    const [localStorageInput, setLocalStorageInput] = useLocalStorage('input', '');
+    useEffect(() => {
+        if (textareaRef.current) {
+            const domValue = textareaRef.current?.value;
+            // Prefer DOM value over localStorage to handle hydration
+            const finalValue = domValue || localStorageInput || '';
+            setInput(finalValue);
+            adjustHeight();
+            setTimeout(() => {
+                if (textareaRef.current) {
+                    textareaRef.current.scrollTop = textareaRef.current.scrollHeight;
+                }
+            }, 500);
+        }
+        // Only run once after hydration
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        setLocalStorageInput(input);
+    }, [input, setLocalStorageInput]);
+    const readonly = isRecording || transcribing;
+    const handleSetInput = (value) => {
+        setInput(value);
+    };
+    useEffect(() => {
+        adjustHeight();
+        if (suggestedActionRows !== defaultRows) {
+            setSuggestedActionRows(defaultRows);
+        }
+    }, [input, readonly]);
+    useEffect(() => {
+        setInputRef.current = setInput;
+    }, [setInput]);
+    useEffect(() => {
+        if (onLoaded) {
+            onLoaded({
+                setInput: (txt) => {
+                    if (setInputRef.current) {
+                        setInputRef.current(txt || '');
+                    }
+                },
+                startRecording: async () => {
+                    handleStartRecording();
+                },
+            });
+        }
+    }, []);
+    const handleInput = (event) => {
+        handleSetInput(event.target.value);
+        if (textareaRef.current) {
+            textareaRef.current.scrollTop = textareaRef.current.scrollHeight;
+        }
+    };
+    const fileInputRef = useRef(null);
+    const [uploadQueue, setUploadQueue] = useState([]);
+    const submitForm = useCallback(async () => {
+        handleSubmit(undefined, attachments);
+        setLocalStorageInput('');
+        if (setAttachments) {
+            setAttachments((_) => []);
+            if (fileInputRef.current) {
+                fileInputRef.current.value = '';
+            }
+        }
+        if (width && width > 768) {
+            textareaRef.current?.focus();
+        }
+    }, [handleSubmit, setLocalStorageInput, width, attachments, chatId, bot]);
+    const uploadFile = useCallback(async (file) => {
+        const formData = new FormData();
+        formData.append('file', file, generateExtendedFileName(file.name));
+        try {
+            return await createAttachments({
+                chatId,
+                apiHost,
+                body: formData,
+            });
+        }
+        catch (error) {
+            console.error('Failed to upload file, please try again!');
+        }
+    }, [chatId]);
+    const toAudioBase64 = (blob) => {
+        return new Promise((resolve) => {
+            let mimeType = getBestMimeType();
+            const pos = blob.type.indexOf(';');
+            if (pos === -1) {
+                mimeType = blob.type;
+            }
+            else {
+                mimeType = blob.type.substring(0, pos);
+            }
+            // read blob and add to previews
+            const reader = new FileReader();
+            reader.readAsDataURL(blob);
+            reader.onloadend = () => {
+                const base64data = reader.result;
+                const upload = {
+                    tempId: generateUUID(),
+                    data: base64data,
+                    type: 'audio',
+                    name: `audio_${Date.now()}.${getFileExtension(mimeType)}`,
+                    mime: mimeType,
+                };
+                resolve(upload);
+            };
+        });
+    };
+    const toBase64 = async (file, type = 'file') => {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                resolve({
+                    tempId: generateUUID(),
+                    data: reader.result,
+                    type,
+                    name: generateExtendedFileName(file.name),
+                    mime: file.type,
+                });
+            };
+            reader.onerror = () => {
+                reject();
+            };
+        });
+    };
+    const checkUploadFile = useCallback(async (file) => {
+        if (file.type.startsWith('image')) {
+            return toBase64(file);
+        }
+        else {
+            setUploadQueue([file.name]);
+            const response = await uploadFile(file);
+            if (response?.type == 'file:full') {
+                const f = response.result[0];
+                if (!f) {
+                    return;
+                }
+                return {
+                    tempId: generateUUID(),
+                    data: f.content,
+                    name: f.name,
+                    mime: f.mimeType,
+                    type: response?.type,
+                };
+            }
+            else if (response?.type == 'file:rag') {
+                const { addedDocs } = response.result;
+                if (!addedDocs.length) {
+                    return;
+                }
+                return toBase64(file, response?.type);
+            }
+        }
+    }, [setUploadQueue, uploadFile]);
+    const handleLogicShowFAQ = () => {
+        setSuggestedActionRows(suggestedActionRows === defaultRows ? expandedRows : defaultRows);
+    };
+    const handleFileChange = useCallback(async (event) => {
+        const files = Array.from(event.target.files || []);
+        try {
+            const uploadPromises = files.map((file) => checkUploadFile(file));
+            const uploadedAttachments = await Promise.all(uploadPromises);
+            const successfullyUploadedAttachments = uploadedAttachments.filter((attachment) => attachment !== undefined);
+            if (setAttachments) {
+                setAttachments((currentAttachments) => [
+                    ...currentAttachments,
+                    ...successfullyUploadedAttachments,
+                ]);
+            }
+        }
+        catch (error) {
+            console.error('Error uploading files!', error);
+        }
+        finally {
+            setUploadQueue([]);
+        }
+    }, [setAttachments, checkUploadFile]);
+    const handleSubmitRecording = useCallback(async (blob) => {
+        try {
+            const audioFile = await toAudioBase64(blob);
+            handleSubmit(undefined, [audioFile]);
+            setIsRecording(false);
+        }
+        catch (error) {
+            console.error('Error uploading files!', error);
+        }
+    }, [handleSubmit, setIsRecording]);
+    const speechToText = async (blob) => {
+        try {
+            setTranscribing(true);
+            const fileUpload = await toAudioBase64(blob);
+            const base64Data = fileUpload.data.replace(/^data:.+;base64,/, '');
+            const byteCharacters = atob(base64Data); // Decode Base64 string
+            const byteNumbers = new Array(byteCharacters.length);
+            for (let i = 0; i < byteCharacters.length; i++) {
+                byteNumbers[i] = byteCharacters.charCodeAt(i);
+            }
+            const byteArray = new Uint8Array(byteNumbers);
+            const file = new File([byteArray], fileUpload.name, {
+                lastModified: new Date().getTime(),
+                type: fileUpload.type,
+            });
+            const text = await getAudioTranscript({ file, apiHost, language });
+            if (text) {
+                handleSetInput(text);
+            }
+        }
+        catch (error) {
+            console.error('Error getting audio transcript!', error);
+        }
+        finally {
+            setTranscribing(false);
+        }
+    };
+    const handleFinishRecording = () => {
+        if (isRecording) {
+            onRecordingStopped(speechToText);
+        }
+        if (listeners?.['ON_FINISHED_RECORDING']) {
+            listeners['ON_FINISHED_RECORDING']();
+        }
+    };
+    const handleStartRecording = () => {
+        onRecordingStarted();
+        handleSetInput('');
+        if (listeners?.['ON_START_RECORDING']) {
+            listeners['ON_START_RECORDING']();
+        }
+    };
+    const handleCancelRecording = () => {
+        onRecordingCancelled();
+        handleSetInput('');
+        if (listeners?.['ON_CANCEL_RECORDING']) {
+            listeners['ON_CANCEL_RECORDING']();
+        }
+    };
+    const handleSend = useCallback(async () => {
+        if (!isRecording) {
+            submitForm();
+        }
+    }, [submitForm, isRecording]);
+    const placeholder = !isRecording && !transcribing
+        ? theme?.input?.placeholder || 'Send a message...'
+        : '';
+    const recordingPlaceholder = isRecording && !transcribing
+        ? theme?.input?.recordingPlaceholder || 'Recording...'
+        : '';
+    const transcribingPlaceholder = transcribing
+        ? theme?.input?.transcribingPlaceholder || 'Transcribing...'
+        : '';
+    return (_jsxs("div", { className: "relative w-full flex flex-col gap-4", children: [!!suggestedActions?.length && (_jsx(SuggestedActions, { suggestedActions: suggestedActions, append: append, layoutMode: suggestedActionLayoutMode, suggestedActionRows: suggestedActionRows })), _jsx("input", { type: "file", className: "fixed -top-4 -left-4 size-0.5 opacity-0 pointer-events-none", ref: fileInputRef, multiple: true, onChange: handleFileChange, tabIndex: -1 }), ((attachments && attachments.length > 0) || uploadQueue.length > 0) && (_jsxs("div", { className: "flex flex-row gap-2 overflow-x-scroll items-end", children: [attachments?.map((attachment) => (_jsx(PreviewAttachment, { attachment: attachment }, attachment.tempId))), uploadQueue.map((filename) => (_jsx(PreviewAttachment, { attachment: {
+                            data: '',
+                            name: filename,
+                            mime: '',
+                            type: '',
+                        }, isUploading: true }, filename)))] })), _jsx(Textarea, { readOnly: readonly, ref: textareaRef, placeholder: placeholder, value: input, onChange: handleInput, className: cn(`min-h-[24px] max-h-[160px] resize-none text-base bg-muted bg-[#ffffff] scrollbar-hidden p-[12px] pb-[68px] rounded-[24px]  border border-[#E5E5E5] shadow-[0px_2px_6px_0px_rgba(0,0,0,0.08)] backdrop-blur-[50px] ${suggestedActionRows === expandedRows && 'p-[12px]'} ${readonly ? 'hidden' : ''}`, className), style: {
+                    height: suggestedActionRows === expandedRows ? 60 : undefined,
+                }, autoFocus: true, onKeyDown: (event) => {
+                    if (isRecording) {
+                        return;
+                    }
+                    if (event.key === 'Enter' && !event.shiftKey) {
+                        event.preventDefault();
+                        if (isLoading) {
+                            console.error('Please wait for the model to finish its response!');
+                        }
+                        else if (uploadQueue.length) {
+                            console.error('Please wait for file is uploading!');
+                        }
+                        else if (input.length > 0) {
+                            handleSend();
+                        }
+                    }
+                } }), (isRecording || transcribing) && (_jsx("div", { className: cn(`flex w-full border-input px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 min-h-[24px] max-h-[160px] resize-none text-base bg-muted bg-[#ffffff] scrollbar-hidden p-[12px] pb-[68px] rounded-[24px]  border border-[#E5E5E5] shadow-[0px_2px_6px_0px_rgba(0,0,0,0.08)] backdrop-blur-[50px] ${suggestedActionRows === expandedRows && 'p-[12px]'}`, className), style: {
+                    height: suggestedActionRows === expandedRows ? 60 : undefined,
+                }, children: _jsxs("div", { className: "animate-pulse", children: [recordingPlaceholder, transcribingPlaceholder] }) })), isLoading ? (_jsx(Button, { className: "rounded-full z-[2] p-1.5 h-[32px] w-[32px] right-[12px]  absolute bottom-[12px] m-0 border dark:border-zinc-600 bg-[#000000D9]", onClick: (event) => {
+                    event.preventDefault();
+                    stop();
+                    setMessages(messages);
+                }, children: _jsx(StopIcon, { size: 14 }) })) : (_jsx(_Fragment, { children: !!input || !voice ? (_jsx(Button, { className: "rounded-full z-[2] p-1.5 h-[32px] right-[12px] w-[32px] absolute bottom-[12px] m-0 border dark:border-zinc-600 bg-[#000000D9]", onClick: (event) => {
+                        event.preventDefault();
+                        handleSend();
+                    }, disabled: isRecording || input.length === 0 || !!uploadQueue.length, children: _jsx(ArrowUpIcon, { size: 14 }) })) : (_jsx(_Fragment, { children: bot?.id && (_jsxs(_Fragment, { children: [_jsx(Button, { className: "rounded-full z-[2] p-1.5 h-[32px] right-[12px] w-[32px] absolute bottom-[12px] m-0 border dark:border-zinc-600 bg-[#000000D9]", onClick: (event) => {
+                                    event.preventDefault();
+                                    setOpenVoice(true);
+                                }, children: _jsx(VoiceIcon, { size: 14 }) }), openVoice && (_jsx(VoiceWidget, { chatflowConfig: overrideConfig, botId: bot.id, chatId: chatId, setMessages: setMessages, visible: openVoice, onChangeVisible: setOpenVoice }))] })) })) })), _jsx("div", { className: "absolute left-[12px] bottom-[1px] pt-[12px] pb-[12px] flex items-center w-[calc(100%-24px)] bg-white rounded-[8px]", children: isRecording ? (_jsx(_Fragment, { children: _jsxs("div", { className: "rounded-[100px] flex items-center bg-[#F3F3F3] gap-2 h-[32px] py-2 px-3 w-[calc(100%-38px)]", "data-testid": "input", children: [_jsx(Button, { disabled: isLoadingRecording, className: "rounded-full dark:border-zinc-700 p-0 h-6 w-6", variant: "outline", onClick: (event) => {
+                                    event.preventDefault();
+                                    handleCancelRecording();
+                                }, children: _jsx(ClikCloseIcon, { className: "!w-full !h-full" }) }), _jsxs("div", { className: "flex items-center gap-2 w-[calc(100%-64px)]", children: [_jsxs("div", { className: "flex flex-1 items-center justify-center ", children: [_jsx("div", { className: "flex-1 w-[1px] h-[1px]  border border-dashed border-[#000] opacity-45" }), _jsx(ClikWaveIcon, {})] }), _jsx("span", { children: elapsedTime || '00:00' }), isLoadingRecording && (_jsx("span", { className: "ml-1.5", children: "Sending..." }))] }), !isLoadingRecording && (_jsx(Button, { className: "rounded-full dark:border-zinc-700 p-0 h-6 w-6", variant: "outline", onClick: (event) => {
+                                    event.preventDefault();
+                                    handleFinishRecording();
+                                }, children: _jsx(CheckCirclFillIcon, { className: "!w-full !h-full" }) }))] }) })) : (_jsxs("div", { className: "flex gap-[4px]", children: [_jsx(Button, { className: "rounded-full p-1.5 w-[32px] h-[32px]  dark:border-zinc-700", onClick: (event) => {
+                                event.preventDefault();
+                                fileInputRef.current?.click();
+                            }, variant: "outline", disabled: isLoading || isRecording, children: _jsx(ClikPlusIcon, { size: 14 }) }), !skipSuggestion && (_jsxs(Button, { className: `rounded-full py-1 px-2 h-[32px]  dark:border-zinc-700 text-[#595959] ${suggestedActionRows === expandedRows && 'border border-[#B9C6D6] bg-[#CBE1F3] text-[#0A82F7]'} `, onClick: (event) => {
+                                event.preventDefault();
+                                handleLogicShowFAQ();
+                            }, variant: "outline", disabled: isLoading || isRecording, children: [_jsx(ClikMessageIcon, { color: suggestedActionRows === expandedRows
+                                        ? ACTIVE_COLOR_ICON
+                                        : DEFAULT_COLOR_ICON }), "FAQ"] })), _jsxs(Button, { className: `rounded-full py-1 px-2 h-[32px]  dark:border-zinc-700 text-[#595959] ${enableTTS ? 'border border-[#B9C6D6] bg-[#CBE1F3] text-[#0A82F7]' : ''}`, onClick: (event) => {
+                                event.preventDefault();
+                                setEnableTTS(!enableTTS);
+                            }, variant: "outline", disabled: isLoading, children: [_jsx(ClikVolumeIcon, { color: enableTTS ? ACTIVE_COLOR_ICON : DEFAULT_COLOR_ICON }), ' ', theme?.buttons?.textBtnSpeak || 'Speak'] }), _jsxs(Button, { className: "rounded-full py-1 px-2 gap-[4px] min-w-[32px] h-[32px] dark:border-zinc-700 text-[#595959] absolute right-[38px] ", onClick: (event) => {
+                                event.preventDefault();
+                                handleStartRecording();
+                            }, variant: "outline", disabled: isLoading, children: [_jsx(ClikMicrophoneIcon, { size: 14 }), " ", theme?.buttons?.textBtnTalk] })] })) })] }));
+};
+//# sourceMappingURL=MultimodalInput%20copy.js.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalInput copy.js","sourceRoot":"","sources":["../../../src/components/Chat/MultimodalInput copy.tsx"],"names":[],"mappings":"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","sourcesContent":["import { LAYOUT_MODE } from 'commons/constants';\nimport {\n  type ChangeEvent,\n  FC,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { SuggestionType } from 'types/common.type';\nimport { useLocalStorage, useWindowSize } from 'usehooks-ts';\nimport { useAudioRecording } from '../../hooks/useAudioRecording';\nimport { useChatData } from '../../hooks/useChatData';\nimport { useConfiguration } from '../../hooks/useConfiguration';\nimport {\n  createAttachments,\n  getAudioTranscript,\n} from '../../services/chat.service';\nimport { BotType } from '../../types/bot.type';\nimport { ChatMessageType, IFileUpload } from '../../types/flowise.type';\nimport {\n  cn,\n  generateExtendedFileName,\n  generateUUID,\n} from '../../utils/commonUtils';\nimport { getBestMimeType, getFileExtension } from '../../utils/fileUtils';\nimport {\n  ArrowUpIcon,\n  CheckCirclFillIcon,\n  ClikCloseIcon,\n  ClikMessageIcon,\n  ClikMicrophoneIcon,\n  ClikPlusIcon,\n  ClikVolumeIcon,\n  ClikWaveIcon,\n  StopIcon,\n  VoiceIcon,\n} from './Icons';\nimport { PreviewAttachment } from './PreviewAttachment';\nimport SuggestedActions from './SuggestedActions';\nimport { Button } from './ui/Button';\nimport { Textarea } from './ui/Textarea';\nimport VoiceWidget from './voice/VoiceWidget';\n\nconst DEFAULT_COLOR_ICON = '#595959';\nconst ACTIVE_COLOR_ICON = '#0A82F7';\n\ntype PropsType = {\n  input: string;\n  setInput: (value: string) => void;\n  isLoading: boolean;\n  stop: () => void;\n  messages: ChatMessageType[];\n  setMessages: (messages: ChatMessageType[]) => void;\n  chatId: string;\n  handleSubmit: (\n    event?: { preventDefault?: () => void },\n    files?: IFileUpload[]\n  ) => void;\n  className?: string;\n  append?: (message: ChatMessageType) => Promise<void>;\n  attachments?: IFileUpload[];\n  setAttachments?: (func: (files: IFileUpload[]) => IFileUpload[]) => void;\n  bot: BotType | null;\n  apiHost: string;\n  setEnableTTS: (value: boolean) => void;\n  enableTTS: boolean;\n  suggestedActions?: SuggestionType[];\n};\n\nexport const MultimodalInput: FC<PropsType> = ({\n  input,\n  setInput,\n  isLoading,\n  stop,\n  messages,\n  setMessages,\n  chatId,\n  handleSubmit,\n  className,\n  append,\n  attachments,\n  setAttachments,\n  bot,\n  apiHost,\n  setEnableTTS,\n  enableTTS,\n  suggestedActions,\n}) => {\n  const { theme, voice, overrideConfig, skipSuggestion, onLoaded } =\n    useConfiguration();\n  const {\n    isRecording,\n    setIsRecording,\n    onRecordingCancelled,\n    onRecordingStopped,\n    onRecordingStarted,\n    elapsedTime,\n    isLoadingRecording,\n  } = useAudioRecording();\n  const { listeners } = useChatData();\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const setInputRef = useRef<((input: string) => void) | null>(null);\n\n  const { width } = useWindowSize();\n\n  const defaultRows = theme?.suggestion?.defaultRows || 1;\n  const expandedRows = theme?.suggestion?.expandedRows || 2;\n  const suggestedActionLayoutMode =\n    theme?.suggestion?.layoutMode || LAYOUT_MODE.SCROLL;\n\n  const language =\n    theme?.language?.options\n      ?.find((option) => option.code === theme?.language?.code)\n      ?.name?.toLowerCase() || 'en';\n\n  const [suggestedActionRows, setSuggestedActionRows] =\n    useState<number>(defaultRows); // only use for scroll mode SuggestedActions\n\n  const [openVoice, setOpenVoice] = useState<boolean>(false);\n  const [transcribing, setTranscribing] = useState<boolean>(false);\n\n  const adjustHeight = () => {\n    if (textareaRef.current) {\n      (textareaRef.current as HTMLTextAreaElement).style.height = 'auto';\n      (textareaRef.current as HTMLTextAreaElement).style.height =\n        `${textareaRef.current?.scrollHeight + 2}px`;\n    }\n  };\n\n  const [localStorageInput, setLocalStorageInput] = useLocalStorage(\n    'input',\n    ''\n  );\n\n  useEffect(() => {\n    if (textareaRef.current) {\n      const domValue = textareaRef.current?.value;\n      // Prefer DOM value over localStorage to handle hydration\n      const finalValue = domValue || localStorageInput || '';\n      setInput(finalValue);\n      adjustHeight();\n\n      setTimeout(() => {\n        if (textareaRef.current) {\n          textareaRef.current.scrollTop = textareaRef.current.scrollHeight;\n        }\n      }, 500);\n    }\n    // Only run once after hydration\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setLocalStorageInput(input);\n  }, [input, setLocalStorageInput]);\n\n  const readonly = isRecording || transcribing;\n  const handleSetInput = (value: string) => {\n    setInput(value);\n  };\n\n  useEffect(() => {\n    adjustHeight();\n    if (suggestedActionRows !== defaultRows) {\n      setSuggestedActionRows(defaultRows);\n    }\n  }, [input, readonly]);\n\n  useEffect(() => {\n    setInputRef.current = setInput;\n  }, [setInput]);\n\n  useEffect(() => {\n    if (onLoaded) {\n      onLoaded({\n        setInput: (txt): void => {\n          if (setInputRef.current) {\n            setInputRef.current(txt || '');\n          }\n        },\n        startRecording: async () => {\n          handleStartRecording();\n        },\n      });\n    }\n  }, []);\n\n  const handleInput = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    handleSetInput(event.target.value);\n\n    if (textareaRef.current) {\n      textareaRef.current.scrollTop = textareaRef.current.scrollHeight;\n    }\n  };\n\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const [uploadQueue, setUploadQueue] = useState<Array<string>>([]);\n\n  const submitForm = useCallback(async () => {\n    handleSubmit(undefined, attachments);\n    setLocalStorageInput('');\n    if (setAttachments) {\n      setAttachments((_) => []);\n      if (fileInputRef.current) {\n        (fileInputRef.current as HTMLInputElement).value = '';\n      }\n    }\n    if (width && width > 768) {\n      textareaRef.current?.focus();\n    }\n  }, [handleSubmit, setLocalStorageInput, width, attachments, chatId, bot]);\n\n  const uploadFile = useCallback(\n    async (file: File) => {\n      const formData = new FormData();\n      formData.append('file', file, generateExtendedFileName(file.name));\n      try {\n        return await createAttachments({\n          chatId,\n          apiHost,\n          body: formData,\n        });\n      } catch (error) {\n        console.error('Failed to upload file, please try again!');\n      }\n    },\n    [chatId]\n  );\n\n  const toAudioBase64 = (blob: Blob) => {\n    return new Promise<IFileUpload>((resolve) => {\n      let mimeType = getBestMimeType();\n      const pos = blob.type.indexOf(';');\n      if (pos === -1) {\n        mimeType = blob.type;\n      } else {\n        mimeType = blob.type.substring(0, pos);\n      }\n\n      // read blob and add to previews\n      const reader = new FileReader();\n      reader.readAsDataURL(blob);\n      reader.onloadend = () => {\n        const base64data = reader.result as string;\n        const upload: IFileUpload = {\n          tempId: generateUUID(),\n          data: base64data,\n          type: 'audio',\n          name: `audio_${Date.now()}.${getFileExtension(mimeType)}`,\n          mime: mimeType,\n        };\n        resolve(upload);\n      };\n    });\n  };\n\n  const toBase64 = async (\n    file: File,\n    type = 'file'\n  ): Promise<IFileUpload | undefined> => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        resolve({\n          tempId: generateUUID(),\n          data: reader.result as string,\n          type,\n          name: generateExtendedFileName(file.name),\n          mime: file.type,\n        });\n      };\n      reader.onerror = () => {\n        reject();\n      };\n    });\n  };\n\n  const checkUploadFile = useCallback(\n    async (file: File): Promise<IFileUpload | undefined> => {\n      if (file.type.startsWith('image')) {\n        return toBase64(file);\n      } else {\n        setUploadQueue([file.name]);\n        const response: any = await uploadFile(file);\n        if (response?.type == 'file:full') {\n          const f = response.result[0];\n          if (!f) {\n            return;\n          }\n          return {\n            tempId: generateUUID(),\n            data: f.content,\n            name: f.name,\n            mime: f.mimeType,\n            type: response?.type,\n          };\n        } else if (response?.type == 'file:rag') {\n          const { addedDocs } = response.result;\n          if (!addedDocs.length) {\n            return;\n          }\n          return toBase64(file, response?.type);\n        }\n      }\n    },\n    [setUploadQueue, uploadFile]\n  );\n\n  const handleLogicShowFAQ = () => {\n    setSuggestedActionRows(\n      suggestedActionRows === defaultRows ? expandedRows : defaultRows\n    );\n  };\n\n  const handleFileChange = useCallback(\n    async (event: ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(event.target.files || []);\n      try {\n        const uploadPromises = files.map((file) => checkUploadFile(file));\n        const uploadedAttachments = await Promise.all(uploadPromises);\n        const successfullyUploadedAttachments = uploadedAttachments.filter(\n          (attachment) => attachment !== undefined\n        ) as IFileUpload[];\n        if (setAttachments) {\n          setAttachments((currentAttachments: IFileUpload[]) => [\n            ...currentAttachments,\n            ...successfullyUploadedAttachments,\n          ]);\n        }\n      } catch (error) {\n        console.error('Error uploading files!', error);\n      } finally {\n        setUploadQueue([]);\n      }\n    },\n    [setAttachments, checkUploadFile]\n  );\n\n  const handleSubmitRecording = useCallback(\n    async (blob: Blob) => {\n      try {\n        const audioFile = await toAudioBase64(blob);\n        handleSubmit(undefined, [audioFile]);\n        setIsRecording(false);\n      } catch (error) {\n        console.error('Error uploading files!', error);\n      }\n    },\n    [handleSubmit, setIsRecording]\n  );\n\n  const speechToText = async (blob: Blob) => {\n    try {\n      setTranscribing(true);\n      const fileUpload = await toAudioBase64(blob);\n      const base64Data = fileUpload.data!.replace(/^data:.+;base64,/, '');\n      const byteCharacters = atob(base64Data); // Decode Base64 string\n      const byteNumbers = new Array(byteCharacters.length);\n\n      for (let i = 0; i < byteCharacters.length; i++) {\n        byteNumbers[i] = byteCharacters.charCodeAt(i);\n      }\n\n      const byteArray = new Uint8Array(byteNumbers);\n      const file = new File([byteArray], fileUpload.name, {\n        lastModified: new Date().getTime(),\n        type: fileUpload.type,\n      });\n\n      const text = await getAudioTranscript({ file, apiHost, language });\n      if (text) {\n        handleSetInput(text);\n      }\n    } catch (error) {\n      console.error('Error getting audio transcript!', error);\n    } finally {\n      setTranscribing(false);\n    }\n  };\n\n  const handleFinishRecording = () => {\n    if (isRecording) {\n      onRecordingStopped(speechToText);\n    }\n    if (listeners?.['ON_FINISHED_RECORDING']) {\n      listeners['ON_FINISHED_RECORDING']();\n    }\n  };\n\n  const handleStartRecording = () => {\n    onRecordingStarted();\n    handleSetInput('');\n    if (listeners?.['ON_START_RECORDING']) {\n      listeners['ON_START_RECORDING']();\n    }\n  };\n\n  const handleCancelRecording = () => {\n    onRecordingCancelled();\n    handleSetInput('');\n    if (listeners?.['ON_CANCEL_RECORDING']) {\n      listeners['ON_CANCEL_RECORDING']();\n    }\n  };\n\n  const handleSend = useCallback(async () => {\n    if (!isRecording) {\n      submitForm();\n    }\n  }, [submitForm, isRecording]);\n\n  const placeholder =\n    !isRecording && !transcribing\n      ? theme?.input?.placeholder || 'Send a message...'\n      : '';\n\n  const recordingPlaceholder =\n    isRecording && !transcribing\n      ? theme?.input?.recordingPlaceholder || 'Recording...'\n      : '';\n\n  const transcribingPlaceholder = transcribing\n    ? theme?.input?.transcribingPlaceholder || 'Transcribing...'\n    : '';\n\n  return (\n    <div className=\"relative w-full flex flex-col gap-4\">\n      {!!suggestedActions?.length && (\n        <SuggestedActions\n          suggestedActions={suggestedActions}\n          append={append}\n          layoutMode={suggestedActionLayoutMode}\n          suggestedActionRows={suggestedActionRows}\n        />\n      )}\n\n      <input\n        type=\"file\"\n        className=\"fixed -top-4 -left-4 size-0.5 opacity-0 pointer-events-none\"\n        ref={fileInputRef}\n        multiple\n        onChange={handleFileChange}\n        tabIndex={-1}\n      />\n\n      {((attachments && attachments.length > 0) || uploadQueue.length > 0) && (\n        <div className=\"flex flex-row gap-2 overflow-x-scroll items-end\">\n          {attachments?.map((attachment) => (\n            <PreviewAttachment\n              key={attachment.tempId}\n              attachment={attachment}\n            />\n          ))}\n\n          {uploadQueue.map((filename) => (\n            <PreviewAttachment\n              key={filename}\n              attachment={{\n                data: '',\n                name: filename,\n                mime: '',\n                type: '',\n              }}\n              isUploading\n            />\n          ))}\n        </div>\n      )}\n      <Textarea\n        readOnly={readonly}\n        ref={textareaRef}\n        placeholder={placeholder}\n        value={input}\n        onChange={handleInput}\n        className={cn(\n          `min-h-[24px] max-h-[160px] resize-none text-base bg-muted bg-[#ffffff] scrollbar-hidden p-[12px] pb-[68px] rounded-[24px]  border border-[#E5E5E5] shadow-[0px_2px_6px_0px_rgba(0,0,0,0.08)] backdrop-blur-[50px] ${suggestedActionRows === expandedRows && 'p-[12px]'} ${readonly ? 'hidden' : ''}`,\n          className\n        )}\n        style={{\n          height: suggestedActionRows === expandedRows ? 60 : undefined,\n        }}\n        autoFocus\n        onKeyDown={(event) => {\n          if (isRecording) {\n            return;\n          }\n\n          if (event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault();\n            if (isLoading) {\n              console.error(\n                'Please wait for the model to finish its response!'\n              );\n            } else if (uploadQueue.length) {\n              console.error('Please wait for file is uploading!');\n            } else if (input.length > 0) {\n              handleSend();\n            }\n          }\n        }}\n      />\n\n      {(isRecording || transcribing) && (\n        <div\n          className={cn(\n            `flex w-full border-input px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 min-h-[24px] max-h-[160px] resize-none text-base bg-muted bg-[#ffffff] scrollbar-hidden p-[12px] pb-[68px] rounded-[24px]  border border-[#E5E5E5] shadow-[0px_2px_6px_0px_rgba(0,0,0,0.08)] backdrop-blur-[50px] ${suggestedActionRows === expandedRows && 'p-[12px]'}`,\n            className\n          )}\n          style={{\n            height: suggestedActionRows === expandedRows ? 60 : undefined,\n          }}\n        >\n          <div className=\"animate-pulse\">\n            {recordingPlaceholder}\n            {transcribingPlaceholder}\n          </div>\n        </div>\n      )}\n\n      {isLoading ? (\n        <Button\n          className=\"rounded-full z-[2] p-1.5 h-[32px] w-[32px] right-[12px]  absolute bottom-[12px] m-0 border dark:border-zinc-600 bg-[#000000D9]\"\n          onClick={(event) => {\n            event.preventDefault();\n            stop();\n            setMessages(messages);\n          }}\n        >\n          <StopIcon size={14} />\n        </Button>\n      ) : (\n        <>\n          {!!input || !voice ? (\n            <Button\n              className=\"rounded-full z-[2] p-1.5 h-[32px] right-[12px] w-[32px] absolute bottom-[12px] m-0 border dark:border-zinc-600 bg-[#000000D9]\"\n              onClick={(event) => {\n                event.preventDefault();\n                handleSend();\n              }}\n              disabled={\n                isRecording || input.length === 0 || !!uploadQueue.length\n              } // zero input or uploading\n            >\n              <ArrowUpIcon size={14} />\n            </Button>\n          ) : (\n            <>\n              {bot?.id && (\n                <>\n                  <Button\n                    className=\"rounded-full z-[2] p-1.5 h-[32px] right-[12px] w-[32px] absolute bottom-[12px] m-0 border dark:border-zinc-600 bg-[#000000D9]\"\n                    onClick={(event) => {\n                      event.preventDefault();\n                      setOpenVoice(true);\n                    }}\n                  >\n                    <VoiceIcon size={14} />\n                  </Button>\n                  {openVoice && (\n                    <VoiceWidget\n                      chatflowConfig={overrideConfig}\n                      botId={bot.id}\n                      chatId={chatId}\n                      setMessages={setMessages}\n                      visible={openVoice}\n                      onChangeVisible={setOpenVoice}\n                    />\n                  )}\n                </>\n              )}\n            </>\n          )}\n        </>\n      )}\n\n      <div className=\"absolute left-[12px] bottom-[1px] pt-[12px] pb-[12px] flex items-center w-[calc(100%-24px)] bg-white rounded-[8px]\">\n        {isRecording ? (\n          <>\n            <div\n              className=\"rounded-[100px] flex items-center bg-[#F3F3F3] gap-2 h-[32px] py-2 px-3 w-[calc(100%-38px)]\"\n              data-testid=\"input\"\n            >\n              <Button\n                disabled={isLoadingRecording}\n                className=\"rounded-full dark:border-zinc-700 p-0 h-6 w-6\"\n                variant=\"outline\"\n                onClick={(event) => {\n                  event.preventDefault();\n                  handleCancelRecording();\n                }}\n              >\n                <ClikCloseIcon className=\"!w-full !h-full\" />\n              </Button>\n              <div className=\"flex items-center gap-2 w-[calc(100%-64px)]\">\n                <div className=\"flex flex-1 items-center justify-center \">\n                  <div className=\"flex-1 w-[1px] h-[1px]  border border-dashed border-[#000] opacity-45\" />\n                  <ClikWaveIcon />\n                </div>\n                <span>{elapsedTime || '00:00'}</span>\n                {isLoadingRecording && (\n                  <span className=\"ml-1.5\">Sending...</span>\n                )}\n              </div>\n              {!isLoadingRecording && (\n                <Button\n                  className=\"rounded-full dark:border-zinc-700 p-0 h-6 w-6\"\n                  variant=\"outline\"\n                  onClick={(event) => {\n                    event.preventDefault();\n                    handleFinishRecording();\n                  }}\n                >\n                  <CheckCirclFillIcon className=\"!w-full !h-full\" />\n                </Button>\n              )}\n            </div>\n          </>\n        ) : (\n          <div className=\"flex gap-[4px]\">\n            <Button\n              className=\"rounded-full p-1.5 w-[32px] h-[32px]  dark:border-zinc-700\"\n              onClick={(event) => {\n                event.preventDefault();\n                fileInputRef.current?.click();\n              }}\n              variant=\"outline\"\n              disabled={isLoading || isRecording}\n            >\n              <ClikPlusIcon size={14} />\n            </Button>\n            {!skipSuggestion && (\n              <Button\n                className={`rounded-full py-1 px-2 h-[32px]  dark:border-zinc-700 text-[#595959] ${suggestedActionRows === expandedRows && 'border border-[#B9C6D6] bg-[#CBE1F3] text-[#0A82F7]'} `}\n                onClick={(event) => {\n                  event.preventDefault();\n                  handleLogicShowFAQ();\n                }}\n                variant=\"outline\"\n                disabled={isLoading || isRecording}\n              >\n                <ClikMessageIcon\n                  color={\n                    suggestedActionRows === expandedRows\n                      ? ACTIVE_COLOR_ICON\n                      : DEFAULT_COLOR_ICON\n                  }\n                />\n                FAQ\n              </Button>\n            )}\n            <Button\n              className={`rounded-full py-1 px-2 h-[32px]  dark:border-zinc-700 text-[#595959] ${enableTTS ? 'border border-[#B9C6D6] bg-[#CBE1F3] text-[#0A82F7]' : ''}`}\n              onClick={(event) => {\n                event.preventDefault();\n                setEnableTTS(!enableTTS);\n              }}\n              variant=\"outline\"\n              disabled={isLoading}\n            >\n              <ClikVolumeIcon\n                color={enableTTS ? ACTIVE_COLOR_ICON : DEFAULT_COLOR_ICON}\n              />{' '}\n              {theme?.buttons?.textBtnSpeak || 'Speak'}\n            </Button>\n            <Button\n              className=\"rounded-full py-1 px-2 gap-[4px] min-w-[32px] h-[32px] dark:border-zinc-700 text-[#595959] absolute right-[38px] \"\n              onClick={(event) => {\n                event.preventDefault();\n                handleStartRecording();\n              }}\n              variant=\"outline\"\n              disabled={isLoading}\n            >\n              <ClikMicrophoneIcon size={14} /> {theme?.buttons?.textBtnTalk}\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

package/{dist/components/Chat/MultimodalInputSimple.d.ts → .rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput.d.ts}

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { SuggestionType } from 'types/common.type';
 import { BotType } from '../../types/bot.type';
 import { ChatMessageType, IFileUpload } from '../../types/flowise.type';
 type PropsType = {
@@ -6,17 +7,22 @@ type PropsType = {
     setInput: (value: string) => void;
     isLoading: boolean;
     stop: () => void;
-    message?: ChatMessageType;
+    messages: ChatMessageType[];
+    setMessages: (messages: ChatMessageType[]) => void;
     chatId: string;
     handleSubmit: (event?: {
         preventDefault?: () => void;
     }, files?: IFileUpload[]) => void;
     className?: string;
+    append?: (message: ChatMessageType) => Promise<void>;
+    attachments?: IFileUpload[];
+    setAttachments?: (func: (files: IFileUpload[]) => IFileUpload[]) => void;
     bot: BotType | null;
     apiHost: string;
     setEnableTTS: (value: boolean) => void;
     enableTTS: boolean;
+    suggestedActions?: SuggestionType[];
 };
-export declare const MultimodalInputSimple: FC<PropsType>;
+export declare const MultimodalInput: FC<PropsType>;
 export {};
-//# sourceMappingURL=MultimodalInputSimple.d.ts.map
+//# sourceMappingURL=MultimodalInput.d.ts.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalInput.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/MultimodalInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAqBxE,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CACZ,KAAK,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,EACvC,KAAK,CAAC,EAAE,WAAW,EAAE,KAClB,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,CAAC;IACzE,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,SAAS,CA8oBzC,CAAC"}