@clikvn/agent-widget-embedded 1.1.5-dev-06 → 1.1.5-dev-08

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

@@ -0,0 +1,39 @@
+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 { useScrollToBottom } from '../../hooks/useScrollToBottom';
+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';
+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] = useScrollToBottom();
+    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 &&
+        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 &&
+                            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("form", { className: "flex mx-auto px-4 bg-background pb-4 md:pb-6 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 { useScrollToBottom } from '../../hooks/useScrollToBottom';\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';\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] =\n    useScrollToBottom<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        <form className=\"flex mx-auto px-4 bg-background pb-4 md:pb-6 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,198 @@
+import { IconPropsType } from 'types/common.type';
+export declare const BotIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const VercelIcon: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const GitIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const BoxIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const GPSIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const InvoiceIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoOpenAI: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoGoogle: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoAnthropic: () => import("react/jsx-runtime").JSX.Element;
+export declare const RouteIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FileIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LoaderIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PencilEditIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckedSquare: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const UncheckedSquare: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MoreIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TrashIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowUpIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StopIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PaperclipIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MoreHorizontalIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CrossIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const UndoIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RedoIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DeltaIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PenIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SummarizeIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarLeftIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PlusIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbUpIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbDownIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronDownIcon: ({ size, style, }: {
+    size?: number;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SparklesIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckCirclFillIcon: ({ size, className, }: {
+    size?: number;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MicrophoneIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CircleDotIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StopIcon1: () => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingIcon: ({ size, color, }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikVolumeIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikMicrophoneIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikPlusIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikWaveIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ClikWaveIcon2: () => import("react/jsx-runtime").JSX.Element;
+export declare const ClikCloseIcon: ({ size, className, }: {
+    size?: number;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+interface IconProps {
+    color?: string;
+}
+export declare const ClikMessageIcon: ({ color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaretDown: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronLeft: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const List: (props: IconPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const VoiceIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikPauseIcon: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikXIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+interface AudioVisualizerProps {
+    frequencies?: number[];
+    isActive?: boolean;
+}
+export declare const AnimatedRecordingIcon: ({ frequencies, isActive, }?: AudioVisualizerProps) => import("react/jsx-runtime").JSX.Element;
+interface ChatIconProps {
+    size?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+}
+export declare const ClikChatIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClikAIIcon: ({ size, className, style }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarkIcon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductInfoIcon: ({ color, size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductGalleryIcon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Product360Icon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductARIcon: ({ size, color, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatMessageUnlikeIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatMessageLikeIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatMessageCopyIcon: ({ size, className, style, }: ChatIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZaloIcon: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FacebookMessageIcon: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# 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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"}