droplinked-chatbot-next 1.0.2
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.
- package/README.md +205 -0
- package/dist/assets/animations/chat-greeting.json +1 -0
- package/dist/assets/icons/AI/AI/AIMd.d.ts +2 -0
- package/dist/assets/icons/AI/AI/AIMd.js +3 -0
- package/dist/assets/icons/AI/AI/AIMd.js.map +1 -0
- package/dist/assets/icons/Action/Refresh2/Refresh2Sm.d.ts +2 -0
- package/dist/assets/icons/Action/Refresh2/Refresh2Sm.js +3 -0
- package/dist/assets/icons/Action/Refresh2/Refresh2Sm.js.map +1 -0
- package/dist/assets/icons/Action/Send/SendSm.d.ts +2 -0
- package/dist/assets/icons/Action/Send/SendSm.js +3 -0
- package/dist/assets/icons/Action/Send/SendSm.js.map +1 -0
- package/dist/assets/icons/Navigation/ChevronLeft/ChevronleftMd.d.ts +2 -0
- package/dist/assets/icons/Navigation/ChevronLeft/ChevronleftMd.js +3 -0
- package/dist/assets/icons/Navigation/ChevronLeft/ChevronleftMd.js.map +1 -0
- package/dist/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.d.ts +2 -0
- package/dist/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.js +3 -0
- package/dist/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.js.map +1 -0
- package/dist/assets/icons/Sign/Close/CloseMd.d.ts +2 -0
- package/dist/assets/icons/Sign/Close/CloseMd.js +3 -0
- package/dist/assets/icons/Sign/Close/CloseMd.js.map +1 -0
- package/dist/assets/icons/Sign/Help/HelpMd.d.ts +2 -0
- package/dist/assets/icons/Sign/Help/HelpMd.js +3 -0
- package/dist/assets/icons/Sign/Help/HelpMd.js.map +1 -0
- package/dist/assets/icons/Sign/Tooltip/TooltipMd.d.ts +2 -0
- package/dist/assets/icons/Sign/Tooltip/TooltipMd.js +3 -0
- package/dist/assets/icons/Sign/Tooltip/TooltipMd.js.map +1 -0
- package/dist/assets/icons/Sign/Warning/WarningMd.d.ts +2 -0
- package/dist/assets/icons/Sign/Warning/WarningMd.js +3 -0
- package/dist/assets/icons/Sign/Warning/WarningMd.js.map +1 -0
- package/dist/components/ChatDrawer.d.ts +9 -0
- package/dist/components/ChatDrawer.js +15 -0
- package/dist/components/ChatDrawer.js.map +1 -0
- package/dist/components/ChatHeader.d.ts +8 -0
- package/dist/components/ChatHeader.js +13 -0
- package/dist/components/ChatHeader.js.map +1 -0
- package/dist/components/ChatPage.d.ts +16 -0
- package/dist/components/Chatbot.d.ts +9 -0
- package/dist/components/Chatbot.js +20 -0
- package/dist/components/Chatbot.js.map +1 -0
- package/dist/components/EmbeddedChatButton.d.ts +5 -0
- package/dist/components/EmbeddedChatButton.js +13 -0
- package/dist/components/EmbeddedChatButton.js.map +1 -0
- package/dist/components/ErrorMessage.d.ts +6 -0
- package/dist/components/ErrorMessage.js +24 -0
- package/dist/components/ErrorMessage.js.map +1 -0
- package/dist/components/FloatingChatButton.d.ts +6 -0
- package/dist/components/FloatingChatButton.js +17 -0
- package/dist/components/FloatingChatButton.js.map +1 -0
- package/dist/components/GradualMessageDisplay.d.ts +9 -0
- package/dist/components/GradualMessageDisplay.js +141 -0
- package/dist/components/GradualMessageDisplay.js.map +1 -0
- package/dist/components/HeaderIconButton.d.ts +9 -0
- package/dist/components/HeaderIconButton.js +6 -0
- package/dist/components/HeaderIconButton.js.map +1 -0
- package/dist/components/HelloPage.d.ts +10 -0
- package/dist/components/MarkdownRenderer.d.ts +8 -0
- package/dist/components/MarkdownRenderer.js +40 -0
- package/dist/components/MarkdownRenderer.js.map +1 -0
- package/dist/components/MessageInput.d.ts +11 -0
- package/dist/components/MessageInput.js +52 -0
- package/dist/components/MessageInput.js.map +1 -0
- package/dist/components/MessageList.d.ts +12 -0
- package/dist/components/MessageList.js +64 -0
- package/dist/components/MessageList.js.map +1 -0
- package/dist/components/RuledGrid.d.ts +6 -0
- package/dist/components/RuledGrid.js +9 -0
- package/dist/components/RuledGrid.js.map +1 -0
- package/dist/components/TypingIndicator.d.ts +8 -0
- package/dist/components/TypingIndicator.js +92 -0
- package/dist/components/TypingIndicator.js.map +1 -0
- package/dist/components/input/EmailCapture.d.ts +6 -0
- package/dist/components/input/EmailCapture.js +15 -0
- package/dist/components/input/EmailCapture.js.map +1 -0
- package/dist/components/input/MessageInput.d.ts +11 -0
- package/dist/components/input/SuggestionChips.d.ts +7 -0
- package/dist/components/input/SuggestionChips.js +8 -0
- package/dist/components/input/SuggestionChips.js.map +1 -0
- package/dist/components/messages/ErrorMessage.d.ts +6 -0
- package/dist/components/messages/MessageItem.d.ts +10 -0
- package/dist/components/messages/MessageItem.js +20 -0
- package/dist/components/messages/MessageItem.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +11 -0
- package/dist/components/ui/tooltip.js +9 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/hooks/useChatbot.d.ts +27 -0
- package/dist/hooks/useChatbot.js +229 -0
- package/dist/hooks/useChatbot.js.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.esm.js +66459 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +66499 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/chatbot/api/client.d.ts +30 -0
- package/dist/lib/chatbot/api/client.js +130 -0
- package/dist/lib/chatbot/api/client.js.map +1 -0
- package/dist/lib/chatbot/components/ChatDrawer.d.ts +9 -0
- package/dist/lib/chatbot/components/ChatDrawer.js +15 -0
- package/dist/lib/chatbot/components/ChatDrawer.js.map +1 -0
- package/dist/lib/chatbot/components/ChatHeader.d.ts +8 -0
- package/dist/lib/chatbot/components/ChatHeader.js +14 -0
- package/dist/lib/chatbot/components/ChatHeader.js.map +1 -0
- package/dist/lib/chatbot/components/Chatbot.d.ts +10 -0
- package/dist/lib/chatbot/components/Chatbot.js +20 -0
- package/dist/lib/chatbot/components/Chatbot.js.map +1 -0
- package/dist/lib/chatbot/components/EmbeddedChatButton.d.ts +5 -0
- package/dist/lib/chatbot/components/EmbeddedChatButton.js +13 -0
- package/dist/lib/chatbot/components/EmbeddedChatButton.js.map +1 -0
- package/dist/lib/chatbot/components/ErrorMessage.d.ts +6 -0
- package/dist/lib/chatbot/components/ErrorMessage.js +24 -0
- package/dist/lib/chatbot/components/ErrorMessage.js.map +1 -0
- package/dist/lib/chatbot/components/FloatingChatButton.d.ts +6 -0
- package/dist/lib/chatbot/components/FloatingChatButton.js +17 -0
- package/dist/lib/chatbot/components/FloatingChatButton.js.map +1 -0
- package/dist/lib/chatbot/components/GradualMessageDisplay.d.ts +9 -0
- package/dist/lib/chatbot/components/GradualMessageDisplay.js +141 -0
- package/dist/lib/chatbot/components/GradualMessageDisplay.js.map +1 -0
- package/dist/lib/chatbot/components/MarkdownRenderer.d.ts +8 -0
- package/dist/lib/chatbot/components/MarkdownRenderer.js +40 -0
- package/dist/lib/chatbot/components/MarkdownRenderer.js.map +1 -0
- package/dist/lib/chatbot/components/MessageInput.d.ts +11 -0
- package/dist/lib/chatbot/components/MessageInput.js +69 -0
- package/dist/lib/chatbot/components/MessageInput.js.map +1 -0
- package/dist/lib/chatbot/components/MessageList.d.ts +12 -0
- package/dist/lib/chatbot/components/MessageList.js +85 -0
- package/dist/lib/chatbot/components/MessageList.js.map +1 -0
- package/dist/lib/chatbot/components/RuledGrid.d.ts +6 -0
- package/dist/lib/chatbot/components/RuledGrid.js +9 -0
- package/dist/lib/chatbot/components/RuledGrid.js.map +1 -0
- package/dist/lib/chatbot/components/TypingIndicator.d.ts +14 -0
- package/dist/lib/chatbot/components/TypingIndicator.js +98 -0
- package/dist/lib/chatbot/components/TypingIndicator.js.map +1 -0
- package/dist/lib/chatbot/components/ui/tooltip.d.ts +11 -0
- package/dist/lib/chatbot/components/ui/tooltip.js +9 -0
- package/dist/lib/chatbot/components/ui/tooltip.js.map +1 -0
- package/dist/lib/chatbot/hooks/useChatbot.d.ts +25 -0
- package/dist/lib/chatbot/hooks/useChatbot.js +212 -0
- package/dist/lib/chatbot/hooks/useChatbot.js.map +1 -0
- package/dist/lib/chatbot/index.d.ts +5 -0
- package/dist/lib/chatbot/index.js +5 -0
- package/dist/lib/chatbot/index.js.map +1 -0
- package/dist/lib/chatbot/types/index.d.ts +55 -0
- package/dist/lib/chatbot/types/index.js +2 -0
- package/dist/lib/chatbot/types/index.js.map +1 -0
- package/dist/lib/chatbot/utils/helpers.d.ts +9 -0
- package/dist/lib/chatbot/utils/helpers.js +55 -0
- package/dist/lib/chatbot/utils/helpers.js.map +1 -0
- package/dist/lib/chatbot/views/ChatPage.d.ts +16 -0
- package/dist/lib/chatbot/views/ChatPage.js +9 -0
- package/dist/lib/chatbot/views/ChatPage.js.map +1 -0
- package/dist/lib/chatbot/views/HelloPage.d.ts +10 -0
- package/dist/lib/chatbot/views/HelloPage.js +33 -0
- package/dist/lib/chatbot/views/HelloPage.js.map +1 -0
- package/dist/services/api.d.ts +30 -0
- package/dist/services/axiosClient.d.ts +8 -0
- package/dist/services/axiosClient.js +38 -0
- package/dist/services/axiosClient.js.map +1 -0
- package/dist/services/client.d.ts +31 -0
- package/dist/services/client.js +52 -0
- package/dist/services/client.js.map +1 -0
- package/dist/services/http.d.ts +8 -0
- package/dist/services/http.js +38 -0
- package/dist/services/http.js.map +1 -0
- package/dist/types/index.d.ts +55 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/helpers.d.ts +6 -0
- package/dist/utils/helpers.js +46 -0
- package/dist/utils/helpers.js.map +1 -0
- package/dist/views/ChatPage.d.ts +16 -0
- package/dist/views/ChatPage.js +9 -0
- package/dist/views/ChatPage.js.map +1 -0
- package/dist/views/HelloPage.d.ts +7 -0
- package/dist/views/HelloPage.js +33 -0
- package/dist/views/HelloPage.js.map +1 -0
- package/package.json +70 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Message, StartChatResponse, SendMessageResponse, ChatHistoryResponse, ConversationMessage } from '../types';
|
|
2
|
+
export interface StartChatRequest {
|
|
3
|
+
email: string;
|
|
4
|
+
}
|
|
5
|
+
export interface SendMessageRequest {
|
|
6
|
+
thread_id: string;
|
|
7
|
+
message: string;
|
|
8
|
+
}
|
|
9
|
+
export interface GetHistoryParams {
|
|
10
|
+
thread_id: string;
|
|
11
|
+
page?: number;
|
|
12
|
+
page_size?: number;
|
|
13
|
+
order?: 'asc' | 'desc';
|
|
14
|
+
}
|
|
15
|
+
export declare class ChatbotAPI {
|
|
16
|
+
private baseUrl;
|
|
17
|
+
private apiKey?;
|
|
18
|
+
constructor(baseUrl: string, apiKey?: string);
|
|
19
|
+
private getHeaders;
|
|
20
|
+
startChatSession(request: StartChatRequest): Promise<StartChatResponse>;
|
|
21
|
+
sendMessage(request: SendMessageRequest): Promise<SendMessageResponse>;
|
|
22
|
+
getChatHistory(params: GetHistoryParams): Promise<ChatHistoryResponse>;
|
|
23
|
+
convertApiMessagesToMessages(apiMessages: ConversationMessage[]): Message[];
|
|
24
|
+
getConversationHistory(threadId: string, page?: number, pageSize?: number): Promise<Message[]>;
|
|
25
|
+
}
|
|
26
|
+
export declare const initializeChatbotAPI: (baseUrl: string, apiKey?: string) => void;
|
|
27
|
+
export declare const startChatSession: (request: StartChatRequest) => Promise<StartChatResponse>;
|
|
28
|
+
export declare const sendMessage: (request: SendMessageRequest) => Promise<SendMessageResponse>;
|
|
29
|
+
export declare const getChatHistory: (params: GetHistoryParams) => Promise<ChatHistoryResponse>;
|
|
30
|
+
export declare const getConversationHistory: (threadId: string, page?: number, pageSize?: number) => Promise<Message[]>;
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { generateMessageId } from '../utils/helpers';
|
|
2
|
+
export class ChatbotAPI {
|
|
3
|
+
constructor(baseUrl, apiKey) {
|
|
4
|
+
if (!baseUrl) {
|
|
5
|
+
throw new Error('API baseUrl is required but was not provided. Please check your environment variables.');
|
|
6
|
+
}
|
|
7
|
+
this.baseUrl = baseUrl.replace(/\/$/, '');
|
|
8
|
+
this.apiKey = apiKey;
|
|
9
|
+
}
|
|
10
|
+
getHeaders() {
|
|
11
|
+
const headers = {
|
|
12
|
+
'Content-Type': 'application/json',
|
|
13
|
+
};
|
|
14
|
+
if (this.apiKey) {
|
|
15
|
+
headers['Authorization'] = `Bearer ${this.apiKey}`;
|
|
16
|
+
}
|
|
17
|
+
return headers;
|
|
18
|
+
}
|
|
19
|
+
async startChatSession(request) {
|
|
20
|
+
try {
|
|
21
|
+
const response = await fetch(`${this.baseUrl}/ai/chat/start`, {
|
|
22
|
+
method: 'POST',
|
|
23
|
+
headers: this.getHeaders(),
|
|
24
|
+
body: JSON.stringify(request),
|
|
25
|
+
});
|
|
26
|
+
if (!response.ok) {
|
|
27
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
28
|
+
}
|
|
29
|
+
const data = await response.json();
|
|
30
|
+
return data.data;
|
|
31
|
+
}
|
|
32
|
+
catch (error) {
|
|
33
|
+
console.error('Error starting chat session:', error);
|
|
34
|
+
throw error;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
async sendMessage(request) {
|
|
38
|
+
try {
|
|
39
|
+
const response = await fetch(`${this.baseUrl}/ai/chat/message`, {
|
|
40
|
+
method: 'POST',
|
|
41
|
+
headers: this.getHeaders(),
|
|
42
|
+
body: JSON.stringify(request),
|
|
43
|
+
});
|
|
44
|
+
if (!response.ok) {
|
|
45
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
46
|
+
}
|
|
47
|
+
const data = await response.json();
|
|
48
|
+
return data.data;
|
|
49
|
+
}
|
|
50
|
+
catch (error) {
|
|
51
|
+
console.error('Error sending message:', error);
|
|
52
|
+
throw error;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
async getChatHistory(params) {
|
|
56
|
+
try {
|
|
57
|
+
const queryParams = new URLSearchParams({
|
|
58
|
+
thread_id: params.thread_id,
|
|
59
|
+
...(params.page && { page: params.page.toString() }),
|
|
60
|
+
...(params.page_size && { page_size: params.page_size.toString() }),
|
|
61
|
+
...(params.order && { order: params.order }),
|
|
62
|
+
});
|
|
63
|
+
const response = await fetch(`${this.baseUrl}/ai/chat/history?${queryParams}`, {
|
|
64
|
+
method: 'GET',
|
|
65
|
+
headers: this.getHeaders(),
|
|
66
|
+
});
|
|
67
|
+
if (!response.ok) {
|
|
68
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
69
|
+
}
|
|
70
|
+
const data = await response.json();
|
|
71
|
+
return data.data;
|
|
72
|
+
}
|
|
73
|
+
catch (error) {
|
|
74
|
+
console.error('Error fetching chat history:', error);
|
|
75
|
+
throw error;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
convertApiMessagesToMessages(apiMessages) {
|
|
79
|
+
return apiMessages.map(msg => ({
|
|
80
|
+
id: generateMessageId(),
|
|
81
|
+
text: msg.content,
|
|
82
|
+
sender: msg.role === 'user' ? 'user' : 'bot',
|
|
83
|
+
timestamp: new Date(msg.timestamp)
|
|
84
|
+
}));
|
|
85
|
+
}
|
|
86
|
+
async getConversationHistory(threadId, page = 1, pageSize = 10) {
|
|
87
|
+
try {
|
|
88
|
+
const historyResponse = await this.getChatHistory({
|
|
89
|
+
thread_id: threadId,
|
|
90
|
+
page,
|
|
91
|
+
page_size: pageSize,
|
|
92
|
+
order: 'asc'
|
|
93
|
+
});
|
|
94
|
+
return this.convertApiMessagesToMessages(historyResponse.conversation_history);
|
|
95
|
+
}
|
|
96
|
+
catch (error) {
|
|
97
|
+
console.error('Error fetching conversation history:', error);
|
|
98
|
+
throw error;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
let defaultAPI = null;
|
|
103
|
+
export const initializeChatbotAPI = (baseUrl, apiKey) => {
|
|
104
|
+
defaultAPI = new ChatbotAPI(baseUrl, apiKey);
|
|
105
|
+
};
|
|
106
|
+
export const startChatSession = async (request) => {
|
|
107
|
+
if (!defaultAPI) {
|
|
108
|
+
throw new Error('ChatbotAPI not initialized. Call initializeChatbotAPI first.');
|
|
109
|
+
}
|
|
110
|
+
return defaultAPI.startChatSession(request);
|
|
111
|
+
};
|
|
112
|
+
export const sendMessage = async (request) => {
|
|
113
|
+
if (!defaultAPI) {
|
|
114
|
+
throw new Error('ChatbotAPI not initialized. Call initializeChatbotAPI first.');
|
|
115
|
+
}
|
|
116
|
+
return defaultAPI.sendMessage(request);
|
|
117
|
+
};
|
|
118
|
+
export const getChatHistory = async (params) => {
|
|
119
|
+
if (!defaultAPI) {
|
|
120
|
+
throw new Error('ChatbotAPI not initialized. Call initializeChatbotAPI first.');
|
|
121
|
+
}
|
|
122
|
+
return defaultAPI.getChatHistory(params);
|
|
123
|
+
};
|
|
124
|
+
export const getConversationHistory = async (threadId, page, pageSize) => {
|
|
125
|
+
if (!defaultAPI) {
|
|
126
|
+
throw new Error('ChatbotAPI not initialized. Call initializeChatbotAPI first.');
|
|
127
|
+
}
|
|
128
|
+
return defaultAPI.getConversationHistory(threadId, page, pageSize);
|
|
129
|
+
};
|
|
130
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/api/client.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
import { ChatbotView } from "../types";
|
|
3
|
+
interface ChatDrawerProps extends PropsWithChildren {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
currentView: ChatbotView;
|
|
7
|
+
}
|
|
8
|
+
declare function ChatDrawer({ isOpen, onClose, currentView, children }: ChatDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default ChatDrawer;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as Chakra from "@chakra-ui/react";
|
|
3
|
+
function ChatDrawer({ isOpen, onClose, currentView, children }) {
|
|
4
|
+
const placement = Chakra.useBreakpointValue({ base: "bottom", md: "right" }) ?? "right";
|
|
5
|
+
return (_jsxs(Chakra.Drawer, { isOpen: isOpen, onClose: onClose, placement: placement, size: "md", children: [_jsx(Chakra.DrawerOverlay, { zIndex: 1400 }), _jsx(Chakra.DrawerContent, { display: "flex", flexDirection: "column", position: "relative", overflow: "hidden", maxW: { base: "100%", md: "420px" }, h: { base: "calc(100vh - 72px)", md: "calc(100vh - 32px)" }, mt: { base: "72px", md: "16px" }, mb: { base: "0", md: "16px" }, mr: { base: "0", md: "32px" }, p: 0, border: "1px solid", borderColor: "#292929", borderRadius: { base: 0, md: 16 }, bg: "#1C1C1C", ...(currentView === 'hello'
|
|
6
|
+
? {
|
|
7
|
+
bgImage: "url('https://upload-file-droplinked.s3.amazonaws.com/5feb937e7c32dde13473deafbe2ee89f2a3640b5e3791d49bbd86b882ca7f38b.png')",
|
|
8
|
+
bgSize: "contain",
|
|
9
|
+
bgRepeat: "no-repeat",
|
|
10
|
+
bgPosition: "top",
|
|
11
|
+
}
|
|
12
|
+
: {}), children: children })] }));
|
|
13
|
+
}
|
|
14
|
+
export default ChatDrawer;
|
|
15
|
+
//# sourceMappingURL=ChatDrawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatDrawer.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/ChatDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAA;AAU1C,SAAS,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAmB;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,OAAO,CAAA;IAEvF,OAAO,CACH,MAAC,MAAM,CAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAgB,EAAE,IAAI,EAAC,IAAI,aACnF,KAAC,MAAM,CAAC,aAAa,IAAC,MAAM,EAAE,IAAI,GAAI,EACtC,KAAC,MAAM,CAAC,aAAa,IAEjB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,EAEjB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACnC,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAChC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAC7B,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAC7B,CAAC,EAAE,CAAC,EACJ,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,SAAS,EACrB,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAEjC,EAAE,EAAC,SAAS,KACR,CAAC,WAAW,KAAK,OAAO;oBACxB,CAAC,CAAC;wBACE,OAAO,EAAE,6HAA6H;wBACtI,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,WAAW;wBACrB,UAAU,EAAE,KAAK;qBACpB;oBACD,CAAC,CAAC,EAAE,CAAC,YAER,QAAQ,GACU,IACX,CACnB,CAAA;AACL,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface ChatHeaderProps {
|
|
2
|
+
title: string;
|
|
3
|
+
onBack?: () => void;
|
|
4
|
+
showBackButton?: boolean;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
}
|
|
7
|
+
declare function ChatHeader({ title, onBack, showBackButton, onClose, }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default ChatHeader;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Center, DrawerHeader, Text } from '@chakra-ui/react';
|
|
3
|
+
import { ChevronleftMd } from '../../../assets/icons/Navigation/ChevronLeft/ChevronleftMd';
|
|
4
|
+
import { CloseMd } from '../../../assets/icons/Sign/Close/CloseMd';
|
|
5
|
+
import { HelpMd } from '../../../assets/icons/Sign/Help/HelpMd';
|
|
6
|
+
import { TooltipMd } from '../../../assets/icons/Sign/Tooltip/TooltipMd';
|
|
7
|
+
import { Tooltip } from './ui/tooltip';
|
|
8
|
+
function ChatHeader({ title, onBack, showBackButton = false, onClose, }) {
|
|
9
|
+
return (_jsxs(DrawerHeader, { display: "flex", justifyContent: "space-between", alignItems: "center", alignSelf: "stretch", p: 4, gap: 4, borderTopRadius: "16px", bg: showBackButton ? "#171717" : "transparent", children: [_jsx(Center, { w: 10, h: 10, borderRadius: "lg", border: "1px solid", borderColor: showBackButton ? "#27272A" : "#2BCFA11A", onClick: onBack, children: _jsx(Box, { w: 5, h: 5, position: "relative", overflow: "hidden", children: showBackButton
|
|
10
|
+
? _jsx(ChevronleftMd, { color: "white" })
|
|
11
|
+
: _jsx(HelpMd, { color: "white" }) }) }), _jsxs(Box, { flex: 1, display: "flex", justifyContent: "center", alignItems: "center", gap: 2, children: [_jsx(Text, { color: "white", fontSize: "lg", fontWeight: "medium", textAlign: "center", children: title }), showBackButton && (_jsx(Tooltip, { content: "Please be sure to verify the information provided by the assistant.", children: _jsx(TooltipMd, { color: '#292929' }) }))] }), _jsx(Center, { w: 10, h: 10, borderRadius: "lg", border: "1px solid", borderColor: showBackButton ? "#27272A" : "#2BCFA11A", cursor: "pointer", onClick: onClose, children: _jsx(CloseMd, { color: "white" }) })] }));
|
|
12
|
+
}
|
|
13
|
+
export default ChatHeader;
|
|
14
|
+
//# sourceMappingURL=ChatHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatHeader.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/ChatHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAU,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4DAA4D,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,wCAAwC,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAStC,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,MAAM,EACN,cAAc,GAAG,KAAK,EACtB,OAAO,GACS;IAChB,OAAO,CACL,MAAC,YAAY,IAEX,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,SAAS,EAEnB,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,eAAe,EAAC,MAAM,EAEtB,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,aAG9C,KAAC,MAAM,IACL,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,EAAE,EACL,YAAY,EAAC,IAAI,EACjB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACrD,OAAO,EAAE,MAAM,YAEf,KAAC,GAAG,IAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,YACnD,cAAc;wBACb,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,GAAG;wBACjC,CAAC,CAAC,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,GAAG,GAExB,GACC,EAGT,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC7E,KAAC,IAAI,IACH,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,YAEjB,KAAK,GACD,EACN,cAAc,IAAI,CACjB,KAAC,OAAO,IAAC,OAAO,EAAC,qEAAqE,YACpF,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,GAAG,GACrB,CACX,IACG,EAGN,KAAC,MAAM,IACL,CAAC,EAAE,EAAE,EACL,CAAC,EAAE,EAAE,EACL,YAAY,EAAC,IAAI,EACjB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACrD,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,GAAG,GAClB,IACI,CAChB,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ChatbotUser } from "../types";
|
|
2
|
+
interface ChatbotProps {
|
|
3
|
+
apiBaseUrl: string;
|
|
4
|
+
apiKey?: string;
|
|
5
|
+
buttonType?: "floating" | "solid";
|
|
6
|
+
buttonText?: string;
|
|
7
|
+
user?: Partial<ChatbotUser> | null;
|
|
8
|
+
}
|
|
9
|
+
declare function Chatbot({ apiBaseUrl, apiKey, buttonType, user: initialUser, }: ChatbotProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default Chatbot;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { DrawerBody, useDisclosure } from "@chakra-ui/react";
|
|
3
|
+
import { useChatbot } from "../hooks/useChatbot";
|
|
4
|
+
import ChatDrawer from "./ChatDrawer";
|
|
5
|
+
import ChatHeader from "./ChatHeader";
|
|
6
|
+
import ChatPage from "../views/ChatPage";
|
|
7
|
+
import EmbeddedChatButton from "./EmbeddedChatButton";
|
|
8
|
+
import FloatingChatButton from "./FloatingChatButton";
|
|
9
|
+
import HelloPage from "../views/HelloPage";
|
|
10
|
+
function Chatbot({ apiBaseUrl, apiKey, buttonType = "floating", user: initialUser = null, }) {
|
|
11
|
+
const { isOpen, onOpen, onClose } = useDisclosure();
|
|
12
|
+
const { messages, user, currentView, isLoading, isTyping, isEmailSubmitting, isStartingChat, historyMessageIds, currentlyProcessingMessageId, handleStartChat, handleBackToHello, handleEmailSubmit, handleSendMessage, handleRetryLastMessage, clearProcessingMessageId, } = useChatbot({
|
|
13
|
+
apiBaseUrl,
|
|
14
|
+
apiKey,
|
|
15
|
+
initialUser: initialUser ?? undefined,
|
|
16
|
+
});
|
|
17
|
+
return (_jsxs(_Fragment, { children: [buttonType === "floating" ? (_jsx(FloatingChatButton, { onClick: onOpen })) : (_jsx(EmbeddedChatButton, { onClick: onOpen })), _jsxs(ChatDrawer, { isOpen: isOpen, onClose: onClose, currentView: currentView, children: [_jsx(ChatHeader, { title: currentView === "hello" ? "Help Center" : "AI Assistant", onBack: currentView === "chat" ? handleBackToHello : undefined, showBackButton: currentView === "chat", onClose: onClose }), _jsx(DrawerBody, { flex: 1, overflow: "hidden", p: 0, children: currentView === "hello" ? (_jsx(HelloPage, { userName: user?.name, onStartChat: handleStartChat, isStartingChat: isStartingChat })) : (_jsx(ChatPage, { messages: messages, user: user, isLoading: isLoading, isTyping: isTyping, isEmailSubmitting: isEmailSubmitting, historyMessageIds: historyMessageIds, currentlyProcessingMessageId: currentlyProcessingMessageId, clearProcessingMessageId: clearProcessingMessageId, onSendMessage: handleSendMessage, onEmailSubmit: handleEmailSubmit, onRetryMessage: handleRetryLastMessage })) })] })] }));
|
|
18
|
+
}
|
|
19
|
+
export default Chatbot;
|
|
20
|
+
//# sourceMappingURL=Chatbot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chatbot.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/Chatbot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAU3C,SAAS,OAAO,CAAC,EACb,UAAU,EACV,MAAM,EACN,UAAU,GAAG,UAAU,EACvB,IAAI,EAAE,WAAW,GAAG,IAAI,GACb;IACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAEpD,MAAM,EACF,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,4BAA4B,EAC5B,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,GAC3B,GAAG,UAAU,CAAC;QACX,UAAU;QACV,MAAM;QACN,WAAW,EAAE,WAAW,IAAI,SAAS;KACxC,CAAC,CAAC;IAEH,OAAO,CACH,8BACK,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,OAAO,EAAE,MAAM,GAAI,CAC1C,CAAC,CAAC,CAAC,CACA,KAAC,kBAAkB,IAAC,OAAO,EAAE,MAAM,GAAuB,CAC7D,EAED,MAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,aAExB,KAAC,UAAU,IACP,KAAK,EACD,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EAE5D,MAAM,EACF,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAE1D,cAAc,EAAE,WAAW,KAAK,MAAM,EACtC,OAAO,EAAE,OAAO,GAClB,EAEF,KAAC,UAAU,IAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,CAAC,EAAE,CAAC,YACtC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,SAAS,IACN,QAAQ,EAAE,IAAI,EAAE,IAAI,EACpB,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,GAChC,CACL,CAAC,CAAC,CAAC,CACA,KAAC,QAAQ,IACL,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,4BAA4B,EACxB,4BAA4B,EAEhC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,sBAAsB,GACxC,CACL,GACQ,IACJ,IACd,CACN,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button, Flex } from "@chakra-ui/react";
|
|
3
|
+
import { AIMd } from "../../../assets/icons/AI/AI/AIMd";
|
|
4
|
+
function EmbeddedChatButton({ onClick }) {
|
|
5
|
+
return (_jsx(Button, { onClick: onClick, bg: "transparent", color: "#2BCFA1", border: "1px solid #292929", borderRadius: "8px", px: "14px", py: "10px", h: "auto", fontWeight: "medium", fontSize: "sm", transition: "all 0.2s", _hover: {
|
|
6
|
+
bg: "rgba(255, 255, 255, 0.05)",
|
|
7
|
+
borderColor: "#404040",
|
|
8
|
+
}, _active: {
|
|
9
|
+
bg: "rgba(255, 255, 255, 0.1)",
|
|
10
|
+
}, children: _jsxs(Flex, { align: "center", gap: "6px", children: [_jsx(AIMd, { color: "currentColor" }), "AI Assistant"] }) }));
|
|
11
|
+
}
|
|
12
|
+
export default EmbeddedChatButton;
|
|
13
|
+
//# sourceMappingURL=EmbeddedChatButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmbeddedChatButton.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/EmbeddedChatButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAMxD,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAAwB;IACzD,OAAO,CACH,KAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,mBAAmB,EAC1B,YAAY,EAAC,KAAK,EAClB,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,CAAC,EAAC,MAAM,EACR,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EACrB,MAAM,EAAE;YACJ,EAAE,EAAE,2BAA2B;YAC/B,WAAW,EAAE,SAAS;SACzB,EACD,OAAO,EAAE;YACL,EAAE,EAAE,0BAA0B;SACjC,YAED,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAC1B,KAAC,IAAI,IAAC,KAAK,EAAC,cAAc,GAAG,oBAE1B,GACF,CACZ,CAAC;AACN,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text, HStack, VStack, Button } from "@chakra-ui/react";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { Refresh2Sm } from '../../../assets/icons/Action/Refresh2/Refresh2Sm';
|
|
5
|
+
import { WarningMd } from '../../../assets/icons/Sign/Warning/WarningMd';
|
|
6
|
+
function ErrorMessage({ onRetry, showRetry = true, }) {
|
|
7
|
+
const [isRetrying, setIsRetrying] = useState(false);
|
|
8
|
+
const handleRetry = async () => {
|
|
9
|
+
if (onRetry) {
|
|
10
|
+
setIsRetrying(true);
|
|
11
|
+
try {
|
|
12
|
+
onRetry();
|
|
13
|
+
}
|
|
14
|
+
finally {
|
|
15
|
+
setIsRetrying(false);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
return (_jsxs(Box, { alignSelf: "stretch", p: 4, bg: "rgba(244, 63, 94, 0.05)", borderRadius: "lg", border: "1px solid", borderColor: "rgb(244, 63, 94)", display: "flex", alignItems: "flex-start", gap: 4, children: [_jsxs(HStack, { flex: 1, align: "flex-start", gap: 2, children: [_jsx(WarningMd, { color: "#F24" }), _jsxs(VStack, { flex: 1, align: "flex-start", gap: 1, children: [_jsx(Text, { w: "full", color: "white", fontSize: "sm", fontWeight: "bold", lineHeight: "tight", children: "Connection Lost" }), _jsx(Text, { w: "full", color: "white", fontSize: "sm", fontWeight: "normal", lineHeight: "tight", children: "Chatbot encountered connected issues." })] })] }), showRetry && onRetry && (_jsx(Button, { px: "14px", py: "10px", bg: "black", borderRadius: "lg", color: "white", fontSize: "sm", fontWeight: "medium", lineHeight: "tight", isLoading: isRetrying, onClick: handleRetry, _hover: {
|
|
20
|
+
bg: "gray.800",
|
|
21
|
+
}, children: _jsxs(HStack, { children: [_jsx(Refresh2Sm, {}), _jsx(Text, { children: "Retry" })] }) }))] }));
|
|
22
|
+
}
|
|
23
|
+
export default ErrorMessage;
|
|
24
|
+
//# sourceMappingURL=ErrorMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAC,UAAU,EAAC,MAAM,kDAAkD,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAC,MAAM,8CAA8C,CAAA;AAOvE,SAAS,YAAY,CAAC,EAClB,OAAO,EACP,SAAS,GAAG,IAAI,GACA;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC3B,IAAI,OAAO,EAAE,CAAC;YACV,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,IAAI,CAAC;gBACD,OAAO,EAAE,CAAC;YACd,CAAC;oBAAS,CAAC;gBACP,aAAa,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,GAAG,IACA,SAAS,EAAC,SAAS,EACnB,CAAC,EAAE,CAAC,EACJ,EAAE,EAAC,yBAAyB,EAC5B,YAAY,EAAC,IAAI,EACjB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,kBAAkB,EAC9B,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,YAAY,EACvB,GAAG,EAAE,CAAC,aAEN,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,aAEtC,KAAC,SAAS,IAAC,KAAK,EAAC,MAAM,GAAE,EAGzB,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,aACtC,KAAC,IAAI,IACD,CAAC,EAAC,MAAM,EACR,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,MAAM,EAEjB,UAAU,EAAC,OAAO,gCAGf,EACP,KAAC,IAAI,IACD,CAAC,EAAC,MAAM,EACR,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EAEnB,UAAU,EAAC,OAAO,sDAGf,IACF,IACJ,EAGR,SAAS,IAAI,OAAO,IAAI,CACrB,KAAC,MAAM,IACH,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,OAAO,EACV,YAAY,EAAC,IAAI,EACjB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EAEnB,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE;oBACJ,EAAE,EAAE,UAAU;iBACjB,YAED,MAAC,MAAM,eACH,KAAC,UAAU,KAAE,EACb,KAAC,IAAI,wBAAa,IACb,GACJ,CACZ,IACC,CACT,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Flex, Text } from "@chakra-ui/react";
|
|
3
|
+
import { AIMd } from "../../../assets/icons/AI/AI/AIMd";
|
|
4
|
+
function FloatingChatButton({ onClick, isVisible = true }) {
|
|
5
|
+
if (!isVisible)
|
|
6
|
+
return null;
|
|
7
|
+
return (_jsxs(Box, { position: "fixed", bottom: 6, right: 6, zIndex: 1000, onClick: onClick, cursor: "pointer", css: {
|
|
8
|
+
"&:hover .animated-bg": {
|
|
9
|
+
transform: "scale(1)"
|
|
10
|
+
},
|
|
11
|
+
"&:hover .text-label": {
|
|
12
|
+
color: "black"
|
|
13
|
+
}
|
|
14
|
+
}, children: [_jsx(Box, { position: "absolute", inset: 0, borderRadius: "32px", bg: "rgba(43, 207, 161, 0.2)", border: "1px solid rgba(43, 207, 161, 0.10)", backdropFilter: "blur(24px)", transition: "all 0.2s" }), _jsx(Box, { className: "animated-bg", position: "absolute", inset: 0, borderRadius: "32px", bg: "#2BCFA1", transform: "scale(0)", transformOrigin: "20px center", transition: "transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)" }), _jsxs(Flex, { display: "inline-flex", justifyContent: "flex-start", alignItems: "center", position: "relative", zIndex: 1, pl: 1, pr: 4, py: 1, gap: 2, children: [_jsx(Box, { position: "absolute", left: "4px", top: "4px", w: "32px", h: "32px", borderRadius: "24px", bg: "#2BCFA1" }), _jsx(Flex, { justifyContent: "center", alignItems: "center", position: "relative", zIndex: 1, w: "32px", h: "32px", p: 2, borderRadius: "24px", bg: "#2BCFA1", children: _jsx(AIMd, { color: "black" }) }), _jsx(Text, { className: "text-label", position: "relative", zIndex: 1, color: "white", fontSize: "sm", fontWeight: "medium", lineHeight: "tight", transition: "color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)", children: "AI Assistant" })] })] }));
|
|
15
|
+
}
|
|
16
|
+
export default FloatingChatButton;
|
|
17
|
+
//# sourceMappingURL=FloatingChatButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingChatButton.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/FloatingChatButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAA;AAOvD,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAA2B;IAC9E,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,CACH,MAAC,GAAG,IAEA,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,IAAI,EAEZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE;YACD,sBAAsB,EAAE;gBACpB,SAAS,EAAE,UAAU;aACxB;YACD,qBAAqB,EAAE;gBACnB,KAAK,EAAE,OAAO;aACjB;SACJ,aAGD,KAAC,GAAG,IAEA,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EAER,YAAY,EAAC,MAAM,EAEnB,EAAE,EAAC,yBAAyB,EAC5B,MAAM,EAAC,oCAAoC,EAC3C,cAAc,EAAC,YAAY,EAE3B,UAAU,EAAC,UAAU,GACvB,EAGF,KAAC,GAAG,IACA,SAAS,EAAC,aAAa,EAEvB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EAER,YAAY,EAAC,MAAM,EAEnB,EAAE,EAAC,SAAS,EAEZ,SAAS,EAAC,UAAU,EACpB,eAAe,EAAC,aAAa,EAC7B,UAAU,EAAC,qDAAqD,GAClE,EAEF,MAAC,IAAI,IAED,OAAO,EAAC,aAAa,EACrB,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,EAET,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,CAAC,aAGN,KAAC,GAAG,IAEA,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,KAAK,EAET,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,YAAY,EAAC,MAAM,EAEnB,EAAE,EAAC,SAAS,GACd,EAGF,KAAC,IAAI,IAED,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,EAET,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EAEnB,EAAE,EAAC,SAAS,YAEZ,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,GAAG,GACnB,EAGP,KAAC,IAAI,IACD,SAAS,EAAC,YAAY,EAEtB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,CAAC,EAET,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAC,OAAO,EAElB,UAAU,EAAC,iDAAiD,6BAGzD,IACJ,IACL,CAET,CAAA;AACL,CAAC;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface GradualMessageDisplayProps {
|
|
2
|
+
message: string;
|
|
3
|
+
isBot: boolean;
|
|
4
|
+
onComplete?: () => void;
|
|
5
|
+
enableMarkdown?: boolean;
|
|
6
|
+
isHistoryMessage?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function GradualMessageDisplay({ message, isBot, onComplete, isHistoryMessage, }: GradualMessageDisplayProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default GradualMessageDisplay;
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from "@chakra-ui/react";
|
|
3
|
+
import { useState, useEffect, useRef } from "react";
|
|
4
|
+
import TypingIndicator from "./TypingIndicator";
|
|
5
|
+
import MarkdownRenderer from "./MarkdownRenderer";
|
|
6
|
+
function GradualMessageDisplay({ message, isBot, onComplete, isHistoryMessage = false, }) {
|
|
7
|
+
const [phase, setPhase] = useState("typing");
|
|
8
|
+
const [displayedLines, setDisplayedLines] = useState([]);
|
|
9
|
+
const [currentLineIndex, setCurrentLineIndex] = useState(0);
|
|
10
|
+
const [lineProgress, setLineProgress] = useState(0);
|
|
11
|
+
const intervalRef = useRef(null);
|
|
12
|
+
const onCompleteRef = useRef(onComplete);
|
|
13
|
+
const messageLines = useRef([]);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
onCompleteRef.current = onComplete;
|
|
16
|
+
}, [onComplete]);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (!isBot || isHistoryMessage) {
|
|
19
|
+
setDisplayedLines([message]);
|
|
20
|
+
setPhase("complete");
|
|
21
|
+
onCompleteRef.current?.();
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
messageLines.current = message.split("\n");
|
|
25
|
+
setDisplayedLines([]);
|
|
26
|
+
setCurrentLineIndex(0);
|
|
27
|
+
setLineProgress(0);
|
|
28
|
+
setPhase("typing");
|
|
29
|
+
if (intervalRef.current) {
|
|
30
|
+
clearInterval(intervalRef.current);
|
|
31
|
+
intervalRef.current = null;
|
|
32
|
+
}
|
|
33
|
+
const typingTimer = setTimeout(() => {
|
|
34
|
+
setPhase("revealing");
|
|
35
|
+
let currentLine = 0;
|
|
36
|
+
const showNextLine = () => {
|
|
37
|
+
if (currentLine < messageLines.current.length) {
|
|
38
|
+
setDisplayedLines((prev) => {
|
|
39
|
+
const newLine = messageLines.current[currentLine];
|
|
40
|
+
if (newLine !== undefined) {
|
|
41
|
+
return [...prev, newLine];
|
|
42
|
+
}
|
|
43
|
+
return prev;
|
|
44
|
+
});
|
|
45
|
+
setCurrentLineIndex(currentLine);
|
|
46
|
+
setLineProgress(0);
|
|
47
|
+
let progress = 0;
|
|
48
|
+
const lineInterval = setInterval(() => {
|
|
49
|
+
progress += 4;
|
|
50
|
+
setLineProgress(progress);
|
|
51
|
+
if (progress >= 100) {
|
|
52
|
+
clearInterval(lineInterval);
|
|
53
|
+
currentLine++;
|
|
54
|
+
if (currentLine < messageLines.current.length) {
|
|
55
|
+
showNextLine();
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
setPhase("complete");
|
|
59
|
+
onCompleteRef.current?.();
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}, 15);
|
|
63
|
+
intervalRef.current = lineInterval;
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
showNextLine();
|
|
67
|
+
}, 1500);
|
|
68
|
+
return () => {
|
|
69
|
+
clearTimeout(typingTimer);
|
|
70
|
+
if (intervalRef.current) {
|
|
71
|
+
clearInterval(intervalRef.current);
|
|
72
|
+
intervalRef.current = null;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
}, [message, isBot, isHistoryMessage]);
|
|
76
|
+
if (!isBot || isHistoryMessage) {
|
|
77
|
+
return (_jsx(Box, { alignSelf: "flex-start", mb: 4, children: _jsx(Box, { p: 4, borderRadius: "12px", borderBottomLeftRadius: "6px", children: _jsx(MarkdownRenderer, { content: message, fontSize: "sm", lineHeight: "1.4", color: "white" }) }) }));
|
|
78
|
+
}
|
|
79
|
+
return (_jsx(Box, { alignSelf: "flex-end", mb: 4, children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [(phase === "typing" || phase === "revealing") && (_jsx(TypingIndicator, { isVisible: true, size: "normal", state: phase === "typing" ? "typing" : "completed" })), (phase === "revealing" || phase === "complete") && (_jsx(Box, { position: "relative", borderRadius: "12px", _before: {
|
|
80
|
+
content: '""',
|
|
81
|
+
position: 'absolute',
|
|
82
|
+
zIndex: -1,
|
|
83
|
+
width: 'calc(100% + 1px)',
|
|
84
|
+
height: 'calc(100% + 1px)',
|
|
85
|
+
top: 0,
|
|
86
|
+
left: 0,
|
|
87
|
+
borderRadius: '12px',
|
|
88
|
+
backgroundSize: '400% 400%',
|
|
89
|
+
opacity: phase === "revealing" ? 1 : 0,
|
|
90
|
+
transition: 'opacity 0.3s ease',
|
|
91
|
+
}, _after: {
|
|
92
|
+
content: '""',
|
|
93
|
+
position: 'absolute',
|
|
94
|
+
zIndex: -1,
|
|
95
|
+
width: 'calc(100% + 1px)',
|
|
96
|
+
height: 'calc(100% + 1px)',
|
|
97
|
+
top: 0,
|
|
98
|
+
left: 0,
|
|
99
|
+
borderRadius: '12px',
|
|
100
|
+
backgroundSize: '400% 400%',
|
|
101
|
+
opacity: phase === "revealing" ? 1 : 0,
|
|
102
|
+
transition: 'opacity 0.3s ease',
|
|
103
|
+
filter: 'blur(100px)',
|
|
104
|
+
}, children: _jsx(Box, { borderRadius: "11px", p: "12px 16px", position: "relative", zIndex: 1, children: displayedLines.map((line, lineIndex) => {
|
|
105
|
+
const isCurrentLine = lineIndex === currentLineIndex &&
|
|
106
|
+
phase === "revealing";
|
|
107
|
+
return (_jsxs(Box, { position: "relative", css: isCurrentLine
|
|
108
|
+
? {
|
|
109
|
+
maskImage: `linear-gradient(to right,
|
|
110
|
+
black 0%,
|
|
111
|
+
black ${Math.max(0, lineProgress - 10)}%,
|
|
112
|
+
transparent ${lineProgress}%,
|
|
113
|
+
transparent 100%)`,
|
|
114
|
+
WebkitMaskImage: `linear-gradient(to right,
|
|
115
|
+
black 0%,
|
|
116
|
+
black ${Math.max(0, lineProgress - 10)}%,
|
|
117
|
+
transparent ${lineProgress}%,
|
|
118
|
+
transparent 100%)`,
|
|
119
|
+
}
|
|
120
|
+
: {}, children: [isCurrentLine && (_jsxs(_Fragment, { children: [_jsx(Box, { position: "absolute", top: 0, left: 0, right: 0, css: {
|
|
121
|
+
filter: "blur(800px)",
|
|
122
|
+
opacity: 0,
|
|
123
|
+
transform: "scale(500)",
|
|
124
|
+
}, children: _jsx(MarkdownRenderer, { content: line || " ", fontSize: "sm", lineHeight: "1.4", color: "white" }) }), _jsx(Box, { position: "absolute", top: 0, left: 0, right: 0, css: {
|
|
125
|
+
filter: "blur(8px)",
|
|
126
|
+
opacity: 0.7,
|
|
127
|
+
}, children: _jsx(MarkdownRenderer, { content: line || " ", fontSize: "sm", lineHeight: "1.4", color: "white" }) })] })), _jsx(Box, { position: "relative", css: {
|
|
128
|
+
filter: isCurrentLine
|
|
129
|
+
? `blur(${Math.max(0, 6 -
|
|
130
|
+
(lineProgress /
|
|
131
|
+
100) *
|
|
132
|
+
6)}px)`
|
|
133
|
+
: "blur(0px)",
|
|
134
|
+
opacity: isCurrentLine
|
|
135
|
+
? Math.min(1, lineProgress / 70)
|
|
136
|
+
: 1,
|
|
137
|
+
}, children: _jsx(MarkdownRenderer, { content: line || " ", fontSize: "sm", lineHeight: "1.4", color: "white" }) })] }, lineIndex));
|
|
138
|
+
}) }) }))] }) }));
|
|
139
|
+
}
|
|
140
|
+
export default GradualMessageDisplay;
|
|
141
|
+
//# sourceMappingURL=GradualMessageDisplay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradualMessageDisplay.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/GradualMessageDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface MarkdownRendererProps {
|
|
2
|
+
content: string;
|
|
3
|
+
fontSize?: string;
|
|
4
|
+
lineHeight?: string | number;
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function MarkdownRenderer({ content, fontSize, lineHeight, color }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default MarkdownRenderer;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Link, Text } from '@chakra-ui/react';
|
|
3
|
+
import ReactMarkdown from 'react-markdown';
|
|
4
|
+
import remarkGfm from 'remark-gfm';
|
|
5
|
+
import rehypeRaw from 'rehype-raw';
|
|
6
|
+
function MarkdownRenderer({ content, fontSize = "14", lineHeight = "20px", color = "white" }) {
|
|
7
|
+
return (_jsx(Box, { css: {
|
|
8
|
+
'& > *:first-of-type': {
|
|
9
|
+
marginTop: 0,
|
|
10
|
+
},
|
|
11
|
+
'& > *:last-child': {
|
|
12
|
+
marginBottom: 0,
|
|
13
|
+
},
|
|
14
|
+
}, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw], components: {
|
|
15
|
+
p: ({ children }) => (_jsx(Text, { fontSize: fontSize, lineHeight: lineHeight, color: color, mb: 2, children: children })),
|
|
16
|
+
a: ({ href, children }) => (_jsx(Link, { href: href, color: "#179EF8", textDecoration: "underline", textUnderlineOffset: "2px", _hover: {
|
|
17
|
+
transform: "translateY(-1px)",
|
|
18
|
+
transition: "all 0.2s ease"
|
|
19
|
+
}, target: href?.startsWith('http') ? '_blank' : undefined, rel: href?.startsWith('http') ? 'noopener noreferrer' : undefined, fontSize: fontSize, fontWeight: "medium", cursor: "pointer", transition: "all 0.2s ease", children: children })),
|
|
20
|
+
ul: ({ children }) => (_jsx(Box, { as: "ul", pl: 4, mb: 2, color: color, fontSize: fontSize, lineHeight: lineHeight, css: {
|
|
21
|
+
listStyleType: 'disc',
|
|
22
|
+
listStylePosition: 'outside'
|
|
23
|
+
}, children: children })),
|
|
24
|
+
ol: ({ children }) => (_jsx(Box, { as: "ol", pl: 4, mb: 2, color: color, fontSize: fontSize, lineHeight: lineHeight, css: {
|
|
25
|
+
listStyleType: 'decimal',
|
|
26
|
+
listStylePosition: 'outside'
|
|
27
|
+
}, children: children })),
|
|
28
|
+
li: ({ children }) => (_jsx(Box, { as: "li", mb: 1, color: color, fontSize: fontSize, lineHeight: lineHeight, css: {
|
|
29
|
+
display: 'list-item'
|
|
30
|
+
}, children: children })),
|
|
31
|
+
strong: ({ children }) => (_jsx(Text, { as: "strong", fontWeight: "bold", color: color, fontSize: fontSize, children: children })),
|
|
32
|
+
em: ({ children }) => (_jsx(Text, { as: "em", fontStyle: "italic", color: color, fontSize: fontSize, children: children })),
|
|
33
|
+
h1: ({ children }) => (_jsx(Text, { fontSize: "lg", fontWeight: "bold", color: color, mb: 2, lineHeight: lineHeight, children: children })),
|
|
34
|
+
h2: ({ children }) => (_jsx(Text, { fontSize: "md", fontWeight: "bold", color: color, mb: 2, lineHeight: lineHeight, children: children })),
|
|
35
|
+
h3: ({ children }) => (_jsx(Text, { fontSize: fontSize, fontWeight: "bold", color: color, mb: 2, lineHeight: lineHeight, children: children })),
|
|
36
|
+
br: () => _jsx("br", {}),
|
|
37
|
+
}, children: content }) }));
|
|
38
|
+
}
|
|
39
|
+
export default MarkdownRenderer;
|
|
40
|
+
//# sourceMappingURL=MarkdownRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChatbotUser, Message } from "../types";
|
|
2
|
+
interface MessageInputProps {
|
|
3
|
+
onSend: (text: string) => void;
|
|
4
|
+
user: ChatbotUser;
|
|
5
|
+
onEmailSubmit: (email: string) => void;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
isEmailSubmitting?: boolean;
|
|
8
|
+
messages?: Message[];
|
|
9
|
+
}
|
|
10
|
+
declare function MessageInput({ onSend, user, onEmailSubmit, isLoading, isEmailSubmitting, messages, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default MessageInput;
|