@clikvn/agent-widget-embedded 1.1.10 → 1.1.11-hotfix-01

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

@@ -0,0 +1,405 @@
+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 { motion, AnimatePresence } from 'framer-motion';
+import { Volume2, Paperclip } from 'lucide-react';
+import { useMediaQuery } from 'react-responsive';
+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, ClikMicrophoneIcon, PlusIcon, StopIcon } from './Icons';
+import SuggestedActions from './SuggestedActions';
+import { Button } from './ui/Button';
+import { Textarea } from './ui/Textarea';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from './ui/DropdownMenu';
+import { VoiceRecordingUI } from './VoiceRecordingUI';
+import { PreviewFileAttachment } from './PreviewFileAttachment';
+export const MultimodalInput = ({ input, setInput, isLoading, stop, messages, setMessages, chatId, handleSubmit, className, append, attachments, setAttachments, bot, apiHost, setEnableTTS, enableTTS, suggestedActions, }) => {
+    const { theme, onLoaded } = useConfiguration();
+    const { isRecording, onRecordingCancelled, onRecordingStopped, onRecordingStarted, elapsedTime, audioData, updateMaxHistoryLength, } = useAudioRecording();
+    const { listeners } = useChatData();
+    const textareaRef = useRef(null);
+    const inputRef = useRef(null);
+    const setInputRef = useRef(null);
+    const isMobile = useMediaQuery({ query: '(max-width: 640px)' });
+    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 [transcribing, setTranscribing] = useState(false);
+    const [isMultiline, setIsMultiline] = useState(false);
+    const [dropdownOpen, setDropdownOpen] = 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]);
+    // Focus vào element đúng khi chuyển đổi giữa input và textarea
+    useEffect(() => {
+        if (!isMultiline && !!inputRef.current) {
+            inputRef.current.focus();
+            // Set cursor tới cuối
+            const length = inputRef.current.value.length;
+            inputRef.current.setSelectionRange(length, length);
+        }
+        else if (isMultiline && textareaRef.current) {
+            textareaRef.current.focus();
+            // Set cursor tới cuối
+            const length = textareaRef.current.value.length;
+            textareaRef.current.setSelectionRange(length, length);
+            // Scroll tới cuối
+            textareaRef.current.scrollTop = textareaRef.current.scrollHeight;
+            adjustHeight();
+        }
+    }, [isMultiline]);
+    useEffect(() => {
+        setInputRef.current = setInput;
+    }, [setInput]);
+    useEffect(() => {
+        if (onLoaded) {
+            onLoaded({
+                setInput: (txt) => {
+                    if (setInputRef.current) {
+                        setInputRef.current(txt || '');
+                    }
+                },
+                startRecording: async () => {
+                    handleStartRecording();
+                },
+            });
+        }
+    }, []);
+    const handleInput = (event, valueInput) => {
+        const newValue = event?.target.value || valueInput || '';
+        handleSetInput(newValue);
+        // Nếu có newline (Enter) thì chuyển sang textarea ngay
+        if (!isMultiline && newValue.includes('\n')) {
+            setIsMultiline(true);
+            return;
+        }
+        // Kiểm tra scroll ngay khi input thay đổi
+        if (!isMultiline && inputRef.current && newValue) {
+            // Đợi DOM update rồi kiểm tra scroll
+            setTimeout(() => {
+                const currentInput = inputRef.current;
+                if (currentInput) {
+                    const hasScroll = currentInput.scrollWidth > currentInput.clientWidth;
+                    if (hasScroll) {
+                        setIsMultiline(true);
+                    }
+                }
+            }, 0);
+        }
+        // Nếu xóa hết text thì chuyển về input
+        if (!newValue && isMultiline) {
+            setIsMultiline(false);
+        }
+        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('');
+        setIsMultiline(false);
+        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 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 speechToText = async (blob) => {
+        try {
+            setTranscribing(true);
+            // setIsMultiline(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) {
+                handleInput(undefined, 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 = () => {
+        setIsMultiline(false);
+        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 handleWidthChange = useCallback((maxBars) => {
+        updateMaxHistoryLength(maxBars);
+    }, [updateMaxHistoryLength]);
+    const placeholder = !isRecording && !transcribing
+        ? theme?.input?.placeholder || 'Send a message...'
+        : theme?.input?.transcribingPlaceholder || 'Transcribing...';
+    const recordingPlaceholder = isRecording && !transcribing
+        ? theme?.input?.recordingPlaceholder || 'Recording...'
+        : '';
+    return (_jsxs("div", { className: "relative w-full flex gap-4 flex-col", children: [!!suggestedActions?.length && (_jsx(SuggestedActions, { suggestedActions: suggestedActions, append: append, layoutMode: suggestedActionLayoutMode, suggestedActionRows: suggestedActionRows })), ((attachments && attachments.length > 0) || uploadQueue.length > 0) && (_jsxs("div", { className: "list-attachments flex flex-row gap-2 overflow-x-scroll items-end", children: [attachments?.map((attachment) => (_jsx(PreviewFileAttachment, { attachment: attachment, onRemoveAttachment: () => {
+                            setAttachments?.((currentAttachments) => currentAttachments.filter((f) => f.tempId !== attachment.tempId));
+                        } }, attachment.tempId))), uploadQueue.map((filename) => (_jsx(PreviewFileAttachment, { onRemoveAttachment: () => {
+                            setUploadQueue(uploadQueue.filter((f) => f !== filename));
+                        }, attachment: {
+                            data: '',
+                            name: filename,
+                            mime: '',
+                            type: '',
+                        }, isUploading: true }, filename)))] })), _jsxs("div", { className: " w-full flex gap-4 justify-end items-end", children: [isRecording ? (_jsx(Button, { className: ` rounded-full w-[40px] h-[40px] flex items-center  justify-center bg-white px-0`, onClick: (event) => {
+                            event.preventDefault();
+                            handleFinishRecording();
+                        }, children: _jsx("div", { className: "w-[12px] h-[12px] bg-muted-foreground rounded-full" }) })) : (_jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { className: ` rounded-full w-[40px] h-[40px] flex items-center justify-center bg-white`, onClick: (event) => {
+                                        event.preventDefault();
+                                    }, children: _jsx(PlusIcon, { size: 20, color: '#71717A' }) }) }), _jsxs(DropdownMenuContent, { side: "top", align: "start", className: "w-48 rounded-2xl border py-[6px] border-[#0d0d0d0d] shadow-sm", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                            // Trigger file input
+                                            fileInputRef.current?.click();
+                                            setDropdownOpen(false);
+                                        }, className: "flex items-center gap-2 px-4", children: [_jsx(Paperclip, { size: 16 }), _jsx("span", { className: "text-[14px]", children: "Upload File" })] }), _jsxs(DropdownMenuItem, { onClick: () => {
+                                            setEnableTTS(!enableTTS);
+                                        }, className: `flex items-center gap-2 px-4 ${enableTTS ? 'bg-[#CBE1F3] text-[#0A82F7]' : ''}`, children: [_jsx(Volume2, {}), _jsx("span", { className: "text-[14px]", children: theme?.buttons?.textBtnSpeak || 'Speak' })] })] })] })), _jsxs("div", { className: "block flex-1 min-w-0 relative", children: [_jsx(AnimatePresence, { mode: "wait", children: !isRecording && (_jsxs(_Fragment, { children: [_jsx(motion.input, { type: "text", id: "input-multimodal-container", readOnly: readonly, ref: inputRef, placeholder: placeholder, value: input, onChange: handleInput, className: cn(`h-[40px] outline-none text-base bg-muted bg-[#ffffff] scrollbar-hidden p-[12px] pr-[68px] rounded-[24px] backdrop-blur-[50px] w-full  ${readonly ? 'hidden' : ''}`, className), autoFocus: !isMobile, initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 40 }, exit: { opacity: 0, height: 0 }, transition: {
+                                                duration: 0.2,
+                                                ease: 'easeInOut',
+                                            }, style: {
+                                                display: isMultiline || transcribing ? 'none' : 'block',
+                                            }, 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();
+                                                    }
+                                                }
+                                            } }, "input"), _jsx(motion.div, { initial: { opacity: 0, height: 40 }, animate: { opacity: 1, height: 'auto' }, exit: { opacity: 0, height: 40 }, transition: {
+                                                duration: 0.2,
+                                                ease: 'easeInOut',
+                                            }, style: {
+                                                display: isMultiline || transcribing ? 'block' : 'none',
+                                            }, children: _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-[32px] 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,
+                                                }, autoFocus: !isMobile, 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();
+                                                        }
+                                                    }
+                                                } }) }, "textarea")] })) }), _jsx("div", { className: "w-full ", children: _jsx(VoiceRecordingUI, { isRecording: isRecording, elapsedTime: elapsedTime, onCancel: handleCancelRecording, transcribing: transcribing, audioData: audioData, label: recordingPlaceholder, onWidthChange: handleWidthChange }) }), _jsxs("div", { className: "button-voice right-[4px] absolute bottom-[4px] flex gap-[12px]", children: [!isRecording && (_jsx(Button, { className: "rounded-full z-[2] p-1.5 h-[32px] w-[32px] m-0 bg-transparent", onClick: (event) => {
+                                            event.preventDefault();
+                                            handleStartRecording();
+                                        }, disabled: isLoading, children: _jsx(ClikMicrophoneIcon, { size: 20 }) })), isLoading ? (_jsx(Button, { className: "rounded-full z-[2] p-1.5 h-[32px] w-[32px] m-0 border bg-[#71717A]", onClick: (event) => {
+                                            event.preventDefault();
+                                            stop();
+                                            setMessages(messages);
+                                        }, children: _jsx(StopIcon, { size: 20 }) })) : (_jsx(Button, { className: "rounded-full z-[2] p-1.5 h-[32px] w-[32px] m-0 border bg-[#71717A]", onClick: (event) => {
+                                            event.preventDefault();
+                                            handleSend();
+                                        }, disabled: isRecording || input.length === 0 || !!uploadQueue.length, children: _jsx(ArrowUpIcon, { size: 20 }) }))] })] }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, multiple: true, accept: "image/*,video/*,audio/*,.pdf,.doc,.docx,.txt", style: { display: 'none' } })] })] }));
+};
+//# sourceMappingURL=MultimodalInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalInput.js","sourceRoot":"","sources":["../../../src/components/Chat/MultimodalInput.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';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Volume2, Paperclip } from 'lucide-react';\nimport { useMediaQuery } from 'react-responsive';\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 { ArrowUpIcon, ClikMicrophoneIcon, PlusIcon, StopIcon } from './Icons';\nimport SuggestedActions from './SuggestedActions';\nimport { Button } from './ui/Button';\nimport { Textarea } from './ui/Textarea';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from './ui/DropdownMenu';\n\nimport { VoiceRecordingUI } from './VoiceRecordingUI';\nimport { PreviewFileAttachment } from './PreviewFileAttachment';\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, onLoaded } = useConfiguration();\n  const {\n    isRecording,\n    onRecordingCancelled,\n    onRecordingStopped,\n    onRecordingStarted,\n    elapsedTime,\n    audioData,\n    updateMaxHistoryLength,\n  } = useAudioRecording();\n  const { listeners } = useChatData();\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const setInputRef = useRef<((input: string) => void) | null>(null);\n\n  const isMobile = useMediaQuery({ query: '(max-width: 640px)' });\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 [transcribing, setTranscribing] = useState<boolean>(false);\n  const [isMultiline, setIsMultiline] = useState<boolean>(false);\n  const [dropdownOpen, setDropdownOpen] = 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  // Focus vào element đúng khi chuyển đổi giữa input và textarea\n  useEffect(() => {\n    if (!isMultiline && !!inputRef.current) {\n      inputRef.current.focus();\n      // Set cursor tới cuối\n      const length = inputRef.current.value.length;\n      inputRef.current.setSelectionRange(length, length);\n    } else if (isMultiline && textareaRef.current) {\n      textareaRef.current.focus();\n      // Set cursor tới cuối\n      const length = textareaRef.current.value.length;\n      textareaRef.current.setSelectionRange(length, length);\n      // Scroll tới cuối\n      textareaRef.current.scrollTop = textareaRef.current.scrollHeight;\n      adjustHeight();\n    }\n  }, [isMultiline]);\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 = (\n    event?: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n    valueInput?: string\n  ) => {\n    const newValue = event?.target.value || valueInput || '';\n    handleSetInput(newValue);\n\n    // Nếu có newline (Enter) thì chuyển sang textarea ngay\n    if (!isMultiline && newValue.includes('\\n')) {\n      setIsMultiline(true);\n      return;\n    }\n\n    // Kiểm tra scroll ngay khi input thay đổi\n    if (!isMultiline && inputRef.current && newValue) {\n      // Đợi DOM update rồi kiểm tra scroll\n      setTimeout(() => {\n        const currentInput = inputRef.current;\n        if (currentInput) {\n          const hasScroll = currentInput.scrollWidth > currentInput.clientWidth;\n          if (hasScroll) {\n            setIsMultiline(true);\n          }\n        }\n      }, 0);\n    }\n\n    // Nếu xóa hết text thì chuyển về input\n    if (!newValue && isMultiline) {\n      setIsMultiline(false);\n    }\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    setIsMultiline(false);\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 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 speechToText = async (blob: Blob) => {\n    try {\n      setTranscribing(true);\n      // setIsMultiline(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        handleInput(undefined, 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    setIsMultiline(false);\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 handleWidthChange = useCallback(\n    (maxBars: number) => {\n      updateMaxHistoryLength(maxBars);\n    },\n    [updateMaxHistoryLength]\n  );\n\n  const placeholder =\n    !isRecording && !transcribing\n      ? theme?.input?.placeholder || 'Send a message...'\n      : theme?.input?.transcribingPlaceholder || 'Transcribing...';\n\n  const recordingPlaceholder =\n    isRecording && !transcribing\n      ? theme?.input?.recordingPlaceholder || 'Recording...'\n      : '';\n\n  return (\n    <div className=\"relative w-full flex gap-4 flex-col\">\n      {!!suggestedActions?.length && (\n        <SuggestedActions\n          suggestedActions={suggestedActions}\n          append={append}\n          layoutMode={suggestedActionLayoutMode}\n          suggestedActionRows={suggestedActionRows}\n        />\n      )}\n      {((attachments && attachments.length > 0) || uploadQueue.length > 0) && (\n        <div className=\"list-attachments flex flex-row gap-2 overflow-x-scroll items-end\">\n          {attachments?.map((attachment) => (\n            <PreviewFileAttachment\n              key={attachment.tempId}\n              attachment={attachment}\n              onRemoveAttachment={() => {\n                setAttachments?.((currentAttachments: IFileUpload[]) =>\n                  currentAttachments.filter(\n                    (f) => f.tempId !== attachment.tempId\n                  )\n                );\n              }}\n            />\n          ))}\n          {uploadQueue.map((filename) => (\n            <PreviewFileAttachment\n              key={filename}\n              onRemoveAttachment={() => {\n                setUploadQueue(uploadQueue.filter((f) => f !== filename));\n              }}\n              attachment={{\n                data: '',\n                name: filename,\n                mime: '',\n                type: '',\n              }}\n              isUploading\n            />\n          ))}\n        </div>\n      )}\n      <div className=\" w-full flex gap-4 justify-end items-end\">\n        {isRecording ? (\n          <Button\n            className={` rounded-full w-[40px] h-[40px] flex items-center  justify-center bg-white px-0`}\n            onClick={(event) => {\n              event.preventDefault();\n              handleFinishRecording();\n            }}\n          >\n            <div className=\"w-[12px] h-[12px] bg-muted-foreground rounded-full\"></div>\n          </Button>\n        ) : (\n          <DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>\n            <DropdownMenuTrigger asChild>\n              <Button\n                className={` rounded-full w-[40px] h-[40px] flex items-center justify-center bg-white`}\n                onClick={(event) => {\n                  event.preventDefault();\n                }}\n              >\n                <PlusIcon size={20} color={'#71717A'} />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              side=\"top\"\n              align=\"start\"\n              className=\"w-48 rounded-2xl border py-[6px] border-[#0d0d0d0d] shadow-sm\"\n            >\n              <DropdownMenuItem\n                onClick={() => {\n                  // Trigger file input\n                  fileInputRef.current?.click();\n                  setDropdownOpen(false);\n                }}\n                className=\"flex items-center gap-2 px-4\"\n              >\n                <Paperclip size={16} />\n                <span className=\"text-[14px]\">Upload File</span>\n              </DropdownMenuItem>\n              <DropdownMenuItem\n                onClick={() => {\n                  setEnableTTS(!enableTTS);\n                }}\n                className={`flex items-center gap-2 px-4 ${enableTTS ? 'bg-[#CBE1F3] text-[#0A82F7]' : ''}`}\n              >\n                <Volume2 />\n                <span className=\"text-[14px]\">\n                  {theme?.buttons?.textBtnSpeak || 'Speak'}\n                </span>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n        <div className=\"block flex-1 min-w-0 relative\">\n          {/* Animated Input/Textarea Container */}\n          <AnimatePresence mode=\"wait\">\n            {!isRecording && (\n              <>\n                <motion.input\n                  key=\"input\"\n                  type=\"text\"\n                  id=\"input-multimodal-container\"\n                  readOnly={readonly}\n                  ref={inputRef}\n                  placeholder={placeholder}\n                  value={input}\n                  onChange={handleInput}\n                  className={cn(\n                    `h-[40px] outline-none text-base bg-muted bg-[#ffffff] scrollbar-hidden p-[12px] pr-[68px] rounded-[24px] backdrop-blur-[50px] w-full  ${readonly ? 'hidden' : ''}`,\n                    className\n                  )}\n                  autoFocus={!isMobile}\n                  initial={{ opacity: 0, height: 0 }}\n                  animate={{ opacity: 1, height: 40 }}\n                  exit={{ opacity: 0, height: 0 }}\n                  transition={{\n                    duration: 0.2,\n                    ease: 'easeInOut',\n                  }}\n                  style={{\n                    display: isMultiline || transcribing ? 'none' : 'block',\n                  }}\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                <motion.div\n                  key=\"textarea\"\n                  initial={{ opacity: 0, height: 40 }}\n                  animate={{ opacity: 1, height: 'auto' }}\n                  exit={{ opacity: 0, height: 40 }}\n                  transition={{\n                    duration: 0.2,\n                    ease: 'easeInOut',\n                  }}\n                  style={{\n                    display: isMultiline || transcribing ? 'block' : 'none',\n                  }}\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-[32px] 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:\n                        suggestedActionRows === expandedRows ? 60 : undefined,\n                    }}\n                    autoFocus={!isMobile}\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                </motion.div>\n              </>\n            )}\n          </AnimatePresence>\n          {/* Voice Recording UI Overlay */}\n          <div className=\"w-full \">\n            <VoiceRecordingUI\n              isRecording={isRecording}\n              elapsedTime={elapsedTime}\n              onCancel={handleCancelRecording}\n              transcribing={transcribing}\n              audioData={audioData}\n              label={recordingPlaceholder}\n              onWidthChange={handleWidthChange}\n            />\n          </div>\n\n          <div className=\"button-voice right-[4px] absolute bottom-[4px] flex gap-[12px]\">\n            {!isRecording && (\n              <Button\n                className=\"rounded-full z-[2] p-1.5 h-[32px] w-[32px] m-0 bg-transparent\"\n                onClick={(event) => {\n                  event.preventDefault();\n                  handleStartRecording();\n                }}\n                disabled={isLoading}\n              >\n                <ClikMicrophoneIcon size={20} />\n              </Button>\n            )}\n\n            {isLoading ? (\n              <Button\n                className=\"rounded-full z-[2] p-1.5 h-[32px] w-[32px] m-0 border bg-[#71717A]\"\n                onClick={(event) => {\n                  event.preventDefault();\n                  stop();\n                  setMessages(messages);\n                }}\n              >\n                <StopIcon size={20} />\n              </Button>\n            ) : (\n              <Button\n                className=\"rounded-full z-[2] p-1.5 h-[32px] w-[32px] m-0 border bg-[#71717A]\"\n                onClick={(event) => {\n                  event.preventDefault();\n                  handleSend();\n                }}\n                disabled={\n                  isRecording || input.length === 0 || !!uploadQueue.length\n                }\n              >\n                <ArrowUpIcon size={20} />\n              </Button>\n            )}\n          </div>\n        </div>\n        {/* Hidden file input */}\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          onChange={handleFileChange}\n          multiple\n          accept=\"image/*,video/*,audio/*,.pdf,.doc,.docx,.txt\"\n          style={{ display: 'none' }}\n        />\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BotType } from '../../types/bot.type';
+type PropsType = {
+    bot: BotType | null;
+};
+export declare const Overview: FC<PropsType>;
+export default Overview;
+//# sourceMappingURL=Overview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Overview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;CACrB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,SAAS,CAmClC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { useConfiguration } from '../../hooks/useConfiguration';
+export const Overview = ({ bot }) => {
+    const { theme } = useConfiguration();
+    return (_jsx(motion.div, { className: "max-w-3xl m-auto md:mt-20", initial: { opacity: 0, scale: 0.98 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.98 }, transition: { delay: 0.5 }, children: _jsxs("div", { className: "rounded-xl p-6 flex flex-col gap-2 leading-relaxed text-center max-w-xl", children: [_jsx("p", { className: "flex flex-row justify-center gap-4 items-center" }), !theme?.overview ? (_jsxs(_Fragment, { children: [bot?.avatar && (_jsx("img", { src: bot?.avatar, alt: bot?.name ?? 'Avatar', width: 40, height: 40, className: "rounded-full m-auto" })), _jsx("p", { className: "font-semibold text-xl", children: bot?.name })] })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-semibold text-xl", children: theme?.overview?.title }), _jsx("p", { children: theme?.overview?.description })] }))] }) }, "overview"));
+};
+export default Overview;
+//# sourceMappingURL=Overview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.js","sourceRoot":"","sources":["../../../src/components/Chat/Overview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAKhE,MAAM,CAAC,MAAM,QAAQ,GAAkB,CAAC,EAAE,GAAG,EAAa,EAAE,EAAE;IAC5D,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IAET,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EACpC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EACjC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAE1B,eAAK,SAAS,EAAC,yEAAyE,aACtF,YAAG,SAAS,EAAC,iDAAiD,GAAK,EAClE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAClB,8BACG,GAAG,EAAE,MAAM,IAAI,CACd,cACE,GAAG,EAAE,GAAG,EAAE,MAAM,EAChB,GAAG,EAAE,GAAG,EAAE,IAAI,IAAI,QAAQ,EAC1B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,qBAAqB,GAC/B,CACH,EACD,YAAG,SAAS,EAAC,uBAAuB,YAAE,GAAG,EAAE,IAAI,GAAK,IACnD,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,YAAG,SAAS,EAAC,uBAAuB,YAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAK,EACjE,sBAAI,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAK,IACpC,CACJ,IACG,IA5BF,UAAU,CA6BH,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { motion } from 'framer-motion';\nimport { FC } from 'react';\nimport { BotType } from '../../types/bot.type';\nimport { useConfiguration } from '../../hooks/useConfiguration';\n\ntype PropsType = {\n  bot: BotType | null;\n};\nexport const Overview: FC<PropsType> = ({ bot }: PropsType) => {\n  const { theme } = useConfiguration();\n  return (\n    <motion.div\n      key=\"overview\"\n      className=\"max-w-3xl m-auto md:mt-20\"\n      initial={{ opacity: 0, scale: 0.98 }}\n      animate={{ opacity: 1, scale: 1 }}\n      exit={{ opacity: 0, scale: 0.98 }}\n      transition={{ delay: 0.5 }}\n    >\n      <div className=\"rounded-xl p-6 flex flex-col gap-2 leading-relaxed text-center max-w-xl\">\n        <p className=\"flex flex-row justify-center gap-4 items-center\"></p>\n        {!theme?.overview ? (\n          <>\n            {bot?.avatar && (\n              <img\n                src={bot?.avatar}\n                alt={bot?.name ?? 'Avatar'}\n                width={40}\n                height={40}\n                className=\"rounded-full m-auto\"\n              />\n            )}\n            <p className=\"font-semibold text-xl\">{bot?.name}</p>\n          </>\n        ) : (\n          <>\n            <p className=\"font-semibold text-xl\">{theme?.overview?.title}</p>\n            <p>{theme?.overview?.description}</p>\n          </>\n        )}\n      </div>\n    </motion.div>\n  );\n};\n\nexport default Overview;\n"]}

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

@@ -0,0 +1,6 @@
+import { IFileUpload } from '../../types/flowise.type';
+export declare const PreviewAttachment: ({ attachment, isUploading, }: {
+    attachment: IFileUpload;
+    isUploading?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewAttachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/PreviewAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIvD,eAAO,MAAM,iBAAiB,iCAG3B;IACD,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAmCA,CAAC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoaderIcon } from './Icons';
+export const PreviewAttachment = ({ attachment, isUploading = false, }) => {
+    const { name, data, mime, tempId } = attachment;
+    return (_jsx("div", { className: "flex flex-col gap-2", children: _jsxs("div", { className: "w-30 p-0 max-w-[400px] bg-muted rounded-md relative flex flex-col items-center justify-center", children: [data ? (mime.startsWith('audio') ? (_jsx("audio", { controls: true, children: _jsx("source", { src: data, type: mime }) })) : mime.startsWith('image') ? (_jsx("img", { src: data, alt: name ?? 'An image attachment', className: "rounded-md size-full object-contain" }, tempId)) : (_jsx("div", { className: "w-full text-left truncate", children: name }))) : (_jsx("div", { className: "w-full text-left truncate", children: name })), isUploading && (_jsx("div", { className: "animate-spin absolute text-zinc-500", children: _jsx(LoaderIcon, {}) }))] }) }));
+};
+//# sourceMappingURL=PreviewAttachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewAttachment.js","sourceRoot":"","sources":["../../../src/components/Chat/PreviewAttachment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,UAAU,EACV,WAAW,GAAG,KAAK,GAIpB,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAChD,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,eAAK,SAAS,EAAC,+FAA+F,aAC3G,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACzB,gBAAO,QAAQ,kBACb,iBAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3B,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC7B,cAEE,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,IAAI,IAAI,qBAAqB,EAClC,SAAS,EAAC,qCAAqC,IAH1C,MAAM,CAIX,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAO,CACxD,CACF,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAO,CACxD,EAEA,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,KAAG,GACV,CACP,IACG,GAIF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IFileUpload } from '../../types/flowise.type';\nimport { LoaderIcon } from './Icons';\nimport React from 'react';\n\nexport const PreviewAttachment = ({\n  attachment,\n  isUploading = false,\n}: {\n  attachment: IFileUpload;\n  isUploading?: boolean;\n}) => {\n  const { name, data, mime, tempId } = attachment;\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"w-30 p-0 max-w-[400px] bg-muted rounded-md relative flex flex-col items-center justify-center\">\n        {data ? (\n          mime.startsWith('audio') ? (\n            <audio controls>\n              <source src={data} type={mime} />\n            </audio>\n          ) : mime.startsWith('image') ? (\n            <img\n              key={tempId}\n              src={data}\n              alt={name ?? 'An image attachment'}\n              className=\"rounded-md size-full object-contain\"\n            />\n          ) : (\n            <div className=\"w-full text-left truncate\">{name}</div>\n          )\n        ) : (\n          <div className=\"w-full text-left truncate\">{name}</div>\n        )}\n\n        {isUploading && (\n          <div className=\"animate-spin absolute text-zinc-500\">\n            <LoaderIcon />\n          </div>\n        )}\n      </div>\n      {/*<div className=\"text-xs text-zinc-500 max-w-[200px] truncate \">*/}\n      {/*  {name}*/}\n      {/*</div>*/}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { IFileUpload } from '../../types/flowise.type';
+export declare const PreviewFileAttachment: ({ attachment, isUploading, onRemoveAttachment, }: {
+    attachment: IFileUpload;
+    isUploading?: boolean;
+    onRemoveAttachment?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewFileAttachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFileAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/PreviewFileAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKvD,eAAO,MAAM,qBAAqB,qDAI/B;IACD,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,4CAiDA,CAAC"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoaderIcon } from './Icons';
+import { CircleX, File } from 'lucide-react';
+export const PreviewFileAttachment = ({ attachment, isUploading = false, onRemoveAttachment = () => { }, }) => {
+    const { name, data, mime, tempId } = attachment;
+    const renderAttachment = () => {
+        if (mime.startsWith('audio')) {
+            return (_jsx("audio", { controls: true, children: _jsx("source", { src: data, type: mime }) }));
+        }
+        if (mime.startsWith('image')) {
+            return (_jsx("img", { src: data, alt: name ?? 'An image attachment', className: "rounded-md size-full object-cover " }));
+        }
+        return (_jsx("div", { className: "w-[40px] h-[40px] flex items-center justify-center bg-blue-600 rounded-md", children: _jsx(File, { size: 20, color: "white" }) }));
+    };
+    return (_jsx("div", { className: "flex flex-col gap-2", children: _jsxs("div", { className: "w-[58px] h-[58px]  bg-white rounded-md relative flex flex-col items-center justify-center", children: [_jsx("div", { onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onRemoveAttachment();
+                    }, className: "w-fit h-fit flex items-center justify-center absolute top-0 right-[4px] bg-black rounded-full", children: _jsx(CircleX, { size: 20, color: "white" }) }), data && renderAttachment(), isUploading && (_jsx("div", { className: "animate-spin absolute text-zinc-500", children: _jsx(LoaderIcon, {}) }))] }) }));
+};
+//# sourceMappingURL=PreviewFileAttachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFileAttachment.js","sourceRoot":"","sources":["../../../src/components/Chat/PreviewFileAttachment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,UAAU,EACV,WAAW,GAAG,KAAK,EACnB,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,GAK9B,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAEhD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7B,OAAO,CACL,gBAAO,QAAQ,kBACb,iBAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,GAC3B,CACT,CAAC;QACJ,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7B,OAAO,CACL,cACE,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,IAAI,IAAI,qBAAqB,EAClC,SAAS,EAAC,oCAAoC,GAC9C,CACH,CAAC;QACJ,CAAC;QACD,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,YACxF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,GAC5B,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,eAAK,SAAS,EAAC,2FAA2F,aACxG,cACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,kBAAkB,EAAE,CAAC;oBACvB,CAAC,EACD,SAAS,EAAC,+FAA+F,YAEzG,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,GAC/B,EACL,IAAI,IAAI,gBAAgB,EAAE,EAC1B,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,KAAG,GACV,CACP,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IFileUpload } from '../../types/flowise.type';\nimport { LoaderIcon } from './Icons';\nimport { CircleX, File } from 'lucide-react';\nimport React from 'react';\n\nexport const PreviewFileAttachment = ({\n  attachment,\n  isUploading = false,\n  onRemoveAttachment = () => {},\n}: {\n  attachment: IFileUpload;\n  isUploading?: boolean;\n  onRemoveAttachment?: () => void;\n}) => {\n  const { name, data, mime, tempId } = attachment;\n\n  const renderAttachment = () => {\n    if (mime.startsWith('audio')) {\n      return (\n        <audio controls>\n          <source src={data} type={mime} />\n        </audio>\n      );\n    }\n    if (mime.startsWith('image')) {\n      return (\n        <img\n          src={data}\n          alt={name ?? 'An image attachment'}\n          className=\"rounded-md size-full object-cover \"\n        />\n      );\n    }\n    return (\n      <div className=\"w-[40px] h-[40px] flex items-center justify-center bg-blue-600 rounded-md\">\n        <File size={20} color=\"white\" />\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"w-[58px] h-[58px]  bg-white rounded-md relative flex flex-col items-center justify-center\">\n        <div\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            onRemoveAttachment();\n          }}\n          className=\"w-fit h-fit flex items-center justify-center absolute top-0 right-[4px] bg-black rounded-full\"\n        >\n          <CircleX size={20} color=\"white\" />\n        </div>\n        {data && renderAttachment()}\n        {isUploading && (\n          <div className=\"animate-spin absolute text-zinc-500\">\n            <LoaderIcon />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PropTypes {
+    productCode?: string;
+    tourCode?: string;
+    languageCode?: string;
+    apiUrl?: string;
+}
+declare const _default: React.NamedExoticComponent<PropTypes>;
+export default _default;
+//# sourceMappingURL=ProductDetail.d.ts.map