npm - @clikvn/agent-widget-embedded - Versions diffs - 1.1.5-dev-21 → 1.1.5-dev-23 - Mend

@clikvn/agent-widget-embedded 1.1.5-dev-21 → 1.1.5-dev-23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

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

@@ -35,7 +35,7 @@ export const Chat = ({ id, agentId, initialMessages = [] }) => {
     const isThinking = isLoading &&
         hasMessages &&
         messages[messages.length - 1].role === 'userMessage';
-    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-10 h-[40px] shadow-sm 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 &&
+    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) => (_jsx(PreviewMessage, { bot: bot, chatId: id, message: message, isLoading: isLoading && (messages || []).length - 1 === index, enableTTS: enableTTS }, message.id))), isThinking && _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();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,cAAc,EAAE,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,GAAG,EAAE,EAAE,EAAE,EAAE;IAC3E,MAAM,EACJ,QAAQ,GAAG,EAAE,EACb,WAAW,EACX,YAAY,EACZ,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,EACH,SAAS,EACT,YAAY,EACZ,WAAW,GACZ,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACvC,MAAM,CAAC,oBAAoB,EAAE,cAAc,EAAE,AAAD,EAAG,eAAe,EAAE,WAAW,CAAC,GAC1E,kBAAkB,EAAkB,CAAC;IACvC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC;IAE/C,MAAM,mBAAmB,GAAG,CAAC,CAAmC,EAAE,EAAE;QAClE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,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;QACD,qCAAqC;QACrC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,UAAU,GACd,SAAS;QACT,WAAW;QACX,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC;IAEvD,OAAO,CACL,4BACE,eAAK,SAAS,EAAC,qDAAqD,aAElE,cAAK,SAAS,EAAC,4BAA4B,YACzC,MAAC,YAAY,IAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,aAC7D,KAAC,mBAAmB,IAAC,SAAS,EAAC,cAAc,YAC3C,cAAK,SAAS,EAAC,~~iGAAiG~~,~~YAC9G~~,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,GACc,EACtB,KAAC,mBAAmB,IAAC,IAAI,EAAC,OAAO,YAC/B,KAAC,gBAAgB,cACf,cAAK,OAAO,EAAE,mBAAmB,yBAAgB,GAChC,GACC,IACT,GACX,EACN,eACE,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAC,qEAAqE,aAE9E,CAAC,WAAW,IAAI,KAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,GAAI,EAEtC,WAAW;4BACV,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,KAAC,cAAc,IAEb,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,EAC7D,SAAS,EAAE,SAAS,IALf,OAAO,CAAC,EAAE,CAMf,CACH,CAAC,EACH,UAAU,IAAI,KAAC,eAAe,IAAC,GAAG,EAAE,GAAG,GAAI,EAE5C,cACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,oCAAoC,GAC9C,IACE,EAGN,KAAC,eAAe,cACb,eAAe,IAAI,CAClB,KAAC,MAAM,CAAC,MAAM,IACZ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,WAAW,EAAE,CAAC;wBAChB,CAAC,EACD,SAAS,EAAC,2JAA2J,gBAC1J,eAAe,YAE1B,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG,GACjC,CACjB,GACe,EAElB,eAAM,SAAS,EAAC,gEAAgE,YAC9E,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,WAAW,GAC7B,GACG,IACH,GACL,CACJ,CAAC;AACJ,CAAC,CAAC","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 =\n isLoading &&\n hasMessages &&\n messages[messages.length - 1].role === 'userMessage';\n\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-10 h-[40px] ~~shadow-sm~~ 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 <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 {isThinking && <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"]}
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 =\n isLoading &&\n hasMessages &&\n messages[messages.length - 1].role === 'userMessage';\n\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 <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 {isThinking && <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/Icons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Icons.tsx"],"names":[],"mappings":"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~~4CAgBA~~,CAAC;AAEF,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,cAA2B,SAAS,4CAwBxD,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,aAAa,4CAkBtC,CAAC;AAEF,QAAA,MAAM,WAAW,UAAW,aAAa,4CAoBxC,CAAC;AAEF,QAAA,MAAM,IAAI,UAAW,aAAa,4CAiBjC,CAAC;AAEF,QAAA,MAAM,SAAS,aAAmB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,4CA2BjD,CAAC;AAEF,QAAA,MAAM,aAAa,aAAmB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,4CAwBrD,CAAC;AAEF,QAAA,MAAM,SAAS,aAAmB;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CA4BlD,CAAC;AAEF,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB,gCAGxB,oBAAoB,4CA4DtB,CAAC;AAGF,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,+BAAqC,aAAa,4CAoBnE,CAAC;AAEF,QAAA,MAAM,UAAU,+BAAqC,aAAa,4CAqBjE,CAAC;AAEF,QAAA,MAAM,YAAY,uCAKf,aAAa,4CAuBf,CAAC;AAEF,QAAA,MAAM,eAAe,uCAKlB,aAAa,4CAyCf,CAAC;AAEF,QAAA,MAAM,kBAAkB,uCAKrB,aAAa,4CAef,CAAC;AAEF,QAAA,MAAM,cAAc,uCAKjB,aAAa,4CAiCf,CAAC;AAEF,QAAA,MAAM,aAAa,uCAKhB,aAAa,4CAiBf,CAAC;AAEF,QAAA,MAAM,qBAAqB,gCAIxB,aAAa,4CAmCf,CAAC;AAEF,QAAA,MAAM,mBAAmB,gCAItB,aAAa,4CAmCf,CAAC;AAEF,QAAA,MAAM,mBAAmB,gCAItB,aAAa,4CA+Bf,CAAC;AAEF,QAAA,MAAM,QAAQ;;6CA8Bb,CAAC;AAEF,QAAA,MAAM,mBAAmB;;6CAiCxB,CAAC;AAEF,QAAA,MAAM,SAAS;;6CAmBd,CAAC;AAEF,QAAA,MAAM,SAAS,+CAsBd,CAAC;AAEF,QAAA,MAAM,UAAU,+CAuBf,CAAC;AAEF,QAAA,MAAM,YAAY,UAAW,aAAa,4CAiBzC,CAAC"}
1	+ {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Icons.tsx"],"names":[],"mappings":"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"}

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

@@ -129,7 +129,7 @@ const ClikMicrophoneIcon = ({ size = 16 }) => {
 const ClikPlusIcon = ({ size = 16 }) => (_jsxs("svg", { height: size, width: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_17831_4737)", children: [_jsx("rect", { height: size, width: size, fill: "white", fillOpacity: "0.01" }), _jsx("path", { d: "M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H8.75V13.5C8.75 13.6989 8.67098 13.8897 8.53033 14.0303C8.38968 14.171 8.19891 14.25 8 14.25C7.80109 14.25 7.61032 14.171 7.46967 14.0303C7.32902 13.8897 7.25 13.6989 7.25 13.5V8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H7.25V2.5C7.25 2.30109 7.32902 2.11032 7.46967 1.96967C7.61032 1.82902 7.80109 1.75 8 1.75C8.19891 1.75 8.38968 1.82902 8.53033 1.96967C8.67098 2.11032 8.75 2.30109 8.75 2.5V7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z", fill: "#595959" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_17831_4737", children: _jsx("rect", { height: size, width: size, fill: "white" }) }) })] }));
 const ClikWaveIcon = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "61", height: "25", viewBox: "0 0 61 25", fill: "none", children: [_jsx("line", { x1: "0.5", y1: "15.9117", x2: "0.5", y2: "8.64202", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "2.5", y1: "21.0538", x2: "2.5", y2: "3.49996", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "4.5", y1: "17.4679", x2: "4.5", y2: "7.0861", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "6.5", y1: "17.5208", x2: "6.5", y2: "7.03323", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "8.5", y1: "15.3267", x2: "8.5", y2: "9.22719", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "10.5", y1: "20.7581", x2: "10.5", y2: "3.79588", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "12.5", y1: "17.715", x2: "12.5", y2: "6.83886", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "14.5", y1: "16.8733", x2: "14.5", y2: "7.68064", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "16.5", y1: "14.5078", x2: "16.5", y2: "10.046", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "18.5", y1: "19.389", x2: "18.5", y2: "5.16486", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "20.5", y1: "17.6", x2: "20.5", y2: "6.95384", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "22.5", y1: "17.8655", x2: "22.5", y2: "6.68835", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "24.5", y1: "20.4935", x2: "24.5", y2: "4.06031", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "26.5", y1: "15.0948", x2: "26.5", y2: "9.45894", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "28.5", y1: "16.8809", x2: "28.5", y2: "7.67311", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "30.5", y1: "15.8049", x2: "30.5", y2: "8.74888", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "32.5", y1: "14.3423", x2: "32.5", y2: "10.2117", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "34.5", y1: "20.4967", x2: "34.5", y2: "4.05715", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "36.5", y1: "20.3628", x2: "36.5", y2: "4.1911", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "38.5", y1: "19.1095", x2: "38.5", y2: "5.44447", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "40.5", y1: "18.8662", x2: "40.5", y2: "5.68763", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "42.5", y1: "17.6936", x2: "42.5", y2: "6.86025", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "44.5", y1: "15.3438", x2: "44.5", y2: "9.21004", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "46.5", y1: "15.2239", x2: "46.5", y2: "9.32989", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "48.5", y1: "19.9125", x2: "48.5", y2: "4.64138", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "50.5", y1: "14.2455", x2: "50.5", y2: "10.3083", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "52.5", y1: "16.2535", x2: "52.5", y2: "8.30023", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "54.5", y1: "16.3264", x2: "54.5", y2: "8.22748", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "56.5", y1: "14.5266", x2: "56.5", y2: "10.0273", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "58.5", y1: "17.7721", x2: "58.5", y2: "6.78167", stroke: "#595959", strokeLinecap: "round" }), _jsx("line", { x1: "60.5", y1: "15.0176", x2: "60.5", y2: "9.53627", stroke: "#595959", strokeLinecap: "round" })] }));
 const ClikWaveIcon2 = () => (_jsxs("svg", { width: "62", height: "24", viewBox: "0 0 62 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_36100_5965)", children: [_jsx("line", { x1: "1.5", y1: "12.5", x2: "1.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "3.5", y1: "12.5", x2: "3.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "5.5", y1: "12.5", x2: "5.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "7.5", y1: "12.5", x2: "7.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "9.5", y1: "12.5", x2: "9.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "11.5", y1: "12.5", x2: "11.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "13.5", y1: "12.5", x2: "13.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "15.5", y1: "12.5", x2: "15.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "17.5", y1: "12.5", x2: "17.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "19.5", y1: "12.5", x2: "19.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "21.5", y1: "12.5", x2: "21.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "23.5", y1: "12.5", x2: "23.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "25.5", y1: "12.5", x2: "25.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "27.5", y1: "12.5", x2: "27.5", y2: "11.5", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "29.5", y1: "15.6348", x2: "29.5", y2: "8.36505", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "31.5", y1: "20.7769", x2: "31.5", y2: "3.22298", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "33.5", y1: "17.1909", x2: "33.5", y2: "6.80912", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "35.5", y1: "17.2437", x2: "35.5", y2: "6.75613", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "37.5", y1: "15.0498", x2: "37.5", y2: "8.95034", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "39.5", y1: "20.481", x2: "39.5", y2: "3.51878", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "41.5", y1: "17.438", x2: "41.5", y2: "6.56188", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "43.5", y1: "16.5962", x2: "43.5", y2: "7.40354", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "45.5", y1: "14.231", x2: "45.5", y2: "9.7691", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "47.5", y1: "19.1121", x2: "47.5", y2: "4.88788", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "49.5", y1: "17.3232", x2: "49.5", y2: "6.6771", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "51.5", y1: "17.5886", x2: "51.5", y2: "6.4115", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "53.5", y1: "20.2166", x2: "53.5", y2: "3.78334", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "55.5", y1: "14.8179", x2: "55.5", y2: "9.18196", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "57.5", y1: "16.604", x2: "57.5", y2: "7.39626", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "59.5", y1: "15.5281", x2: "59.5", y2: "8.47202", stroke: "#71717A", strokeLinecap: "round" }), _jsx("line", { x1: "61.5", y1: "14.0654", x2: "61.5", y2: "9.93484", stroke: "#71717A", strokeLinecap: "round" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_36100_5965", children: _jsx("rect", { width: "62", height: "24", fill: "white" }) }) })] }));
-const ClikCloseIcon = ({ size = 24, className, }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [_jsx("rect", { width: size, height: size, rx: "12", fill: "#D9D9D9" }), _jsx("path", { d: "M17.0306 15.9694C17.1715 16.1103 17.2506 16.3014 17.2506 16.5006C17.2506 16.6999 17.1715 16.891 17.0306 17.0319C16.8897 17.1728 16.6986 17.2519 16.4993 17.2519C16.3001 17.2519 16.109 17.1728 15.9681 17.0319L12 13.0625L8.0306 17.0306C7.8897 17.1715 7.69861 17.2507 7.49935 17.2507C7.30009 17.2507 7.10899 17.1715 6.9681 17.0306C6.8272 16.8897 6.74805 16.6986 6.74805 16.4994C6.74805 16.3001 6.8272 16.109 6.9681 15.9681L10.9375 12L6.96935 8.03061C6.82845 7.88972 6.7493 7.69862 6.7493 7.49936C6.7493 7.30011 6.82845 7.10901 6.96935 6.96811C7.11024 6.82722 7.30134 6.74806 7.5006 6.74806C7.69986 6.74806 7.89095 6.82722 8.03185 6.96811L12 10.9375L15.9693 6.96749C16.1102 6.82659 16.3013 6.74744 16.5006 6.74744C16.6999 6.74744 16.891 6.82659 17.0318 6.96749C17.1727 7.10838 17.2519 7.29948 17.2519 7.49874C17.2519 7.69799 17.1727 7.88909 17.0318 8.02999L13.0625 12L17.0306 15.9694Z", fill: "black", fillOpacity: "0.85" })] }));
+const ClikCloseIcon = ({ size = 24, className, }) => (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: _jsx("path", { d: "M17.0306 15.9694C17.1715 16.1103 17.2506 16.3014 17.2506 16.5006C17.2506 16.6999 17.1715 16.891 17.0306 17.0319C16.8897 17.1728 16.6986 17.2519 16.4993 17.2519C16.3001 17.2519 16.109 17.1728 15.9681 17.0319L12 13.0625L8.0306 17.0306C7.8897 17.1715 7.69861 17.2507 7.49935 17.2507C7.30009 17.2507 7.10899 17.1715 6.9681 17.0306C6.8272 16.8897 6.74805 16.6986 6.74805 16.4994C6.74805 16.3001 6.8272 16.109 6.9681 15.9681L10.9375 12L6.96935 8.03061C6.82845 7.88972 6.7493 7.69862 6.7493 7.49936C6.7493 7.30011 6.82845 7.10901 6.96935 6.96811C7.11024 6.82722 7.30134 6.74806 7.5006 6.74806C7.69986 6.74806 7.89095 6.82722 8.03185 6.96811L12 10.9375L15.9693 6.96749C16.1102 6.82659 16.3013 6.74744 16.5006 6.74744C16.6999 6.74744 16.891 6.82659 17.0318 6.96749C17.1727 7.10838 17.2519 7.29948 17.2519 7.49874C17.2519 7.69799 17.1727 7.88909 17.0318 8.02999L13.0625 12L17.0306 15.9694Z", fill: "black", fillOpacity: "0.85" }) }));
 const ClikMessageIcon = ({ color = '#595959' }) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_17831_4761)", children: [_jsx("rect", { width: "16", height: "16", fill: "white", fillOpacity: "0.01" }), _jsx("path", { d: "M14 7.66667C14.0023 8.54658 13.7967 9.41459 13.4 10.2C12.9296 11.1412 12.2065 11.9328 11.3116 12.4862C10.4168 13.0396 9.3855 13.3329 8.33333 13.3333C7.45342 13.3356 6.58541 13.1301 5.8 12.7333L2 14L3.26667 10.2C2.86995 9.41459 2.66437 8.54658 2.66667 7.66667C2.66707 6.61451 2.96041 5.58324 3.51381 4.68837C4.06722 3.7935 4.85884 3.07038 5.8 2.6C6.58541 2.20329 7.45342 1.99771 8.33333 2H8.66667C10.0562 2.07666 11.3687 2.66318 12.3528 3.64724C13.3368 4.63131 13.9233 5.94377 14 7.33334V7.66667Z", stroke: color, strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_17831_4761", children: _jsx("rect", { width: "16", height: "16", fill: "white" }) }) })] }));
 const CaretDown = (props) => {
     const { size = FONT_SIZE_DEFAULT, color = COLOR_DEFAULT, className } = props;