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,69 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Button, HStack, IconButton, Image, Input, VStack, Text, Spacer, } from "@chakra-ui/react";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { SendSm } from "../../../assets/icons/Action/Send/SendSm";
|
|
5
|
+
import { isValidEmail } from "../utils/helpers";
|
|
6
|
+
const messageSuggestions = [
|
|
7
|
+
{ id: "1", text: "How do I get started?" },
|
|
8
|
+
{ id: "2", text: "What services do you offer?" },
|
|
9
|
+
{ id: "3", text: "I need help with my account" },
|
|
10
|
+
{ id: "4", text: "Billing questions" },
|
|
11
|
+
];
|
|
12
|
+
function MessageInput({ onSend, user, onEmailSubmit, isLoading = false, isEmailSubmitting = false, messages = [], }) {
|
|
13
|
+
const [input, setInput] = useState("");
|
|
14
|
+
const [email, setEmail] = useState("");
|
|
15
|
+
const handleSend = () => {
|
|
16
|
+
if (!input.trim())
|
|
17
|
+
return;
|
|
18
|
+
onSend(input);
|
|
19
|
+
setInput("");
|
|
20
|
+
};
|
|
21
|
+
const handleEmailSubmit = () => {
|
|
22
|
+
if (!isValidEmail(email))
|
|
23
|
+
return;
|
|
24
|
+
onEmailSubmit(email);
|
|
25
|
+
setEmail("");
|
|
26
|
+
};
|
|
27
|
+
const handleSuggestionClick = (suggestion) => {
|
|
28
|
+
setInput(suggestion.text);
|
|
29
|
+
};
|
|
30
|
+
if (!user.isLoggedIn) {
|
|
31
|
+
return (_jsxs(VStack, { p: 4, gap: 4, w: "full", align: "stretch", children: [_jsx(Text, { fontSize: "16px", color: "white", children: "To continue please enter your email address" }), _jsxs(Box, { pl: 4, pr: 3, py: 2, borderRadius: "lg", border: "1px solid", borderColor: "#27272A", display: "flex", alignItems: "center", gap: 3, overflow: "hidden", children: [_jsx(Input, { h: "full", type: "email", id: "email-input", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "Enter email address", onKeyDown: (e) => e.key === "Enter" && handleEmailSubmit(), flex: 1, border: "none", outline: "none", bg: "transparent", color: "white", fontSize: "14px", _placeholder: { color: "#737373" }, _focus: {
|
|
32
|
+
border: "none",
|
|
33
|
+
outline: "none",
|
|
34
|
+
boxShadow: "none",
|
|
35
|
+
}, _active: {
|
|
36
|
+
border: "none",
|
|
37
|
+
outline: "none",
|
|
38
|
+
boxShadow: "none",
|
|
39
|
+
}, disabled: isEmailSubmitting, p: 0 }), _jsx(Button, { onClick: handleEmailSubmit, isDisabled: !isValidEmail(email) || isEmailSubmitting, isLoading: isEmailSubmitting, bg: "#262626", borderRadius: "md", fontSize: "12px", fontWeight: "medium", color: !isValidEmail(email) || isEmailSubmitting ? "#525252" : "white", px: 2, py: 1, height: "auto", minHeight: "auto", _hover: {
|
|
40
|
+
bg: !isValidEmail(email) || isEmailSubmitting ? "#262626" : "#2BCFA1",
|
|
41
|
+
}, _disabled: {
|
|
42
|
+
bg: "#262626",
|
|
43
|
+
color: "#525252",
|
|
44
|
+
cursor: "not-allowed",
|
|
45
|
+
}, children: "Submit" })] })] }));
|
|
46
|
+
}
|
|
47
|
+
return (_jsxs(_Fragment, { children: [messages.length === 0 && (_jsx(VStack, { p: 4, gap: 2, w: "full", align: "flex-start", children: messageSuggestions.map((suggestion) => (_jsx(Button, { onClick: () => handleSuggestionClick(suggestion), px: 3, py: 0.5, bg: "#262626", borderRadius: "3xl", border: "1px solid", borderColor: "#27272A", color: "white", fontSize: "sm", fontWeight: "normal", lineHeight: "tight", h: "auto", display: "inline-flex", justifyContent: "center", alignItems: "center", gap: 2, children: suggestion.text }, suggestion.id))) })), _jsx(Box, { w: "full", p: 4, borderTop: "1px solid", borderColor: "#27272A", borderBottomRadius: 16, children: _jsx(VStack, { gap: 6, w: "full", align: "stretch", children: _jsxs(VStack, { gap: 4, w: "full", children: [_jsx(Box, { w: "full", position: "relative", children: _jsx(Input, { value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSend(), placeholder: " Send a message", bg: "transparent", color: "white", border: "none", outline: "none", _placeholder: { color: "#737373" }, _focus: {
|
|
48
|
+
border: "none",
|
|
49
|
+
outline: "none",
|
|
50
|
+
boxShadow: "none",
|
|
51
|
+
}, _active: {
|
|
52
|
+
border: "none",
|
|
53
|
+
outline: "none",
|
|
54
|
+
boxShadow: "none",
|
|
55
|
+
}, p: 3, fontSize: "sm" }) }), _jsxs(HStack, { p: 2, align: "center", w: "full", children: [user.logoUrl && (_jsx(HStack, { gap: 3, children: _jsx(Image, { boxSize: "40px", src: user.logoUrl, alt: "User avatar", border: "1px solid", borderColor: "#27272A", borderRadius: "24px" }) })), _jsx(Spacer, {}), _jsx(IconButton, { "aria-label": "Send message", onClick: handleSend, isDisabled: !input.trim() || isLoading, isLoading: isLoading, size: "sm", bg: !input.trim() || isLoading
|
|
56
|
+
? "#262626"
|
|
57
|
+
: "#2BCFA1", _hover: {
|
|
58
|
+
bg: !input.trim() || isLoading
|
|
59
|
+
? "#262626"
|
|
60
|
+
: "#22B890",
|
|
61
|
+
}, _disabled: {
|
|
62
|
+
bg: "#262626",
|
|
63
|
+
cursor: "not-allowed",
|
|
64
|
+
}, borderRadius: "lg", border: "none", children: _jsx(SendSm, { color: !input.trim() || isLoading
|
|
65
|
+
? "#525252"
|
|
66
|
+
: "white" }) })] })] }) }) })] }));
|
|
67
|
+
}
|
|
68
|
+
export default MessageInput;
|
|
69
|
+
//# sourceMappingURL=MessageInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/MessageInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Message, ChatbotUser } from "../types";
|
|
2
|
+
interface MessageListProps {
|
|
3
|
+
messages: Message[];
|
|
4
|
+
user: ChatbotUser;
|
|
5
|
+
isTyping?: boolean;
|
|
6
|
+
historyMessageIds?: Set<string>;
|
|
7
|
+
currentlyProcessingMessageId?: string | null;
|
|
8
|
+
clearProcessingMessageId?: () => void;
|
|
9
|
+
onRetryMessage?: () => void;
|
|
10
|
+
}
|
|
11
|
+
declare function MessageList({ messages, user, isTyping, historyMessageIds, currentlyProcessingMessageId, clearProcessingMessageId, onRetryMessage, }: MessageListProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default MessageList;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Text, VStack } from "@chakra-ui/react";
|
|
3
|
+
import { useEffect, useRef, useState } from "react";
|
|
4
|
+
import TypingIndicator from "./TypingIndicator";
|
|
5
|
+
import GradualMessageDisplay from "./GradualMessageDisplay";
|
|
6
|
+
import ErrorMessage from "./ErrorMessage";
|
|
7
|
+
import { AIMd } from "../../../assets/icons/AI/AI/AIMd";
|
|
8
|
+
import Lottie from "lottie-react";
|
|
9
|
+
import animationData from "../../../assets/animations/chat-greeting.json";
|
|
10
|
+
function MessageList({ messages, user, isTyping = false, historyMessageIds, currentlyProcessingMessageId, clearProcessingMessageId, onRetryMessage, }) {
|
|
11
|
+
const scrollContainerRef = useRef(null);
|
|
12
|
+
const [completedMessages, setCompletedMessages] = useState(new Set());
|
|
13
|
+
const [currentlyDisplayingMessage, setCurrentlyDisplayingMessage] = useState(null);
|
|
14
|
+
const handleMessageComplete = (messageId) => {
|
|
15
|
+
setCompletedMessages((prev) => {
|
|
16
|
+
const newSet = new Set(Array.from(prev));
|
|
17
|
+
newSet.add(messageId);
|
|
18
|
+
return newSet;
|
|
19
|
+
});
|
|
20
|
+
setCurrentlyDisplayingMessage(null);
|
|
21
|
+
};
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
const latestBotMessage = messages
|
|
24
|
+
.filter((msg) => msg.sender === "bot")
|
|
25
|
+
.slice(-1)[0];
|
|
26
|
+
if (latestBotMessage && !completedMessages.has(latestBotMessage.id)) {
|
|
27
|
+
setCurrentlyDisplayingMessage(latestBotMessage.id);
|
|
28
|
+
}
|
|
29
|
+
}, [messages, completedMessages]);
|
|
30
|
+
const formatTime = (date) => {
|
|
31
|
+
return date.toLocaleTimeString([], {
|
|
32
|
+
hour: "2-digit",
|
|
33
|
+
minute: "2-digit",
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (scrollContainerRef.current) {
|
|
38
|
+
scrollContainerRef.current.scrollTo({
|
|
39
|
+
top: scrollContainerRef.current.scrollHeight,
|
|
40
|
+
behavior: "smooth",
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}, [messages, isTyping]);
|
|
44
|
+
return (_jsx(Box, { ref: scrollContainerRef, h: "full", w: "full", overflowY: "auto", overflowX: "hidden", p: 4, css: {
|
|
45
|
+
"&::-webkit-scrollbar": {
|
|
46
|
+
width: "6px",
|
|
47
|
+
},
|
|
48
|
+
"&::-webkit-scrollbar-track": {
|
|
49
|
+
background: "rgba(255, 255, 255, 0.1)",
|
|
50
|
+
borderRadius: "3px",
|
|
51
|
+
},
|
|
52
|
+
"&::-webkit-scrollbar-thumb": {
|
|
53
|
+
background: "rgba(255, 255, 255, 0.3)",
|
|
54
|
+
borderRadius: "3px",
|
|
55
|
+
},
|
|
56
|
+
"&::-webkit-scrollbar-thumb:hover": {
|
|
57
|
+
background: "rgba(255, 255, 255, 0.5)",
|
|
58
|
+
},
|
|
59
|
+
scrollBehavior: "smooth",
|
|
60
|
+
}, children: _jsx(VStack, { align: "stretch", gap: 4, minH: "full", children: messages.length === 0 ? (_jsx(VStack, { w: "full", pt: 12, gap: 6, align: "center", justify: "center", children: _jsxs(VStack, { w: "full", gap: 2, align: "center", children: [_jsx(Box, { p: "10px", bg: "rgba(43, 207, 161, 0.1)", borderRadius: "lg", border: "1px solid", borderColor: "rgba(43, 207, 161, 0.1)", display: "flex", alignItems: "center", justifyContent: "center", overflow: "hidden", children: _jsx(AIMd, { color: "#2BCFA1" }) }), _jsxs(VStack, { w: "full", align: "stretch", children: [_jsxs(Text, { textAlign: "center", color: "#2BCFA1", fontSize: "2xl", fontWeight: "bold", children: ["Hi ", user.name, " \uD83D\uDC4B\uD83C\uDFFB"] }), _jsx(Text, { textAlign: "center", color: "white", fontSize: "2xl", fontWeight: "bold", children: "How can I help today?" }), !user.isLoggedIn && (_jsx(Box, { w: 64, h: 64, alignSelf: "center", children: _jsx(Lottie, { animationData: animationData, loop: true, autoplay: true, style: {
|
|
61
|
+
width: "100%",
|
|
62
|
+
height: "100%",
|
|
63
|
+
} }) }))] })] }) })) : (_jsxs(_Fragment, { children: [messages.map((message) => {
|
|
64
|
+
const isBot = message.sender === "bot";
|
|
65
|
+
const isCompleted = completedMessages.has(message.id);
|
|
66
|
+
const isCurrentlyDisplaying = currentlyDisplayingMessage === message.id;
|
|
67
|
+
const isHistoryMessage = historyMessageIds?.has(message.id) || false;
|
|
68
|
+
const shouldAnimate = currentlyProcessingMessageId === message.id;
|
|
69
|
+
if (isBot) {
|
|
70
|
+
if (message.isError) {
|
|
71
|
+
return (_jsx(ErrorMessage, { onRetry: onRetryMessage, showRetry: !!onRetryMessage }, message.id));
|
|
72
|
+
}
|
|
73
|
+
return (_jsx(Box, { children: _jsx(GradualMessageDisplay, { message: message.text, isBot: true, isHistoryMessage: !shouldAnimate, onComplete: () => {
|
|
74
|
+
handleMessageComplete(message.id);
|
|
75
|
+
if (shouldAnimate &&
|
|
76
|
+
clearProcessingMessageId) {
|
|
77
|
+
clearProcessingMessageId();
|
|
78
|
+
}
|
|
79
|
+
} }) }, message.id));
|
|
80
|
+
}
|
|
81
|
+
return (_jsx(Box, { alignSelf: "flex-end", maxW: "80%", children: _jsx(Box, { p: 4, bg: "#222222", color: "white", border: "1px solid", borderRadius: "16px", borderBottomRightRadius: "sm", borderColor: "#292929", children: _jsx(Text, { fontSize: "sm", lineHeight: "1.4", children: message.text }) }) }, message.id));
|
|
82
|
+
}), isTyping && !currentlyDisplayingMessage && (_jsx(TypingIndicator, { isVisible: true, size: "normal" }))] })) }) }));
|
|
83
|
+
}
|
|
84
|
+
export default MessageList;
|
|
85
|
+
//# sourceMappingURL=MessageList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/MessageList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Grid } from "@chakra-ui/react";
|
|
3
|
+
import React from "react";
|
|
4
|
+
function RuledGrid({ columns, children, ...rest }) {
|
|
5
|
+
const childrenArray = React.Children.toArray(children);
|
|
6
|
+
return (_jsx(Grid, { templateColumns: `repeat(${columns}, 1fr)`, border: "1px solid", borderColor: "#292929", overflow: "hidden", ...rest, children: childrenArray.map((child, index) => (_jsx(Box, { borderRight: (index % columns !== columns - 1) || (index % columns !== 0) ? "1px solid" : "none", borderBottom: index < childrenArray.length - columns ? "1px solid" : "none", borderColor: rest.borderColor ?? "#292929", children: child }, index))) }));
|
|
7
|
+
}
|
|
8
|
+
export default RuledGrid;
|
|
9
|
+
//# sourceMappingURL=RuledGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RuledGrid.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/RuledGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,SAAS,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAG7D,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACH,KAAC,IAAI,IACD,eAAe,EAAE,UAAU,OAAO,QAAQ,EAC1C,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAC,QAAQ,KACb,IAAI,YAEP,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,GAAG,IAGA,WAAW,EAAE,CAAC,KAAK,GAAG,OAAO,KAAK,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAChG,YAAY,EAAE,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC3E,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS,YAEzC,KAAK,IAND,KAAK,CAOR,CACT,CAAC,GACC,CACV,CAAA;AACL,CAAC;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface TypingIndicatorProps {
|
|
3
|
+
isVisible: boolean;
|
|
4
|
+
size?: "normal" | "small";
|
|
5
|
+
state?: "typing" | "completed";
|
|
6
|
+
}
|
|
7
|
+
declare const TypingIndicator: React.NamedExoticComponent<TypingIndicatorProps>;
|
|
8
|
+
interface MessageBubbleProps {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
size?: "normal" | "small";
|
|
11
|
+
}
|
|
12
|
+
declare const MessageBubble: React.NamedExoticComponent<MessageBubbleProps>;
|
|
13
|
+
export { TypingIndicator, MessageBubble };
|
|
14
|
+
export default TypingIndicator;
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, HStack, Text } from "@chakra-ui/react";
|
|
3
|
+
import React from "react";
|
|
4
|
+
const typingIndicatorStyles = `
|
|
5
|
+
@keyframes typingDotBounce {
|
|
6
|
+
0%, 60%, 100% {
|
|
7
|
+
transform: translateY(0);
|
|
8
|
+
opacity: 0.6;
|
|
9
|
+
}
|
|
10
|
+
10%, 30% {
|
|
11
|
+
transform: translateY(-6px);
|
|
12
|
+
opacity: 1;
|
|
13
|
+
}
|
|
14
|
+
50%, 70% {
|
|
15
|
+
transform: translateY(6px);
|
|
16
|
+
opacity: 1;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@keyframes scaleIn {
|
|
21
|
+
0% {
|
|
22
|
+
transform: scale(0);
|
|
23
|
+
opacity: 0;
|
|
24
|
+
}
|
|
25
|
+
100% {
|
|
26
|
+
transform: scale(1);
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@keyframes scaleOut {
|
|
32
|
+
0% {
|
|
33
|
+
transform: scale(1);
|
|
34
|
+
opacity: 1;
|
|
35
|
+
}
|
|
36
|
+
100% {
|
|
37
|
+
transform: scale(0);
|
|
38
|
+
opacity: 0;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
`;
|
|
42
|
+
if (typeof document !== "undefined" &&
|
|
43
|
+
!document.getElementById("typing-indicator-styles")) {
|
|
44
|
+
const styleElement = document.createElement("style");
|
|
45
|
+
styleElement.id = "typing-indicator-styles";
|
|
46
|
+
styleElement.textContent = typingIndicatorStyles;
|
|
47
|
+
document.head.appendChild(styleElement);
|
|
48
|
+
}
|
|
49
|
+
const TypingIndicator = React.memo(function TypingIndicator({ isVisible, size = "normal", state = "typing", }) {
|
|
50
|
+
const getDotStyle = React.useMemo(() => (index, delay, small) => {
|
|
51
|
+
const animationDelay = `${index * 0.2 + delay * 0.5}s`;
|
|
52
|
+
return {
|
|
53
|
+
animation: `typingDotBounce 1.6s ease-in-out infinite`,
|
|
54
|
+
animationDelay,
|
|
55
|
+
transformOrigin: "center",
|
|
56
|
+
};
|
|
57
|
+
}, []);
|
|
58
|
+
const containerAnimationStyle = {
|
|
59
|
+
animation: isVisible ? 'scaleIn 0.5s ease-out forwards' : 'scaleOut 0.5s ease-in forwards',
|
|
60
|
+
transformOrigin: 'bottom left',
|
|
61
|
+
};
|
|
62
|
+
const [shouldRender, setShouldRender] = React.useState(isVisible);
|
|
63
|
+
React.useEffect(() => {
|
|
64
|
+
let timer = null;
|
|
65
|
+
if (isVisible) {
|
|
66
|
+
setShouldRender(true);
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
timer = setTimeout(() => setShouldRender(false), 300);
|
|
70
|
+
}
|
|
71
|
+
return () => {
|
|
72
|
+
if (timer) {
|
|
73
|
+
clearTimeout(timer);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}, [isVisible]);
|
|
77
|
+
if (!shouldRender)
|
|
78
|
+
return null;
|
|
79
|
+
const isSmall = size === "small";
|
|
80
|
+
const dotSize = isSmall ? "6px" : "8px";
|
|
81
|
+
const smallDotSize = isSmall ? "5px" : "6px";
|
|
82
|
+
const containerPadding = isSmall ? "8px 12px" : "12px 16px";
|
|
83
|
+
const smallContainerPadding = isSmall ? "6px 10px" : "8px 12px";
|
|
84
|
+
const isCompleted = state === "completed";
|
|
85
|
+
const TypingDots = React.useMemo(() => React.memo(({ delay = 0, small = false, }) => (_jsx(HStack, { gap: small ? "4px" : "6px", justify: "center", children: [0, 1, 2].map((index) => (_jsx(Box, { w: small ? smallDotSize : dotSize, h: small ? smallDotSize : dotSize, bg: "#2BCFA1", borderRadius: "full", style: getDotStyle(index, delay, small) }, index))) }))), [getDotStyle, dotSize, smallDotSize]);
|
|
86
|
+
if (isCompleted) {
|
|
87
|
+
return (_jsx(Box, { alignSelf: "flex-start", maxW: "80%", mb: isSmall ? 2 : 4, style: containerAnimationStyle, children: _jsx(Box, { bg: "rgba(43, 207, 161, 0.15)", p: smallContainerPadding, borderRadius: "16px", w: "fit-content", border: "1px solid rgba(43, 207, 161, 0.2)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)", children: _jsx(TypingDots, { delay: 0.1, small: true }) }) }));
|
|
88
|
+
}
|
|
89
|
+
return (_jsx(Box, { alignSelf: "flex-start", maxW: "80%", mb: isSmall ? 2 : 4, style: containerAnimationStyle, children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [_jsx(Box, { bg: "rgba(34, 197, 94, 0.2)", p: containerPadding, borderRadius: "20px", w: "fit-content", border: "1px solid rgba(34, 197, 94, 0.3)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)", children: _jsx(TypingDots, {}) }), _jsx(Box, { bg: "rgba(34, 197, 94, 0.2)", p: smallContainerPadding, borderRadius: "16px", w: "fit-content", border: "1px solid rgba(34, 197, 94, 0.3)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)", children: _jsx(TypingDots, { delay: 0.1, small: true }) })] }) }));
|
|
90
|
+
});
|
|
91
|
+
const MessageBubble = React.memo(function MessageBubble({ children, size = "normal", }) {
|
|
92
|
+
const isSmall = size === "small";
|
|
93
|
+
const containerPadding = isSmall ? "12px 16px" : "16px 20px";
|
|
94
|
+
return (_jsx(Box, { alignSelf: "flex-start", maxW: "85%", mb: isSmall ? 2 : 4, children: _jsx(Box, { bg: "rgba(55, 65, 81, 0.9)", p: containerPadding, borderRadius: "18px", borderBottomLeftRadius: "6px", w: "fit-content", border: "1px solid rgba(75, 85, 99, 0.3)", backdropFilter: "blur(10px)", boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)", children: _jsx(Text, { fontSize: isSmall ? "sm" : "md", color: "white", fontWeight: "normal", lineHeight: "1.5", children: children }) }) }));
|
|
95
|
+
});
|
|
96
|
+
export { TypingIndicator, MessageBubble };
|
|
97
|
+
export default TypingIndicator;
|
|
98
|
+
//# sourceMappingURL=TypingIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TypingIndicator.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/components/TypingIndicator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface TooltipProps {
|
|
3
|
+
showArrow?: boolean;
|
|
4
|
+
portalled?: boolean;
|
|
5
|
+
portalRef?: React.RefObject<HTMLElement>;
|
|
6
|
+
content: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
placement?: string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Tooltip as ChakraTooltip } from "@chakra-ui/react";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export const Tooltip = React.forwardRef(function Tooltip({ showArrow, children, disabled, portalled = true, content, portalRef, placement, ...rest }, _ref) {
|
|
5
|
+
if (disabled)
|
|
6
|
+
return _jsx(_Fragment, { children: children });
|
|
7
|
+
return (_jsx(ChakraTooltip, { label: content, hasArrow: !!showArrow, portalProps: { containerRef: portalRef }, placement: placement, ...rest, children: _jsx("span", { children: children }) }));
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/lib/chatbot/components/ui/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CAAC,EACf,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACR,EAAE,IAAI;IACL,IAAI,QAAQ;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAA;IAEpC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,SAAS,EACrB,WAAW,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EACxC,SAAS,EAAE,SAAgB,KACtB,IAAY,YAEjB,yBAAO,QAAQ,GAAQ,GACT,CACjB,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Message, ChatbotUser, ChatbotView } from "../types";
|
|
2
|
+
interface UseChatbotProps {
|
|
3
|
+
apiBaseUrl: string;
|
|
4
|
+
apiKey?: string;
|
|
5
|
+
initialUser?: Partial<ChatbotUser>;
|
|
6
|
+
}
|
|
7
|
+
export declare const useChatbot: ({ apiBaseUrl, apiKey, initialUser, }: UseChatbotProps) => {
|
|
8
|
+
messages: Message[];
|
|
9
|
+
user: ChatbotUser;
|
|
10
|
+
currentView: ChatbotView;
|
|
11
|
+
isLoading: boolean;
|
|
12
|
+
isTyping: boolean;
|
|
13
|
+
isEmailSubmitting: boolean;
|
|
14
|
+
isStartingChat: boolean;
|
|
15
|
+
historyMessageIds: Set<string>;
|
|
16
|
+
currentlyProcessingMessageId: string | null;
|
|
17
|
+
handleStartChat: () => Promise<void>;
|
|
18
|
+
handleBackToHello: () => void;
|
|
19
|
+
handleEmailSubmit: (email: string, showToast?: (message: string, status: "error" | "success") => void) => Promise<void>;
|
|
20
|
+
handleSendMessage: (text: string) => Promise<void>;
|
|
21
|
+
handleRetryLastMessage: () => Promise<void>;
|
|
22
|
+
resetChat: () => void;
|
|
23
|
+
clearProcessingMessageId: () => void;
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
import { useState, useCallback } from "react";
|
|
2
|
+
import { ChatbotAPI, } from "../api/client";
|
|
3
|
+
import { generateMessageId } from "../utils/helpers";
|
|
4
|
+
export const useChatbot = ({ apiBaseUrl, apiKey, initialUser, }) => {
|
|
5
|
+
const [messages, setMessages] = useState([]);
|
|
6
|
+
const [user, setUser] = useState({
|
|
7
|
+
email: initialUser?.email ?? "",
|
|
8
|
+
isLoggedIn: initialUser?.isLoggedIn !== undefined
|
|
9
|
+
? initialUser.isLoggedIn
|
|
10
|
+
: Boolean(initialUser?.email),
|
|
11
|
+
name: initialUser?.name,
|
|
12
|
+
logoUrl: initialUser?.logoUrl,
|
|
13
|
+
});
|
|
14
|
+
const [currentView, setCurrentView] = useState("hello");
|
|
15
|
+
const [threadId, setThreadId] = useState("");
|
|
16
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
17
|
+
const [isTyping, setIsTyping] = useState(false);
|
|
18
|
+
const [isEmailSubmitting, setIsEmailSubmitting] = useState(false);
|
|
19
|
+
const [isStartingChat, setIsStartingChat] = useState(false);
|
|
20
|
+
const [historyMessageIds, setHistoryMessageIds] = useState(new Set());
|
|
21
|
+
const [currentlyProcessingMessageId, setCurrentlyProcessingMessageId] = useState(null);
|
|
22
|
+
const [lastFailedMessage, setLastFailedMessage] = useState(null);
|
|
23
|
+
const api = new ChatbotAPI(apiBaseUrl, apiKey);
|
|
24
|
+
const handleStartChat = useCallback(async () => {
|
|
25
|
+
setIsStartingChat(true);
|
|
26
|
+
try {
|
|
27
|
+
if (user.isLoggedIn && user.email && !threadId) {
|
|
28
|
+
const startChatRequest = {
|
|
29
|
+
email: user.email,
|
|
30
|
+
};
|
|
31
|
+
const response = await api.startChatSession(startChatRequest);
|
|
32
|
+
setThreadId(response.thread_id);
|
|
33
|
+
if (response.thread_id) {
|
|
34
|
+
const history = await api.getConversationHistory(response.thread_id);
|
|
35
|
+
const historyIds = new Set(history.map((msg) => msg.id));
|
|
36
|
+
setHistoryMessageIds(historyIds);
|
|
37
|
+
setMessages(history);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
setCurrentView("chat");
|
|
41
|
+
}
|
|
42
|
+
catch (error) {
|
|
43
|
+
console.error("Error starting chat session:", error);
|
|
44
|
+
}
|
|
45
|
+
finally {
|
|
46
|
+
setIsStartingChat(false);
|
|
47
|
+
}
|
|
48
|
+
}, [api, threadId, user.email, user.isLoggedIn]);
|
|
49
|
+
const handleBackToHello = useCallback(() => {
|
|
50
|
+
setCurrentView("hello");
|
|
51
|
+
}, []);
|
|
52
|
+
const handleEmailSubmit = useCallback(async (email, showToast) => {
|
|
53
|
+
setIsEmailSubmitting(true);
|
|
54
|
+
try {
|
|
55
|
+
const startChatRequest = { email };
|
|
56
|
+
const response = await api.startChatSession(startChatRequest);
|
|
57
|
+
setThreadId(response.thread_id);
|
|
58
|
+
setUser({ email, isLoggedIn: true });
|
|
59
|
+
if (response.thread_id) {
|
|
60
|
+
const history = await api.getConversationHistory(response.thread_id);
|
|
61
|
+
const historyIds = new Set(history.map((msg) => msg.id));
|
|
62
|
+
setHistoryMessageIds(historyIds);
|
|
63
|
+
setMessages(history);
|
|
64
|
+
}
|
|
65
|
+
setIsEmailSubmitting(false);
|
|
66
|
+
}
|
|
67
|
+
catch (error) {
|
|
68
|
+
console.error("Error starting chat session:", error);
|
|
69
|
+
setIsEmailSubmitting(false);
|
|
70
|
+
if (showToast) {
|
|
71
|
+
const errorMessage = error instanceof Error
|
|
72
|
+
? error.message
|
|
73
|
+
: "Connection failed";
|
|
74
|
+
showToast(`Failed to start chat session: ${errorMessage}`, "error");
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
const errorMessage = {
|
|
78
|
+
id: generateMessageId(),
|
|
79
|
+
text: `Sorry, I'm having trouble connecting to the chat service. Please check if the API server is running and try again later.\n\nError: ${error instanceof Error
|
|
80
|
+
? error.message
|
|
81
|
+
: "Connection failed"}`,
|
|
82
|
+
sender: "bot",
|
|
83
|
+
timestamp: new Date(),
|
|
84
|
+
isError: true,
|
|
85
|
+
};
|
|
86
|
+
setMessages([errorMessage]);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}, [api]);
|
|
90
|
+
const handleSendMessage = useCallback(async (text) => {
|
|
91
|
+
setLastFailedMessage(null);
|
|
92
|
+
const newMessage = {
|
|
93
|
+
id: generateMessageId(),
|
|
94
|
+
text,
|
|
95
|
+
sender: "user",
|
|
96
|
+
timestamp: new Date(),
|
|
97
|
+
};
|
|
98
|
+
setMessages((prev) => [...prev, newMessage]);
|
|
99
|
+
setIsLoading(true);
|
|
100
|
+
setIsTyping(true);
|
|
101
|
+
try {
|
|
102
|
+
if (!threadId) {
|
|
103
|
+
throw new Error("No active chat session. Please refresh and try again.");
|
|
104
|
+
}
|
|
105
|
+
const request = {
|
|
106
|
+
thread_id: threadId,
|
|
107
|
+
message: text,
|
|
108
|
+
};
|
|
109
|
+
const response = await api.sendMessage(request);
|
|
110
|
+
const botResponse = {
|
|
111
|
+
id: generateMessageId(),
|
|
112
|
+
text: response.message,
|
|
113
|
+
sender: "bot",
|
|
114
|
+
timestamp: new Date(),
|
|
115
|
+
};
|
|
116
|
+
setCurrentlyProcessingMessageId(botResponse.id);
|
|
117
|
+
setMessages((prev) => [...prev, botResponse]);
|
|
118
|
+
setIsTyping(false);
|
|
119
|
+
setIsLoading(false);
|
|
120
|
+
}
|
|
121
|
+
catch (error) {
|
|
122
|
+
console.error("Error sending message:", error);
|
|
123
|
+
setLastFailedMessage(text);
|
|
124
|
+
const errorMessage = {
|
|
125
|
+
id: generateMessageId(),
|
|
126
|
+
text: `Sorry, I'm having trouble connecting to the chat service. Please check if the API server is running and try again later.\n\nError: ${error instanceof Error
|
|
127
|
+
? error.message
|
|
128
|
+
: "Connection failed"}`,
|
|
129
|
+
sender: "bot",
|
|
130
|
+
timestamp: new Date(),
|
|
131
|
+
isError: true,
|
|
132
|
+
};
|
|
133
|
+
setMessages((prev) => [...prev, errorMessage]);
|
|
134
|
+
setIsTyping(false);
|
|
135
|
+
setIsLoading(false);
|
|
136
|
+
}
|
|
137
|
+
}, [api, threadId]);
|
|
138
|
+
const resetChat = useCallback(() => {
|
|
139
|
+
setMessages([]);
|
|
140
|
+
setUser({ email: "", isLoggedIn: false });
|
|
141
|
+
setCurrentView("hello");
|
|
142
|
+
setThreadId("");
|
|
143
|
+
setIsLoading(false);
|
|
144
|
+
setIsTyping(false);
|
|
145
|
+
setHistoryMessageIds(new Set());
|
|
146
|
+
setCurrentlyProcessingMessageId(null);
|
|
147
|
+
setLastFailedMessage(null);
|
|
148
|
+
}, []);
|
|
149
|
+
const handleRetryLastMessage = useCallback(async () => {
|
|
150
|
+
if (!lastFailedMessage || !threadId)
|
|
151
|
+
return;
|
|
152
|
+
setMessages((prev) => {
|
|
153
|
+
const lastMessage = prev[prev.length - 1];
|
|
154
|
+
if (lastMessage?.isError) {
|
|
155
|
+
return prev.slice(0, -1);
|
|
156
|
+
}
|
|
157
|
+
return prev;
|
|
158
|
+
});
|
|
159
|
+
setIsLoading(true);
|
|
160
|
+
setIsTyping(true);
|
|
161
|
+
try {
|
|
162
|
+
const request = {
|
|
163
|
+
thread_id: threadId,
|
|
164
|
+
message: lastFailedMessage,
|
|
165
|
+
};
|
|
166
|
+
const response = await api.sendMessage(request);
|
|
167
|
+
const botResponse = {
|
|
168
|
+
id: generateMessageId(),
|
|
169
|
+
text: response.message,
|
|
170
|
+
sender: "bot",
|
|
171
|
+
timestamp: new Date(),
|
|
172
|
+
};
|
|
173
|
+
setCurrentlyProcessingMessageId(botResponse.id);
|
|
174
|
+
setMessages((prev) => [...prev, botResponse]);
|
|
175
|
+
setLastFailedMessage(null);
|
|
176
|
+
}
|
|
177
|
+
catch (error) {
|
|
178
|
+
console.error("Error retrying message:", error);
|
|
179
|
+
const errorMessage = {
|
|
180
|
+
id: generateMessageId(),
|
|
181
|
+
text: `Sorry, I'm still having trouble connecting to the chat service. Please try again later.\n\nError: ${error instanceof Error ? error.message : "Connection failed"}`,
|
|
182
|
+
sender: "bot",
|
|
183
|
+
timestamp: new Date(),
|
|
184
|
+
isError: true,
|
|
185
|
+
};
|
|
186
|
+
setMessages((prev) => [...prev, errorMessage]);
|
|
187
|
+
}
|
|
188
|
+
finally {
|
|
189
|
+
setIsTyping(false);
|
|
190
|
+
setIsLoading(false);
|
|
191
|
+
}
|
|
192
|
+
}, [lastFailedMessage, threadId, api]);
|
|
193
|
+
return {
|
|
194
|
+
messages,
|
|
195
|
+
user,
|
|
196
|
+
currentView,
|
|
197
|
+
isLoading,
|
|
198
|
+
isTyping,
|
|
199
|
+
isEmailSubmitting,
|
|
200
|
+
isStartingChat,
|
|
201
|
+
historyMessageIds,
|
|
202
|
+
currentlyProcessingMessageId,
|
|
203
|
+
handleStartChat,
|
|
204
|
+
handleBackToHello,
|
|
205
|
+
handleEmailSubmit,
|
|
206
|
+
handleSendMessage,
|
|
207
|
+
handleRetryLastMessage,
|
|
208
|
+
resetChat,
|
|
209
|
+
clearProcessingMessageId: () => setCurrentlyProcessingMessageId(null),
|
|
210
|
+
};
|
|
211
|
+
};
|
|
212
|
+
//# sourceMappingURL=useChatbot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChatbot.js","sourceRoot":"","sources":["../../../../src/lib/chatbot/hooks/useChatbot.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as Chatbot } from './components/Chatbot';
|
|
2
|
+
export { default as HelloPage } from './views/HelloPage';
|
|
3
|
+
export { default as ChatPage } from './views/ChatPage';
|
|
4
|
+
export { useChatbot } from './hooks/useChatbot';
|
|
5
|
+
export type { Message, ChatbotUser, ChatbotView, NavigationLink, MessageSuggestion } from './types';
|