vdb-ai-chat 1.0.0
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 +153 -0
- package/dist/chat-widget.js +2 -0
- package/dist/chat-widget.js.LICENSE.txt +29 -0
- package/lib/commonjs/api.js +157 -0
- package/lib/commonjs/api.js.map +1 -0
- package/lib/commonjs/components/ChatHeader.js +111 -0
- package/lib/commonjs/components/ChatHeader.js.map +1 -0
- package/lib/commonjs/components/ChatInput.js +144 -0
- package/lib/commonjs/components/ChatInput.js.map +1 -0
- package/lib/commonjs/components/ChatWidget.js +469 -0
- package/lib/commonjs/components/ChatWidget.js.map +1 -0
- package/lib/commonjs/components/MessageBubble.js +122 -0
- package/lib/commonjs/components/MessageBubble.js.map +1 -0
- package/lib/commonjs/components/ProductsList.js +139 -0
- package/lib/commonjs/components/ProductsList.js.map +1 -0
- package/lib/commonjs/components/SuggestionsRow.js +59 -0
- package/lib/commonjs/components/SuggestionsRow.js.map +1 -0
- package/lib/commonjs/components/utils.js +37 -0
- package/lib/commonjs/components/utils.js.map +1 -0
- package/lib/commonjs/index.js +70 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/index.native.js +70 -0
- package/lib/commonjs/index.native.js.map +1 -0
- package/lib/commonjs/index.web.js +30 -0
- package/lib/commonjs/index.web.js.map +1 -0
- package/lib/commonjs/storage.js +136 -0
- package/lib/commonjs/storage.js.map +1 -0
- package/lib/commonjs/theme.js +29 -0
- package/lib/commonjs/theme.js.map +1 -0
- package/lib/commonjs/types.js +2 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/module/api.js +146 -0
- package/lib/module/api.js.map +1 -0
- package/lib/module/components/ChatHeader.js +105 -0
- package/lib/module/components/ChatHeader.js.map +1 -0
- package/lib/module/components/ChatInput.js +136 -0
- package/lib/module/components/ChatInput.js.map +1 -0
- package/lib/module/components/ChatWidget.js +461 -0
- package/lib/module/components/ChatWidget.js.map +1 -0
- package/lib/module/components/MessageBubble.js +116 -0
- package/lib/module/components/MessageBubble.js.map +1 -0
- package/lib/module/components/ProductsList.js +133 -0
- package/lib/module/components/ProductsList.js.map +1 -0
- package/lib/module/components/SuggestionsRow.js +52 -0
- package/lib/module/components/SuggestionsRow.js.map +1 -0
- package/lib/module/components/utils.js +29 -0
- package/lib/module/components/utils.js.map +1 -0
- package/lib/module/index.js +7 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/index.native.js +7 -0
- package/lib/module/index.native.js.map +1 -0
- package/lib/module/index.web.js +23 -0
- package/lib/module/index.web.js.map +1 -0
- package/lib/module/storage.js +129 -0
- package/lib/module/storage.js.map +1 -0
- package/lib/module/theme.js +22 -0
- package/lib/module/theme.js.map +1 -0
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -0
- package/lib/typescript/api.d.ts +10 -0
- package/lib/typescript/api.d.ts.map +1 -0
- package/lib/typescript/components/ChatHeader.d.ts +6 -0
- package/lib/typescript/components/ChatHeader.d.ts.map +1 -0
- package/lib/typescript/components/ChatInput.d.ts +15 -0
- package/lib/typescript/components/ChatInput.d.ts.map +1 -0
- package/lib/typescript/components/ChatWidget.d.ts +4 -0
- package/lib/typescript/components/ChatWidget.d.ts.map +1 -0
- package/lib/typescript/components/MessageBubble.d.ts +13 -0
- package/lib/typescript/components/MessageBubble.d.ts.map +1 -0
- package/lib/typescript/components/ProductsList.d.ts +9 -0
- package/lib/typescript/components/ProductsList.d.ts.map +1 -0
- package/lib/typescript/components/SuggestionsRow.d.ts +8 -0
- package/lib/typescript/components/SuggestionsRow.d.ts.map +1 -0
- package/lib/typescript/components/utils.d.ts +8 -0
- package/lib/typescript/components/utils.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/index.native.d.ts +6 -0
- package/lib/typescript/index.native.d.ts.map +1 -0
- package/lib/typescript/index.web.d.ts +3 -0
- package/lib/typescript/index.web.d.ts.map +1 -0
- package/lib/typescript/storage.d.ts +28 -0
- package/lib/typescript/storage.d.ts.map +1 -0
- package/lib/typescript/theme.d.ts +4 -0
- package/lib/typescript/theme.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +51 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/package.json +90 -0
- package/src/api.ts +200 -0
- package/src/components/ChatHeader.tsx +114 -0
- package/src/components/ChatInput.tsx +163 -0
- package/src/components/ChatWidget.tsx +679 -0
- package/src/components/MessageBubble.tsx +181 -0
- package/src/components/ProductsList.tsx +160 -0
- package/src/components/SuggestionsRow.tsx +73 -0
- package/src/components/utils.ts +43 -0
- package/src/index.native.tsx +6 -0
- package/src/index.ts +7 -0
- package/src/index.web.tsx +33 -0
- package/src/storage.ts +142 -0
- package/src/theme.ts +21 -0
- package/src/types.ts +56 -0
|
@@ -0,0 +1,461 @@
|
|
|
1
|
+
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
2
|
+
import { View, StyleSheet, ScrollView, Text, DeviceEventEmitter, Platform } from "react-native";
|
|
3
|
+
import { ChatInput } from "./ChatInput";
|
|
4
|
+
import { MessageBubble } from "./MessageBubble";
|
|
5
|
+
import { mergeTheme } from "../theme";
|
|
6
|
+
import { fetchInitialMessages, getProducts, handleFeedbackActionApi, normaliseMessages, sendUserMessage } from "../api";
|
|
7
|
+
import ChatHeader from "./ChatHeader";
|
|
8
|
+
import SuggestionsRow from "./SuggestionsRow";
|
|
9
|
+
import ProductsList from "./ProductsList";
|
|
10
|
+
import { FeedbackAction, formatToTime } from "./utils";
|
|
11
|
+
import { Storage } from "../storage";
|
|
12
|
+
export const ChatWidget = /*#__PURE__*/forwardRef(({
|
|
13
|
+
apiUrl,
|
|
14
|
+
userId: userIdProp,
|
|
15
|
+
userToken: userTokenProp,
|
|
16
|
+
priceMode: priceModeProp,
|
|
17
|
+
modalHeight,
|
|
18
|
+
theme: themeOverrides,
|
|
19
|
+
initialMessages = [],
|
|
20
|
+
placeholder,
|
|
21
|
+
onClose,
|
|
22
|
+
onClearChat,
|
|
23
|
+
onViewAllPress,
|
|
24
|
+
onItemPress: onItemPressProp
|
|
25
|
+
}, ref) => {
|
|
26
|
+
const [messages, setMessages] = useState(initialMessages);
|
|
27
|
+
const [input, setInput] = useState("");
|
|
28
|
+
const [loading, setLoading] = useState(false);
|
|
29
|
+
const [loadingMessageId, setLoadingMessageId] = useState(null);
|
|
30
|
+
const [typingMessageId, setTypingMessageId] = useState(null);
|
|
31
|
+
const [typingFullText, setTypingFullText] = useState("");
|
|
32
|
+
const [assistantResponse, setAssistantResponse] = useState(undefined);
|
|
33
|
+
const [products, setProducts] = useState(null);
|
|
34
|
+
const [priceMode, setPriceMode] = useState(priceModeProp || null);
|
|
35
|
+
const [conversationId, setConversationId] = useState(null);
|
|
36
|
+
const [userId, setUserId] = useState(userIdProp || "");
|
|
37
|
+
const [userToken, setUserToken] = useState(userTokenProp || "");
|
|
38
|
+
const scrollRef = useRef(null);
|
|
39
|
+
const inputRef = useRef(null);
|
|
40
|
+
const theme = useMemo(() => mergeTheme(themeOverrides), [themeOverrides]);
|
|
41
|
+
|
|
42
|
+
// Load user auth data from storage on mount
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
const loadAuthData = async () => {
|
|
45
|
+
try {
|
|
46
|
+
if (!userIdProp) {
|
|
47
|
+
const userData = await Storage.getJSON("userData", {});
|
|
48
|
+
if (userData?.id) {
|
|
49
|
+
setUserId(userData.id);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
if (!userTokenProp) {
|
|
53
|
+
const token = await Storage.getItem("token");
|
|
54
|
+
if (token) {
|
|
55
|
+
setUserToken(token);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
} catch (e) {
|
|
59
|
+
console.error("Failed to load auth data from storage", e);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
loadAuthData();
|
|
63
|
+
}, [userIdProp, userTokenProp]);
|
|
64
|
+
const onViewAll = useCallback(() => {
|
|
65
|
+
const searchPayload = JSON.stringify(assistantResponse?.agent_response?.payload);
|
|
66
|
+
const payload = assistantResponse?.agent_response?.payload;
|
|
67
|
+
if (!payload) return;
|
|
68
|
+
const domain = apiUrl.split("v3");
|
|
69
|
+
const deepLinkUrl = `${domain[0]}webapp/${payload.lab_grown === "true" ? "lab-grown-diamonds" : "natural-diamonds"}/search?priceMode=${priceMode}&productType=${payload.lab_grown === "true" ? "lab_grown_diamond" : "diamond"}&fromNewFilterScreen=false&filterSplitStep=1§ionName=Single%20Stones&breadCrumbLabel=Stone%20Search&enterSecondFlow=false&saved_search=${searchPayload}`;
|
|
70
|
+
|
|
71
|
+
// If custom handler is provided (React Native), use it
|
|
72
|
+
if (onViewAllPress) {
|
|
73
|
+
onViewAllPress(deepLinkUrl, payload);
|
|
74
|
+
} else if (Platform.OS === "web") {
|
|
75
|
+
// Default behavior for web
|
|
76
|
+
window.open(deepLinkUrl, "_parent");
|
|
77
|
+
}
|
|
78
|
+
}, [assistantResponse, apiUrl, priceMode, onViewAllPress]);
|
|
79
|
+
const onItemPress = useCallback(item => {
|
|
80
|
+
const domain = apiUrl.split("v3");
|
|
81
|
+
const deepLinkUrl = `${domain[0]}webapp/${item.type === "lab_grown_diamond" ? "lab-grown-diamonds" : "natural-diamonds"}/item-detail/${item.id}?productType=${item.type}&priceMode=${priceMode}&breadCrumbLabel=Stone%20Details`;
|
|
82
|
+
|
|
83
|
+
// If custom handler is provided (React Native), use it
|
|
84
|
+
if (onItemPressProp) {
|
|
85
|
+
onItemPressProp(deepLinkUrl, item);
|
|
86
|
+
} else if (Platform.OS === "web") {
|
|
87
|
+
// Default behavior for web
|
|
88
|
+
window.open(deepLinkUrl, "_parent");
|
|
89
|
+
}
|
|
90
|
+
}, [apiUrl, priceMode, onItemPressProp]);
|
|
91
|
+
const hasAuth = useMemo(() => Boolean(userId || userToken), [userId, userToken]);
|
|
92
|
+
const apiParams = useMemo(() => ({
|
|
93
|
+
conversationId: userToken || userId
|
|
94
|
+
}), [userId, userToken]);
|
|
95
|
+
const handleFeedbackAction = useCallback(async (action, conversation_id, message_id) => {
|
|
96
|
+
try {
|
|
97
|
+
// Use functional update to get current messages without dependency
|
|
98
|
+
let currentReaction = "0";
|
|
99
|
+
setMessages(prev => {
|
|
100
|
+
const msg = prev.find(m => m.id === message_id);
|
|
101
|
+
currentReaction = msg?.reaction || "0";
|
|
102
|
+
return prev;
|
|
103
|
+
});
|
|
104
|
+
const nextAction = currentReaction === action ? FeedbackAction.UNSET : action;
|
|
105
|
+
const res = await handleFeedbackActionApi(nextAction, conversation_id, message_id);
|
|
106
|
+
if (res.ok) {
|
|
107
|
+
setMessages(prev => prev.map(m => m.id === message_id ? {
|
|
108
|
+
...m,
|
|
109
|
+
reaction: nextAction
|
|
110
|
+
} : m));
|
|
111
|
+
} else {
|
|
112
|
+
console.error("Feedback API failed", res.status);
|
|
113
|
+
}
|
|
114
|
+
} catch (e) {
|
|
115
|
+
console.error("Feedback API error", e);
|
|
116
|
+
}
|
|
117
|
+
}, []);
|
|
118
|
+
|
|
119
|
+
// Load initial history on mount
|
|
120
|
+
useEffect(() => {
|
|
121
|
+
let cancelled = false;
|
|
122
|
+
const load = async () => {
|
|
123
|
+
if (!hasAuth) return;
|
|
124
|
+
try {
|
|
125
|
+
const initial = await fetchInitialMessages(apiUrl, apiParams, priceMode);
|
|
126
|
+
if (!cancelled) {
|
|
127
|
+
setMessages(normaliseMessages(initial).reverse());
|
|
128
|
+
}
|
|
129
|
+
} catch (error) {
|
|
130
|
+
console.error("Failed to fetch initial messages", error);
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
if (!initialMessages.length) {
|
|
134
|
+
load();
|
|
135
|
+
}
|
|
136
|
+
return () => {
|
|
137
|
+
cancelled = true;
|
|
138
|
+
};
|
|
139
|
+
}, [apiUrl, apiParams, initialMessages.length, hasAuth, priceMode]);
|
|
140
|
+
const sendMessage = useCallback(async rawText => {
|
|
141
|
+
const trimmed = rawText.trim();
|
|
142
|
+
if (!trimmed || loading) return;
|
|
143
|
+
if (products) {
|
|
144
|
+
setProducts(null);
|
|
145
|
+
}
|
|
146
|
+
const userMessage = {
|
|
147
|
+
id: `user-${Date.now()}`,
|
|
148
|
+
role: "user",
|
|
149
|
+
text: trimmed,
|
|
150
|
+
createdAt: Date.now()
|
|
151
|
+
};
|
|
152
|
+
const loadingId = `bot-loading-${Date.now()}`;
|
|
153
|
+
const loadingMessage = {
|
|
154
|
+
id: loadingId,
|
|
155
|
+
role: "assistant",
|
|
156
|
+
text: "Thinking",
|
|
157
|
+
createdAt: Date.now(),
|
|
158
|
+
isLoading: true
|
|
159
|
+
};
|
|
160
|
+
setMessages(prev => [...prev, userMessage, loadingMessage]);
|
|
161
|
+
setLoadingMessageId(loadingId);
|
|
162
|
+
setLoading(true);
|
|
163
|
+
try {
|
|
164
|
+
if (!hasAuth) {
|
|
165
|
+
setMessages(prev => prev.map(msg => msg.id === loadingId ? {
|
|
166
|
+
...msg,
|
|
167
|
+
text: "Chat is unavailable (missing user authentication).",
|
|
168
|
+
isLoading: false
|
|
169
|
+
} : msg));
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
const historyForApi = [...messages, userMessage];
|
|
173
|
+
const updatedMessages = await sendUserMessage(apiUrl, trimmed, apiParams, historyForApi, priceMode);
|
|
174
|
+
const normalised = normaliseMessages(updatedMessages);
|
|
175
|
+
const latestAssistant = normalised.find(m => m.role === "assistant");
|
|
176
|
+
setAssistantResponse(latestAssistant);
|
|
177
|
+
if (latestAssistant?.text) {
|
|
178
|
+
// If there is an agent_response, try to fetch products first
|
|
179
|
+
if (latestAssistant?.agent_response && typeof latestAssistant.agent_response === "object" && Object.keys(latestAssistant.agent_response).length > 0) {
|
|
180
|
+
const productsResult = await getProducts(latestAssistant.agent_response.payload);
|
|
181
|
+
const hasDiamonds = productsResult && productsResult.response && productsResult.response.body && Array.isArray(productsResult.response.body.diamonds) && productsResult.response.body.diamonds.length > 0;
|
|
182
|
+
if (!hasDiamonds) {
|
|
183
|
+
const noResultsText = "No results found for your search. Try adjusting your filters or query.";
|
|
184
|
+
setLoadingMessageId(null);
|
|
185
|
+
setTypingMessageId(null);
|
|
186
|
+
setTypingFullText("");
|
|
187
|
+
setProducts(null);
|
|
188
|
+
setMessages(prev => prev.map(msg => msg.id === loadingId ? {
|
|
189
|
+
...msg,
|
|
190
|
+
id: latestAssistant?.id ?? msg.id,
|
|
191
|
+
text: noResultsText,
|
|
192
|
+
isLoading: false,
|
|
193
|
+
suggestions: []
|
|
194
|
+
} : msg));
|
|
195
|
+
inputRef.current?.focus();
|
|
196
|
+
return;
|
|
197
|
+
}
|
|
198
|
+
setProducts({
|
|
199
|
+
messageId: latestAssistant.id,
|
|
200
|
+
data: productsResult
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
setLoadingMessageId(null);
|
|
204
|
+
setMessages(prev => prev.map(msg => msg.id === loadingId ? {
|
|
205
|
+
...msg,
|
|
206
|
+
id: latestAssistant.id,
|
|
207
|
+
text: "",
|
|
208
|
+
isLoading: false,
|
|
209
|
+
suggestions: latestAssistant.suggestions
|
|
210
|
+
} : msg));
|
|
211
|
+
|
|
212
|
+
// Use setTimeout to ensure state is updated before starting typewriter
|
|
213
|
+
setTimeout(() => {
|
|
214
|
+
setTypingMessageId(latestAssistant.id);
|
|
215
|
+
setTypingFullText(latestAssistant.text);
|
|
216
|
+
}, 50);
|
|
217
|
+
} else {
|
|
218
|
+
setMessages(prev => prev.map(msg => msg.id === loadingId ? {
|
|
219
|
+
...msg,
|
|
220
|
+
isLoading: false
|
|
221
|
+
} : msg));
|
|
222
|
+
}
|
|
223
|
+
} catch (err) {
|
|
224
|
+
setMessages(prev => prev.map(msg => msg.id === loadingId ? {
|
|
225
|
+
...msg,
|
|
226
|
+
text: "Sorry, something went wrong. Please try again.",
|
|
227
|
+
isLoading: false
|
|
228
|
+
} : msg));
|
|
229
|
+
console.error(err);
|
|
230
|
+
} finally {
|
|
231
|
+
setLoading(false);
|
|
232
|
+
setLoadingMessageId(null);
|
|
233
|
+
inputRef.current?.focus();
|
|
234
|
+
}
|
|
235
|
+
}, [apiUrl, loading, messages, apiParams, hasAuth, priceMode, products]);
|
|
236
|
+
const handleSend = useCallback(async () => {
|
|
237
|
+
const trimmed = input.trim();
|
|
238
|
+
if (!trimmed) return;
|
|
239
|
+
setInput("");
|
|
240
|
+
sendMessage(trimmed);
|
|
241
|
+
}, [input, sendMessage]);
|
|
242
|
+
const handleSuggestionSelect = useCallback(value => {
|
|
243
|
+
sendMessage(value);
|
|
244
|
+
}, [sendMessage]);
|
|
245
|
+
const handleReloadResults = useCallback(async msg => {
|
|
246
|
+
try {
|
|
247
|
+
const payload = msg?.agent_response?.payload;
|
|
248
|
+
if (!payload) return;
|
|
249
|
+
const productsResult = await getProducts(payload);
|
|
250
|
+
setProducts({
|
|
251
|
+
messageId: msg.id,
|
|
252
|
+
data: productsResult
|
|
253
|
+
});
|
|
254
|
+
} catch (e) {
|
|
255
|
+
console.error("Reload results failed", e);
|
|
256
|
+
}
|
|
257
|
+
}, []);
|
|
258
|
+
useEffect(() => {
|
|
259
|
+
DeviceEventEmitter.addListener("clearChat", handleClearChat);
|
|
260
|
+
DeviceEventEmitter.addListener("changePriceMode", data => changePriceMode(data.priceMode));
|
|
261
|
+
changePriceMode(undefined);
|
|
262
|
+
return () => {
|
|
263
|
+
DeviceEventEmitter.removeAllListeners("clearChat");
|
|
264
|
+
DeviceEventEmitter.removeAllListeners("changePriceMode");
|
|
265
|
+
};
|
|
266
|
+
}, []);
|
|
267
|
+
const changePriceMode = async _priceMode => {
|
|
268
|
+
// Priority: passed argument > prop > storage
|
|
269
|
+
if (!_priceMode && priceModeProp) {
|
|
270
|
+
_priceMode = priceModeProp;
|
|
271
|
+
}
|
|
272
|
+
if (!_priceMode) {
|
|
273
|
+
const userData = await Storage.getJSON("userData", {});
|
|
274
|
+
_priceMode = userData?.price_mode;
|
|
275
|
+
}
|
|
276
|
+
setPriceMode(_priceMode || null);
|
|
277
|
+
};
|
|
278
|
+
|
|
279
|
+
// Update conversationId when priceMode changes
|
|
280
|
+
useEffect(() => {
|
|
281
|
+
const loadConversationId = async () => {
|
|
282
|
+
if (!priceMode) {
|
|
283
|
+
setConversationId(null);
|
|
284
|
+
return;
|
|
285
|
+
}
|
|
286
|
+
const conversations = await Storage.getJSON("vdbchat_conversations", {});
|
|
287
|
+
const storedId = conversations?.[priceMode]?.conversation_id ?? null;
|
|
288
|
+
setConversationId(storedId ? String(storedId) : null);
|
|
289
|
+
};
|
|
290
|
+
loadConversationId();
|
|
291
|
+
}, [priceMode, messages]); // Re-fetch when messages change (new conversation might be created)
|
|
292
|
+
|
|
293
|
+
const handleClearChat = useCallback(async () => {
|
|
294
|
+
try {
|
|
295
|
+
const conversations = await Storage.getJSON("vdbchat_conversations", {});
|
|
296
|
+
const storedId = conversations?.[priceMode]?.conversation_id ?? null;
|
|
297
|
+
if (storedId && priceMode) {
|
|
298
|
+
const updatedConversations = conversations || {};
|
|
299
|
+
delete updatedConversations[priceMode];
|
|
300
|
+
await Storage.setJSON("vdbchat_conversations", updatedConversations);
|
|
301
|
+
}
|
|
302
|
+
setMessages([]);
|
|
303
|
+
setAssistantResponse(undefined);
|
|
304
|
+
setProducts(null);
|
|
305
|
+
setLoading(false);
|
|
306
|
+
setLoadingMessageId(null);
|
|
307
|
+
setTypingMessageId(null);
|
|
308
|
+
setTypingFullText("");
|
|
309
|
+
const fresh = await fetchInitialMessages(apiUrl, undefined, priceMode);
|
|
310
|
+
setMessages(normaliseMessages(fresh).reverse());
|
|
311
|
+
onClearChat?.();
|
|
312
|
+
} catch (err) {
|
|
313
|
+
console.error("Failed to clear chat", err);
|
|
314
|
+
}
|
|
315
|
+
}, [apiUrl, onClearChat, priceMode]);
|
|
316
|
+
|
|
317
|
+
// Expose clearChat method via ref for external use (React Native)
|
|
318
|
+
useImperativeHandle(ref, () => ({
|
|
319
|
+
clearChat: handleClearChat
|
|
320
|
+
}), [handleClearChat]);
|
|
321
|
+
|
|
322
|
+
// "Thinking..." dot animation while waiting for the API
|
|
323
|
+
useEffect(() => {
|
|
324
|
+
if (!loadingMessageId || typingMessageId) {
|
|
325
|
+
return;
|
|
326
|
+
}
|
|
327
|
+
let step = 0;
|
|
328
|
+
const base = "Thinking";
|
|
329
|
+
const msgId = loadingMessageId;
|
|
330
|
+
const interval = setInterval(() => {
|
|
331
|
+
step = (step + 1) % 3;
|
|
332
|
+
const dots = ".".repeat(step + 1);
|
|
333
|
+
setMessages(prev => prev.map(msg => msg.id === msgId && msg.isLoading ? {
|
|
334
|
+
...msg,
|
|
335
|
+
text: `${base}${dots}`
|
|
336
|
+
} : msg));
|
|
337
|
+
}, 500);
|
|
338
|
+
return () => {
|
|
339
|
+
clearInterval(interval);
|
|
340
|
+
};
|
|
341
|
+
}, [loadingMessageId, typingMessageId]);
|
|
342
|
+
|
|
343
|
+
// Typewriter-style animation for assistant reply once it arrives
|
|
344
|
+
const typingIndexRef = useRef(0);
|
|
345
|
+
useEffect(() => {
|
|
346
|
+
if (!typingMessageId || !typingFullText) {
|
|
347
|
+
typingIndexRef.current = 0;
|
|
348
|
+
return;
|
|
349
|
+
}
|
|
350
|
+
typingIndexRef.current = 0;
|
|
351
|
+
const total = typingFullText.length;
|
|
352
|
+
const finalMsgId = typingMessageId;
|
|
353
|
+
const fullText = typingFullText;
|
|
354
|
+
const interval = setInterval(() => {
|
|
355
|
+
typingIndexRef.current += 1;
|
|
356
|
+
const currentIndex = typingIndexRef.current;
|
|
357
|
+
const slice = fullText.slice(0, currentIndex);
|
|
358
|
+
setMessages(prev => prev.map(msg => msg.id === finalMsgId ? {
|
|
359
|
+
...msg,
|
|
360
|
+
text: slice
|
|
361
|
+
} : msg));
|
|
362
|
+
if (currentIndex >= total) {
|
|
363
|
+
clearInterval(interval);
|
|
364
|
+
setTypingMessageId(null);
|
|
365
|
+
setTypingFullText("");
|
|
366
|
+
setMessages(prev => prev.map(msg => msg.id === finalMsgId ? {
|
|
367
|
+
...msg,
|
|
368
|
+
isLoading: false
|
|
369
|
+
} : msg));
|
|
370
|
+
}
|
|
371
|
+
}, 25);
|
|
372
|
+
return () => {
|
|
373
|
+
clearInterval(interval);
|
|
374
|
+
};
|
|
375
|
+
}, [typingMessageId, typingFullText]);
|
|
376
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
377
|
+
style: [styles.container, {
|
|
378
|
+
backgroundColor: theme.backgroundColor
|
|
379
|
+
}]
|
|
380
|
+
}, Platform.OS === "web" && /*#__PURE__*/React.createElement(ChatHeader, {
|
|
381
|
+
onClose: onClose,
|
|
382
|
+
onClearChat: handleClearChat
|
|
383
|
+
}), /*#__PURE__*/React.createElement(ScrollView, {
|
|
384
|
+
ref: scrollRef,
|
|
385
|
+
style: modalHeight ? {
|
|
386
|
+
height: modalHeight
|
|
387
|
+
} : undefined,
|
|
388
|
+
contentContainerStyle: {
|
|
389
|
+
backgroundColor: theme?.listContentBackgroundColor || "#f5f5f5",
|
|
390
|
+
...styles.listContent,
|
|
391
|
+
justifyContent: messages.length === 0 ? "center" : "flex-end",
|
|
392
|
+
minHeight: modalHeight ? modalHeight : undefined
|
|
393
|
+
},
|
|
394
|
+
onContentSizeChange: () => {
|
|
395
|
+
scrollRef.current?.scrollToEnd({
|
|
396
|
+
animated: false
|
|
397
|
+
});
|
|
398
|
+
}
|
|
399
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
400
|
+
style: styles.emptyContainer
|
|
401
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
402
|
+
style: styles.emptyText
|
|
403
|
+
}, messages.length === 0 ? "Start a conversation to Find the Perfect Diamond" : `Chat Started at ${formatToTime(messages[0].createdAt)}`)), (() => {
|
|
404
|
+
const ordered = [...messages];
|
|
405
|
+
return ordered.map((item, index) => {
|
|
406
|
+
const isLatest = index === ordered.length - 1;
|
|
407
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
408
|
+
key: item.id + index
|
|
409
|
+
}, /*#__PURE__*/React.createElement(MessageBubble, {
|
|
410
|
+
message: item,
|
|
411
|
+
theme: theme,
|
|
412
|
+
conversationId: conversationId,
|
|
413
|
+
handleFeedbackAction: handleFeedbackAction,
|
|
414
|
+
onReloadResults: handleReloadResults
|
|
415
|
+
}), item.role === "assistant" && products && products.messageId === item.id && /*#__PURE__*/React.createElement(ProductsList, {
|
|
416
|
+
data: products?.data?.response?.body?.diamonds,
|
|
417
|
+
onViewAll: onViewAll,
|
|
418
|
+
onItemPress: onItemPress
|
|
419
|
+
}), item.role === "assistant" && item.suggestions && item.suggestions.length > 0 && isLatest && /*#__PURE__*/React.createElement(SuggestionsRow, {
|
|
420
|
+
suggestions: item.suggestions || [],
|
|
421
|
+
onSelect: handleSuggestionSelect
|
|
422
|
+
}));
|
|
423
|
+
});
|
|
424
|
+
})()), /*#__PURE__*/React.createElement(ChatInput, {
|
|
425
|
+
value: input,
|
|
426
|
+
onChangeText: setInput,
|
|
427
|
+
onSend: handleSend,
|
|
428
|
+
disabled: loading,
|
|
429
|
+
placeholder: placeholder,
|
|
430
|
+
theme: theme,
|
|
431
|
+
inputRef: inputRef
|
|
432
|
+
}));
|
|
433
|
+
});
|
|
434
|
+
ChatWidget.displayName = "ChatWidget";
|
|
435
|
+
const styles = StyleSheet.create({
|
|
436
|
+
container: {
|
|
437
|
+
flex: 1,
|
|
438
|
+
width: "100%"
|
|
439
|
+
},
|
|
440
|
+
listContent: {
|
|
441
|
+
paddingVertical: 8,
|
|
442
|
+
flexGrow: 1,
|
|
443
|
+
justifyContent: "flex-end"
|
|
444
|
+
},
|
|
445
|
+
loading: {
|
|
446
|
+
paddingVertical: 8,
|
|
447
|
+
alignItems: "center"
|
|
448
|
+
},
|
|
449
|
+
emptyContainer: {
|
|
450
|
+
padding: 16,
|
|
451
|
+
alignItems: "center",
|
|
452
|
+
justifyContent: "center",
|
|
453
|
+
backgroundColor: "#f5f5f5"
|
|
454
|
+
},
|
|
455
|
+
emptyText: {
|
|
456
|
+
fontSize: 14,
|
|
457
|
+
fontWeight: "500",
|
|
458
|
+
color: "#666666"
|
|
459
|
+
}
|
|
460
|
+
});
|
|
461
|
+
//# sourceMappingURL=ChatWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","View","StyleSheet","ScrollView","Text","DeviceEventEmitter","Platform","ChatInput","MessageBubble","mergeTheme","fetchInitialMessages","getProducts","handleFeedbackActionApi","normaliseMessages","sendUserMessage","ChatHeader","SuggestionsRow","ProductsList","FeedbackAction","formatToTime","Storage","ChatWidget","apiUrl","userId","userIdProp","userToken","userTokenProp","priceMode","priceModeProp","modalHeight","theme","themeOverrides","initialMessages","placeholder","onClose","onClearChat","onViewAllPress","onItemPress","onItemPressProp","ref","messages","setMessages","input","setInput","loading","setLoading","loadingMessageId","setLoadingMessageId","typingMessageId","setTypingMessageId","typingFullText","setTypingFullText","assistantResponse","setAssistantResponse","undefined","products","setProducts","setPriceMode","conversationId","setConversationId","setUserId","setUserToken","scrollRef","inputRef","loadAuthData","userData","getJSON","id","token","getItem","e","console","error","onViewAll","searchPayload","JSON","stringify","agent_response","payload","domain","split","deepLinkUrl","lab_grown","OS","window","open","item","type","hasAuth","Boolean","apiParams","handleFeedbackAction","action","conversation_id","message_id","currentReaction","prev","msg","find","m","reaction","nextAction","UNSET","res","ok","map","status","cancelled","load","initial","reverse","length","sendMessage","rawText","trimmed","trim","userMessage","Date","now","role","text","createdAt","loadingId","loadingMessage","isLoading","historyForApi","updatedMessages","normalised","latestAssistant","Object","keys","productsResult","hasDiamonds","response","body","Array","isArray","diamonds","noResultsText","suggestions","current","focus","messageId","data","setTimeout","err","handleSend","handleSuggestionSelect","value","handleReloadResults","addListener","handleClearChat","changePriceMode","removeAllListeners","_priceMode","price_mode","loadConversationId","conversations","storedId","String","updatedConversations","setJSON","fresh","clearChat","step","base","msgId","interval","setInterval","dots","repeat","clearInterval","typingIndexRef","total","finalMsgId","fullText","currentIndex","slice","createElement","style","styles","container","backgroundColor","height","contentContainerStyle","listContentBackgroundColor","listContent","justifyContent","minHeight","onContentSizeChange","scrollToEnd","animated","emptyContainer","emptyText","ordered","index","isLatest","key","message","onReloadResults","onSelect","onChangeText","onSend","disabled","displayName","create","flex","width","paddingVertical","flexGrow","alignItems","padding","fontSize","fontWeight","color"],"sourceRoot":"../../../src","sources":["components/ChatWidget.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import React, { memo } from "react";
|
|
2
|
+
import { View, Text, StyleSheet, Image, TouchableOpacity, Platform } from "react-native";
|
|
3
|
+
import { FeedbackAction, formatToTime } from "./utils";
|
|
4
|
+
|
|
5
|
+
// Use expo-image on native if available, fallback to RN Image
|
|
6
|
+
let ImageComponent = Image;
|
|
7
|
+
if (Platform.OS !== "web") {
|
|
8
|
+
try {
|
|
9
|
+
const ExpoImage = require("expo-image").Image;
|
|
10
|
+
if (ExpoImage) ImageComponent = ExpoImage;
|
|
11
|
+
} catch {
|
|
12
|
+
// expo-image not installed, use React Native Image
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
const MessageBubbleComponent = ({
|
|
16
|
+
message,
|
|
17
|
+
theme,
|
|
18
|
+
conversationId,
|
|
19
|
+
handleFeedbackAction,
|
|
20
|
+
onReloadResults
|
|
21
|
+
}) => {
|
|
22
|
+
const isUser = message.role === "user";
|
|
23
|
+
const isValidMessageId = typeof message.id === "string" && message.id.length > 0 && !message.id.startsWith("bot-loading-");
|
|
24
|
+
const canFeedback = message.role === "assistant" && !message.isLoading && isValidMessageId && !!conversationId;
|
|
25
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
26
|
+
style: [styles.container, isUser ? styles.alignRight : styles.alignLeft]
|
|
27
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
28
|
+
style: [styles.bubble, {
|
|
29
|
+
backgroundColor: isUser ? theme.userBubbleColor : theme.botBubbleColor,
|
|
30
|
+
borderRadius: theme.borderRadius || 4,
|
|
31
|
+
borderTopRightRadius: isUser ? 4 : theme.borderRadius,
|
|
32
|
+
borderTopLeftRadius: isUser ? theme.borderRadius : 4
|
|
33
|
+
}]
|
|
34
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
35
|
+
style: [styles.text, {
|
|
36
|
+
color: isUser ? theme.userTextColor : theme.botTextColor,
|
|
37
|
+
fontFamily: theme.fontFamily,
|
|
38
|
+
fontSize: theme.fontSize
|
|
39
|
+
}]
|
|
40
|
+
}, message.text || "")), (canFeedback || message.agent_response && typeof message.agent_response === "object") && /*#__PURE__*/React.createElement(View, {
|
|
41
|
+
style: styles.rowContainer
|
|
42
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
43
|
+
style: styles.time
|
|
44
|
+
}, /*#__PURE__*/React.createElement(Text, null, formatToTime(message.createdAt))), message.agent_response && typeof message.agent_response === "object" && /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
45
|
+
onPress: () => onReloadResults?.(message)
|
|
46
|
+
}, /*#__PURE__*/React.createElement(Text, null, "Reload Results")), /*#__PURE__*/React.createElement(View, {
|
|
47
|
+
style: styles.likeDislikeContainer
|
|
48
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
49
|
+
onPress: () => handleFeedbackAction(FeedbackAction.LIKE, String(conversationId), message.id),
|
|
50
|
+
disabled: !canFeedback
|
|
51
|
+
}, /*#__PURE__*/React.createElement(ImageComponent, {
|
|
52
|
+
source: {
|
|
53
|
+
uri: message.reaction === FeedbackAction.LIKE ? "https://cdn.vdbapp.com/ai/chat-widget/assets/img/like-filled.svg" : "https://cdn.vdbapp.com/ai/chat-widget/assets/img/like.svg"
|
|
54
|
+
},
|
|
55
|
+
resizeMode: "contain",
|
|
56
|
+
style: {
|
|
57
|
+
width: 16,
|
|
58
|
+
height: 16
|
|
59
|
+
}
|
|
60
|
+
})), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
61
|
+
onPress: () => handleFeedbackAction(FeedbackAction.DISLIKE, String(conversationId), message.id),
|
|
62
|
+
disabled: !canFeedback
|
|
63
|
+
}, /*#__PURE__*/React.createElement(ImageComponent, {
|
|
64
|
+
source: {
|
|
65
|
+
uri: message.reaction === FeedbackAction.DISLIKE ? "https://cdn.vdbapp.com/ai/chat-widget/assets/img/dislike-filled.svg" : "https://cdn.vdbapp.com/ai/chat-widget/assets/img/dislike.svg"
|
|
66
|
+
},
|
|
67
|
+
resizeMode: "contain",
|
|
68
|
+
style: {
|
|
69
|
+
width: 16,
|
|
70
|
+
height: 16
|
|
71
|
+
}
|
|
72
|
+
})))));
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// Memoize to prevent re-renders when parent re-renders
|
|
76
|
+
export const MessageBubble = /*#__PURE__*/memo(MessageBubbleComponent);
|
|
77
|
+
const styles = StyleSheet.create({
|
|
78
|
+
container: {
|
|
79
|
+
paddingHorizontal: 8,
|
|
80
|
+
marginVertical: 4,
|
|
81
|
+
width: "100%"
|
|
82
|
+
},
|
|
83
|
+
rowContainer: {
|
|
84
|
+
flexDirection: "row",
|
|
85
|
+
justifyContent: "space-between",
|
|
86
|
+
alignItems: "center",
|
|
87
|
+
gap: 12
|
|
88
|
+
},
|
|
89
|
+
likeDislikeContainer: {
|
|
90
|
+
flexDirection: "row",
|
|
91
|
+
gap: 12,
|
|
92
|
+
marginTop: 4,
|
|
93
|
+
marginBottom: 4
|
|
94
|
+
},
|
|
95
|
+
alignRight: {
|
|
96
|
+
alignItems: "flex-end"
|
|
97
|
+
},
|
|
98
|
+
alignLeft: {
|
|
99
|
+
alignItems: "flex-start"
|
|
100
|
+
},
|
|
101
|
+
bubble: {
|
|
102
|
+
maxWidth: "80%",
|
|
103
|
+
paddingHorizontal: 12,
|
|
104
|
+
paddingVertical: 8
|
|
105
|
+
},
|
|
106
|
+
text: {
|
|
107
|
+
lineHeight: 20
|
|
108
|
+
},
|
|
109
|
+
time: {
|
|
110
|
+
fontSize: 12,
|
|
111
|
+
color: "#666",
|
|
112
|
+
marginTop: 4,
|
|
113
|
+
marginLeft: 8
|
|
114
|
+
}
|
|
115
|
+
});
|
|
116
|
+
//# sourceMappingURL=MessageBubble.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","View","Text","StyleSheet","Image","TouchableOpacity","Platform","FeedbackAction","formatToTime","ImageComponent","OS","ExpoImage","require","MessageBubbleComponent","message","theme","conversationId","handleFeedbackAction","onReloadResults","isUser","role","isValidMessageId","id","length","startsWith","canFeedback","isLoading","createElement","style","styles","container","alignRight","alignLeft","bubble","backgroundColor","userBubbleColor","botBubbleColor","borderRadius","borderTopRightRadius","borderTopLeftRadius","text","color","userTextColor","botTextColor","fontFamily","fontSize","agent_response","rowContainer","time","createdAt","onPress","likeDislikeContainer","LIKE","String","disabled","source","uri","reaction","resizeMode","width","height","DISLIKE","MessageBubble","create","paddingHorizontal","marginVertical","flexDirection","justifyContent","alignItems","gap","marginTop","marginBottom","maxWidth","paddingVertical","lineHeight","marginLeft"],"sourceRoot":"../../../src","sources":["components/MessageBubble.tsx"],"mappings":"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","ignoreList":[]}
|