@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/BookMeetingList.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import BookMeetingDetail from './BookMeetingDetail';
+import LoadingComponent from './LoadingComponent';
+import { getUserContact } from 'services/userContact.service';
+import { getBookMeeting } from 'services/bookMeeting.service';
+const BookMeetingList = ({ apiHost, userId, theme }) => {
+    const [loading, setLoading] = useState(false);
+    const [bookings, setBookings] = useState([]);
+    const [userContactData, setUserContactData] = useState();
+    const loadingComponent = useMemo(() => _jsx(LoadingComponent, {}), []);
+    const fetchUserContactDetail = async (userId) => {
+        const userContactData = await getUserContact(apiHost, { id: userId });
+        if (!userContactData || !userContactData?.length) {
+            return;
+        }
+        setUserContactData(userContactData[0]);
+    };
+    const handleFetchBookingOfUser = async () => {
+        if (!userId)
+            return;
+        setLoading(true);
+        try {
+            const bookMeetingData = await getBookMeeting(apiHost, {
+                userId,
+            });
+            if (!bookMeetingData || !bookMeetingData?.length) {
+                return;
+            }
+            setBookings(bookMeetingData);
+            fetchUserContactDetail(userId);
+        }
+        catch (err) {
+            console.error('Error fetching book meeting details:', err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        handleFetchBookingOfUser();
+    }, [userId]);
+    const bookMeetingListComponent = useMemo(() => {
+        if (!bookings || !bookings?.length) {
+            return;
+        }
+        return (_jsx("div", { className: "py-4", children: _jsxs("div", { className: "bg-white rounded-lg overflow-hidden w-full max-w-[358px] mx-auto", style: {
+                    padding: '12px',
+                    gap: '12px',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    alignItems: 'flex-start',
+                }, children: [_jsx("div", { className: "text-[#18181B] font-semibold text-base", children: theme?.bookMeetingForm?.labelBookingList || 'Booking List' }), _jsx("div", { className: "flex flex-col w-full", style: {
+                            gap: '12px',
+                        }, children: bookings.map((booking) => (_jsx("div", { children: _jsx(BookMeetingDetail, { booking: booking, loading: loading, userContact: userContactData, theme: theme }) }, booking.id))) })] }) }));
+    }, [bookings, userContactData, loading]);
+    return (_jsxs(_Fragment, { children: [loading && loadingComponent, !loading && !!bookings && bookMeetingListComponent] }));
+};
+export default BookMeetingList;
+//# sourceMappingURL=BookMeetingList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookMeetingList.js","sourceRoot":"","sources":["../../../src/components/Chat/BookMeetingList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react';\nimport { BookMeetingType } from 'types/bookMeeting.type';\nimport { UserContactType } from 'types/userContact.type';\nimport BookMeetingDetail from './BookMeetingDetail';\nimport LoadingComponent from './LoadingComponent';\nimport { getUserContact } from 'services/userContact.service';\nimport { getBookMeeting } from 'services/bookMeeting.service';\n\ninterface Props {\n  apiHost: string;\n  userId?: string;\n  theme?: Record<string, any>;\n}\n\nconst BookMeetingList: FC<Props> = ({ apiHost, userId, theme }) => {\n  const [loading, setLoading] = useState<boolean>(false);\n  const [bookings, setBookings] = useState<BookMeetingType[]>([]);\n  const [userContactData, setUserContactData] = useState<UserContactType>();\n\n  const loadingComponent = useMemo(() => <LoadingComponent />, []);\n\n  const fetchUserContactDetail = async (userId: string) => {\n    const userContactData = await getUserContact(apiHost, { id: userId });\n\n    if (!userContactData || !userContactData?.length) {\n      return;\n    }\n\n    setUserContactData(userContactData[0]);\n  };\n\n  const handleFetchBookingOfUser = async () => {\n    if (!userId) return;\n\n    setLoading(true);\n    try {\n      const bookMeetingData = await getBookMeeting(apiHost, {\n        userId,\n      });\n\n      if (!bookMeetingData || !bookMeetingData?.length) {\n        return;\n      }\n\n      setBookings(bookMeetingData);\n      fetchUserContactDetail(userId);\n    } catch (err) {\n      console.error('Error fetching book meeting details:', err);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    handleFetchBookingOfUser();\n  }, [userId]);\n\n  const bookMeetingListComponent = useMemo(() => {\n    if (!bookings || !bookings?.length) {\n      return;\n    }\n\n    return (\n      <div className=\"py-4\">\n        <div\n          className=\"bg-white rounded-lg overflow-hidden w-full max-w-[358px] mx-auto\"\n          style={{\n            padding: '12px',\n            gap: '12px',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'flex-start',\n          }}\n        >\n          <div className=\"text-[#18181B] font-semibold text-base\">\n            {theme?.bookMeetingForm?.labelBookingList || 'Booking List'}\n          </div>\n          <div\n            className=\"flex flex-col w-full\"\n            style={{\n              gap: '12px',\n            }}\n          >\n            {bookings.map((booking) => (\n              <div key={booking.id}>\n                <BookMeetingDetail\n                  booking={booking}\n                  loading={loading}\n                  userContact={userContactData}\n                  theme={theme}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }, [bookings, userContactData, loading]);\n\n  return (\n    <>\n      {loading && loadingComponent}\n      {!loading && !!bookings && bookMeetingListComponent}\n    </>\n  );\n};\n\nexport default BookMeetingList;\n"]}

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChatMessageType } from '../../types/flowise.type';
+type PropsType = {
+    id?: string;
+    initialMessages?: ChatMessageType[];
+    agentId?: string;
+};
+export declare const Chat: FC<PropsType>;
+export {};
+//# sourceMappingURL=Chat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAC;AAkBxE,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuI9B,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import PreviewMessage, { ThinkingMessage } from './Message';
+import { useChat } from '../../hooks/useChat';
+import { useScrollContainer } from '../../hooks/useScrollContainer';
+import { MultimodalInput } from './MultimodalInput';
+import { Overview } from './Overview';
+import { useConfiguration } from '../../hooks/useConfiguration';
+import { MenuIcon } from './Icons';
+import { DropdownMenu, DropdownMenuItem, DropdownMenuContent, DropdownMenuTrigger, } from './ui/DropdownMenu';
+import { useChatData } from 'hooks/useChatData';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ArrowUp } from 'lucide-react';
+export const Chat = ({ id, agentId, initialMessages = [] }) => {
+    const { messages = [], setMessages, handleSubmit, input = '', setInput, isLoading, stop, chatId, append, bot, enableTTS, setEnableTTS, suggestions, } = useChat({ id, initialMessages, agentId });
+    const { apiHost } = useConfiguration();
+    const [messagesContainerRef, messagesEndRef, , showScrollToTop, scrollToTop] = useScrollContainer();
+    const [attachments, setAttachments] = useState([]);
+    const [dropdownOpen, setDropdownOpen] = useState(false);
+    const { listeners, createNew } = useChatData();
+    const handleCreateNewChat = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        let id = '';
+        if (createNew) {
+            id = createNew();
+        }
+        if (listeners?.['ON_NEW_CHAT']) {
+            listeners['ON_NEW_CHAT'](id);
+        }
+        // Đóng dropdown sau khi tạo chat mới
+        setDropdownOpen(false);
+    };
+    const hasMessages = (messages?.length || 0) > 0;
+    const isThinking = isLoading && hasMessages;
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-col min-w-0 h-full relative bg-background", children: [_jsx("div", { className: "absolute left-4 top-4 z-10", children: _jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [_jsx(DropdownMenuTrigger, { className: "outline-none", children: _jsx("div", { className: "w-[40px] h-[40px] flex items-center justify-center p-1 bg-white rounded-full outline-none", children: _jsx(MenuIcon, { size: 20 }) }) }), _jsx(DropdownMenuContent, { side: "right", children: _jsx(DropdownMenuItem, { children: _jsx("div", { onClick: handleCreateNewChat, children: "New chat" }) }) })] }) }), _jsxs("div", { ref: messagesContainerRef, className: "flex flex-col min-w-0 gap-[16px] flex-1 overflow-y-scroll pt-[16px]", children: [!hasMessages && _jsx(Overview, { bot: bot }), hasMessages &&
+                            messages.map((message, index) => (_jsxs(_Fragment, { children: [isThinking &&
+                                        index === messages.length - 1 &&
+                                        messages[messages.length - 1]?.role === 'apiMessage' && (_jsx(ThinkingMessage, { bot: bot })), _jsx(PreviewMessage, { bot: bot, chatId: id, message: message, isLoading: isLoading && (messages || []).length - 1 === index, enableTTS: enableTTS }, message.id)] }))), isThinking &&
+                            messages[messages.length - 1]?.role === 'userMessage' && (_jsx(ThinkingMessage, { bot: bot })), _jsx("div", { ref: messagesEndRef, className: "shrink-0 min-w-[24px] min-h-[24px]" })] }), _jsx(AnimatePresence, { children: showScrollToTop && (_jsx(motion.button, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, transition: { duration: 0.2 }, onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            scrollToTop();
+                        }, className: "absolute w-[28px] h-[28px] left-[50%] top-[16px] z-50 bg-white shadow-lg rounded-full flex items-center justify-center hover:bg-gray-50 transition-colors", "aria-label": "Scroll to top", children: _jsx(ArrowUp, { size: 16, className: "text-zinc-900" }) })) }), _jsx("form", { className: "flex mx-auto px-4 bg-background pb-4 gap-2 w-full md:max-w-3xl", children: _jsx(MultimodalInput, { input: input, setInput: setInput, chatId: chatId, handleSubmit: handleSubmit, isLoading: isLoading, stop: stop, messages: messages, setMessages: setMessages, append: append, attachments: attachments, setAttachments: setAttachments, bot: bot, apiHost: apiHost, setEnableTTS: setEnableTTS, enableTTS: enableTTS, suggestedActions: suggestions }) })] }) }));
+};
+//# sourceMappingURL=Chat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useState } from 'react';\nimport { ChatMessageType, IFileUpload } from '../../types/flowise.type';\nimport PreviewMessage, { ThinkingMessage } from './Message';\nimport { useChat } from '../../hooks/useChat';\nimport { useScrollContainer } from '../../hooks/useScrollContainer';\nimport { MultimodalInput } from './MultimodalInput';\nimport { Overview } from './Overview';\nimport { useConfiguration } from '../../hooks/useConfiguration';\nimport { MenuIcon } from './Icons';\nimport {\n  DropdownMenu,\n  DropdownMenuItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from './ui/DropdownMenu';\nimport { useChatData } from 'hooks/useChatData';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { ArrowUp } from 'lucide-react';\n\ntype PropsType = {\n  id?: string;\n  initialMessages?: ChatMessageType[];\n  agentId?: string;\n};\n\nexport const Chat: FC<PropsType> = ({ id, agentId, initialMessages = [] }) => {\n  const {\n    messages = [],\n    setMessages,\n    handleSubmit,\n    input = '',\n    setInput,\n    isLoading,\n    stop,\n    chatId,\n    append,\n    bot,\n    enableTTS,\n    setEnableTTS,\n    suggestions,\n  } = useChat({ id, initialMessages, agentId });\n  const { apiHost } = useConfiguration();\n  const [messagesContainerRef, messagesEndRef, , showScrollToTop, scrollToTop] =\n    useScrollContainer<HTMLDivElement>();\n  const [attachments, setAttachments] = useState<Array<IFileUpload>>([]);\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n  const { listeners, createNew } = useChatData();\n\n  const handleCreateNewChat = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let id: string = '';\n    if (createNew) {\n      id = createNew();\n    }\n    if (listeners?.['ON_NEW_CHAT']) {\n      listeners['ON_NEW_CHAT'](id);\n    }\n    // Đóng dropdown sau khi tạo chat mới\n    setDropdownOpen(false);\n  };\n\n  const hasMessages = (messages?.length || 0) > 0;\n  const isThinking = isLoading && hasMessages;\n  return (\n    <>\n      <div className=\"flex flex-col min-w-0 h-full relative bg-background\">\n        {/* <Header title={theme?.header?.title} language={language} /> */}\n        <div className=\"absolute left-4 top-4 z-10\">\n          <DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>\n            <DropdownMenuTrigger className=\"outline-none\">\n              <div className=\"w-[40px] h-[40px] flex items-center justify-center p-1 bg-white rounded-full outline-none\">\n                <MenuIcon size={20} />\n              </div>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent side=\"right\">\n              <DropdownMenuItem>\n                <div onClick={handleCreateNewChat}>New chat</div>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n        <div\n          ref={messagesContainerRef}\n          className=\"flex flex-col min-w-0 gap-[16px] flex-1 overflow-y-scroll pt-[16px]\"\n        >\n          {!hasMessages && <Overview bot={bot} />}\n\n          {hasMessages &&\n            messages.map((message, index) => (\n              <>\n                {isThinking &&\n                  index === messages.length - 1 &&\n                  messages[messages.length - 1]?.role === 'apiMessage' && (\n                    <ThinkingMessage bot={bot} />\n                  )}\n                <PreviewMessage\n                  key={message.id}\n                  bot={bot}\n                  chatId={id}\n                  message={message}\n                  isLoading={isLoading && (messages || []).length - 1 === index}\n                  enableTTS={enableTTS}\n                />\n              </>\n            ))}\n          {isThinking &&\n            messages[messages.length - 1]?.role === 'userMessage' && (\n              <ThinkingMessage bot={bot} />\n            )}\n          <div\n            ref={messagesEndRef}\n            className=\"shrink-0 min-w-[24px] min-h-[24px]\"\n          />\n        </div>\n\n        {/* Scroll to Top Button */}\n        <AnimatePresence>\n          {showScrollToTop && (\n            <motion.button\n              initial={{ opacity: 0, scale: 0.8 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.8 }}\n              transition={{ duration: 0.2 }}\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                scrollToTop();\n              }}\n              className=\"absolute w-[28px] h-[28px] left-[50%] top-[16px] z-50 bg-white shadow-lg rounded-full flex items-center justify-center hover:bg-gray-50 transition-colors\"\n              aria-label=\"Scroll to top\"\n            >\n              <ArrowUp size={16} className=\"text-zinc-900\" />\n            </motion.button>\n          )}\n        </AnimatePresence>\n\n        <form className=\"flex mx-auto px-4 bg-background pb-4 gap-2 w-full md:max-w-3xl\">\n          <MultimodalInput\n            input={input}\n            setInput={setInput}\n            chatId={chatId}\n            handleSubmit={handleSubmit}\n            isLoading={isLoading}\n            stop={stop}\n            messages={messages}\n            setMessages={setMessages}\n            append={append}\n            attachments={attachments}\n            setAttachments={setAttachments}\n            bot={bot}\n            apiHost={apiHost}\n            setEnableTTS={setEnableTTS}\n            enableTTS={enableTTS}\n            suggestedActions={suggestions}\n          />\n        </form>\n      </div>\n    </>\n  );\n};\n"]}

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface HeaderPropType {
+    title?: string;
+    language?: string;
+    onLanguageClick?: () => void;
+    onMenuClick?: () => void;
+}
+declare const Header: FC<HeaderPropType>;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,cAAc,CAgF9B,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChatData } from '../../hooks/useChatData';
+import { CaretDown, ChevronLeft, List } from './Icons';
+const Header = (props) => {
+    const { createNew, listeners } = useChatData();
+    const { title, language, onLanguageClick, onMenuClick } = props;
+    const showNew = !!listeners?.['ON_NEW_CHAT'] && !!createNew;
+    const handleCreateNewChat = () => {
+        let id = '';
+        if (createNew) {
+            id = createNew();
+        }
+        if (listeners?.['ON_NEW_CHAT']) {
+            listeners['ON_NEW_CHAT'](id);
+        }
+    };
+    return (_jsxs("header", { className: "flex mx-auto px-4 py-[8px] bg-background gap-2 w-full md:max-w-3xl justify-between", children: [_jsx("button", { className: "p-1 text-gray-600 opacity-[0]", "aria-label": "Go back", children: _jsx(ChevronLeft, { size: 24 }) }), _jsxs("div", { className: "flex items-center gap-1 ", "aria-label": "AI Guide options", children: [_jsx("span", { className: "text-[18px] font-semibold leading-[28px] text-[#595959]", children: title }), _jsx(CaretDown, { className: "opacity-25", size: 12 })] }), _jsxs("div", { className: "flex items-center gap-[8px]", children: [_jsx("button", { className: "opacity-25", onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (onLanguageClick) {
+                                onLanguageClick();
+                            }
+                        }, "aria-label": "Change language", children: _jsx("span", { className: "text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]", children: language }) }), showNew && (_jsx("button", { onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            handleCreateNewChat();
+                        }, "aria-label": "New Chat", children: _jsx("span", { className: "text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]", children: "New" }) })), !!onMenuClick && (_jsx("button", { onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (onMenuClick) {
+                                onMenuClick();
+                            }
+                        }, className: "p-1 text-gray-600 opacity-25", "aria-label": "Open menu", children: _jsx(List, { size: 24 }) }))] })] }));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Chat/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AASvD,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IAE5D,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,EAAE,GAAW,EAAE,CAAC;QACpB,IAAI,SAAS,EAAE,CAAC;YACd,EAAE,GAAG,SAAS,EAAE,CAAC;QACnB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YAC/B,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kBAAQ,SAAS,EAAC,oFAAoF,aACpG,iBAAQ,SAAS,EAAC,+BAA+B,gBAAY,SAAS,YACpE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EAET,eAAK,SAAS,EAAC,0BAA0B,gBAAY,kBAAkB,aACrE,eAAM,SAAS,EAAC,yDAAyD,YACtE,KAAK,GACD,EACP,KAAC,SAAS,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,IAC1C,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBACE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BAEpB,IAAI,eAAe,EAAE,CAAC;gCACpB,eAAe,EAAE,CAAC;4BACpB,CAAC;wBACH,CAAC,gBACU,iBAAiB,YAE5B,eAAM,SAAS,EAAC,gHAAgH,YAC7H,QAAQ,GACJ,GACA,EAER,OAAO,IAAI,CACV,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,mBAAmB,EAAE,CAAC;wBACxB,CAAC,gBACU,UAAU,YAErB,eAAM,SAAS,EAAC,gHAAgH,oBAEzH,GACA,CACV,EAEA,CAAC,CAAC,WAAW,IAAI,CAChB,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BAEpB,IAAI,WAAW,EAAE,CAAC;gCAChB,WAAW,EAAE,CAAC;4BAChB,CAAC;wBACH,CAAC,EACD,SAAS,EAAC,8BAA8B,gBAC7B,WAAW,YAEtB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,CACV,IACG,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { FC } from 'react';\nimport { useChatData } from '../../hooks/useChatData';\nimport { CaretDown, ChevronLeft, List } from './Icons';\n\ninterface HeaderPropType {\n  title?: string;\n  language?: string;\n  onLanguageClick?: () => void;\n  onMenuClick?: () => void;\n}\n\nconst Header: FC<HeaderPropType> = (props) => {\n  const { createNew, listeners } = useChatData();\n  const { title, language, onLanguageClick, onMenuClick } = props;\n\n  const showNew = !!listeners?.['ON_NEW_CHAT'] && !!createNew;\n\n  const handleCreateNewChat = () => {\n    let id: string = '';\n    if (createNew) {\n      id = createNew();\n    }\n    if (listeners?.['ON_NEW_CHAT']) {\n      listeners['ON_NEW_CHAT'](id);\n    }\n  };\n\n  return (\n    <header className=\"flex mx-auto px-4 py-[8px] bg-background gap-2 w-full md:max-w-3xl justify-between\">\n      <button className=\"p-1 text-gray-600 opacity-[0]\" aria-label=\"Go back\">\n        <ChevronLeft size={24} />\n      </button>\n\n      <div className=\"flex items-center gap-1 \" aria-label=\"AI Guide options\">\n        <span className=\"text-[18px] font-semibold leading-[28px] text-[#595959]\">\n          {title}\n        </span>\n        <CaretDown className=\"opacity-25\" size={12} />\n      </div>\n      <div className=\"flex items-center gap-[8px]\">\n        <button\n          className=\"opacity-25\"\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (onLanguageClick) {\n              onLanguageClick();\n            }\n          }}\n          aria-label=\"Change language\"\n        >\n          <span className=\"text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]\">\n            {language}\n          </span>\n        </button>\n\n        {showNew && (\n          <button\n            onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              handleCreateNewChat();\n            }}\n            aria-label=\"New Chat\"\n          >\n            <span className=\"text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]\">\n              New\n            </span>\n          </button>\n        )}\n\n        {!!onMenuClick && (\n          <button\n            onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n\n              if (onMenuClick) {\n                onMenuClick();\n              }\n            }}\n            className=\"p-1 text-gray-600 opacity-25\"\n            aria-label=\"Open menu\"\n          >\n            <List size={24} />\n          </button>\n        )}\n      </div>\n    </header>\n  );\n};\n\nexport default Header;\n"]}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface PropTypes {
+    content?: string;
+}
+export declare const HtmlContent: FC<PropTypes>;
+export {};
+//# sourceMappingURL=HtmlContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlContent.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/HtmlContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAgDrC,CAAC"}

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Marked, Renderer } from '@ts-stack/markdown';
+import { useEffect, useRef } from 'react';
+import { useChatData } from '../../hooks/useChatData';
+export const HtmlContent = ({ content }) => {
+    const botMessageElRef = useRef(null);
+    const { listeners } = useChatData();
+    useEffect(() => {
+        const botMessageEl = botMessageElRef.current;
+        if (!content || !botMessageEl) {
+            return;
+        }
+        Marked.setOptions({
+            renderer: new Renderer(),
+            gfm: true,
+            tables: true,
+            breaks: false,
+            pedantic: false,
+            sanitize: false,
+            smartLists: true,
+            smartypants: false,
+        });
+        botMessageEl.innerHTML = Marked.parse(content);
+        botMessageEl.querySelectorAll('a').forEach((link) => {
+            if (listeners?.['ON_LINK_CLICK']) {
+                link['data-json'] = link.href;
+                link.href = 'javascript:void(0);';
+                link.target = '';
+                link.onclick = () => {
+                    listeners['ON_LINK_CLICK'](link['data-json']);
+                };
+            }
+            else {
+                link.target = '_blank';
+            }
+        });
+    }, [content]);
+    return (_jsx("span", { className: "html-content", ref: botMessageElRef, style: {
+            borderRadius: '6px',
+            backgroundColor: 'rgb(255, 255, 255)',
+            color: 'rgb(48, 50, 53)',
+            fontSize: '16px',
+        } }));
+};
+//# sourceMappingURL=HtmlContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlContent.js","sourceRoot":"","sources":["../../../src/components/Chat/HtmlContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAM,SAAS,EAAE,MAAM,EAAY,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,MAAM,CAAC,MAAM,WAAW,GAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxD,MAAM,eAAe,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,MAAM,CAAC,UAAU,CAAC;YAChB,QAAQ,EAAE,IAAI,QAAQ,EAAE;YACxB,GAAG,EAAE,IAAI;YACT,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,KAAK;SACnB,CAAC,CAAC;QACH,YAAY,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE/C,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClD,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC;gBAChC,IAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;gBACvC,IAAI,CAAC,IAAI,GAAG,qBAAqB,CAAC;gBAClC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjB,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;oBAClB,SAAS,CAAC,eAAe,CAAC,CAAE,IAAY,CAAC,WAAW,CAAC,CAAC,CAAC;gBACzD,CAAC,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eACE,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE;YACL,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,oBAAoB;YACrC,KAAK,EAAE,iBAAiB;YACxB,QAAQ,EAAE,MAAM;SACjB,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Marked, Renderer } from '@ts-stack/markdown';\nimport { FC, useEffect, useRef, useState } from 'react';\nimport { useChatData } from '../../hooks/useChatData';\n\ninterface PropTypes {\n  content?: string;\n}\n\nexport const HtmlContent: FC<PropTypes> = ({ content }) => {\n  const botMessageElRef = useRef<HTMLSpanElement | null>(null);\n  const { listeners } = useChatData();\n\n  useEffect(() => {\n    const botMessageEl = botMessageElRef.current;\n    if (!content || !botMessageEl) {\n      return;\n    }\n\n    Marked.setOptions({\n      renderer: new Renderer(),\n      gfm: true,\n      tables: true,\n      breaks: false,\n      pedantic: false,\n      sanitize: false,\n      smartLists: true,\n      smartypants: false,\n    });\n    botMessageEl.innerHTML = Marked.parse(content);\n\n    botMessageEl.querySelectorAll('a').forEach((link) => {\n      if (listeners?.['ON_LINK_CLICK']) {\n        (link as any)['data-json'] = link.href;\n        link.href = 'javascript:void(0);';\n        link.target = '';\n        link.onclick = () => {\n          listeners['ON_LINK_CLICK']((link as any)['data-json']);\n        };\n      } else {\n        link.target = '_blank';\n      }\n    });\n  }, [content]);\n\n  return (\n    <span\n      className=\"html-content\"\n      ref={botMessageElRef}\n      style={{\n        borderRadius: '6px',\n        backgroundColor: 'rgb(255, 255, 255)',\n        color: 'rgb(48, 50, 53)',\n        fontSize: '16px',\n      }}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,204 @@
+import { IconPropsType } from 'types/common.type';
+export { BotIcon, UserIcon, AttachmentIcon, VercelIcon, GitIcon, BoxIcon, HomeIcon, GPSIcon, InvoiceIcon, LogoOpenAI, LogoGoogle, LogoAnthropic, RouteIcon, FileIcon, LoaderIcon, UploadIcon, MenuIcon, PencilEditIcon, CheckedSquare, UncheckedSquare, MoreIcon, TrashIcon, InfoIcon, ArrowUpIcon, StopIcon, PaperclipIcon, MoreHorizontalIcon, MessageIcon, CrossIcon, UndoIcon, RedoIcon, DeltaIcon, PenIcon, SummarizeIcon, SidebarLeftIcon, PlusIcon, CopyIcon, ThumbUpIcon, ThumbDownIcon, ChevronDownIcon, SparklesIcon, CheckCirclFillIcon, MicrophoneIcon, CircleDotIcon, PlayIcon, StopIcon1, VolumeIcon, LoadingIcon, ClikVolumeIcon, ClikMicrophoneIcon, ClikPlusIcon, ClikWaveIcon, ClikWaveIcon2, ClikCloseIcon, ClikMessageIcon, CaretDown, ChevronLeft, List, VoiceIcon, ClikPauseIcon, ClikXIcon, AnimatedRecordingIcon, ClikChatIcon, ClikAIIcon, BookmarkIcon, ProductInfoIcon, ProductGalleryIcon, Product360Icon, ProductARIcon, ChatMessageUnlikeIcon, ChatMessageLikeIcon, ChatMessageCopyIcon, ZaloIcon, FacebookMessageIcon, VideoIcon, PhoneIcon, MapPinIcon, ChevronRight, };
+declare const BotIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const AttachmentIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const VercelIcon: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const GitIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const BoxIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const HomeIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const GPSIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const InvoiceIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const LogoOpenAI: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const LogoGoogle: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const LogoAnthropic: () => import("react/jsx-runtime").JSX.Element;
+declare const RouteIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const FileIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const LoaderIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const UploadIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const MenuIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PencilEditIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CheckedSquare: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const UncheckedSquare: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const MoreIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const TrashIcon: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const InfoIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ArrowUpIcon: ({ size, style, }: {
+    size?: number;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const StopIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PaperclipIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const MoreHorizontalIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const MessageIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CrossIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const UndoIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const RedoIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const DeltaIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PenIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const SummarizeIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarLeftIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PlusIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CopyIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ThumbUpIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ThumbDownIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ChevronDownIcon: ({ size, style, }: {
+    size?: number;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const SparklesIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CheckCirclFillIcon: ({ size, className, }: {
+    size?: number;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const MicrophoneIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CircleDotIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PlayIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const StopIcon1: () => import("react/jsx-runtime").JSX.Element;
+declare const VolumeIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const LoadingIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ClikVolumeIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ClikMicrophoneIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ClikPlusIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ClikWaveIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ClikWaveIcon2: () => import("react/jsx-runtime").JSX.Element;
+declare const ClikCloseIcon: ({ size, className, }: {
+    size?: number;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+interface IconProps {
+    color?: string;
+}
+declare const ClikMessageIcon: ({ color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const CaretDown: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const ChevronLeft: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const List: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const VoiceIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ClikPauseIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const ClikXIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+interface AudioVisualizerProps {
+    frequencies?: number[];
+    isActive?: boolean;
+}
+declare const AnimatedRecordingIcon: ({ frequencies, isActive, }?: AudioVisualizerProps) => import("react/jsx-runtime").JSX.Element;
+interface ChatIconProps {
+    size?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+}
+declare const ClikChatIcon: ({ size, className, style }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ClikAIIcon: ({ size, className, style }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const BookmarkIcon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProductInfoIcon: ({ color, size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProductGalleryIcon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const Product360Icon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProductARIcon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatMessageUnlikeIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatMessageLikeIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatMessageCopyIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ZaloIcon: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const FacebookMessageIcon: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const VideoIcon: ({ color }: {
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PhoneIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const MapPinIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ChevronRight: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Icons.tsx"],"names":[],"mappings":"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"}