vdb-ai-chat 1.0.1 → 1.0.2

package/lib/module/components/ChatHeader.js

@@ -16,18 +16,33 @@ if (Platform.OS !== "web") {
 const CloseIcon = () => {
   return /*#__PURE__*/React.createElement(ImageComponent, {
     source: {
-      uri: "https://cdn.jsdelivr.net/npm/feather-icons/dist/icons/x.svg"
+      uri: "http://cdn.vdbapp.com/ai/chat-widget/assets/img/minus-cirlce.svg"
     },
     resizeMode: "contain",
     style: {
       width: 20,
-      height: 20
+      height: 20,
+      tintColor: "#ACACB3"
+    }
+  });
+};
+const VDBLogo = () => {
+  return /*#__PURE__*/React.createElement(ImageComponent, {
+    source: {
+      uri: "http://cdn.vdbapp.com/ai/chat-widget/assets/img/vdb.svg"
+    },
+    resizeMode: "contain",
+    style: {
+      width: 30,
+      height: 30,
+      marginRight: 10
     }
   });
 };
 const ChatHeader = ({
   onClose,
-  onClearChat
+  onClearChat,
+  isBetaMode
 }) => {
   const {
     trackEvent
@@ -36,19 +51,9 @@ const ChatHeader = ({
     style: styles.container
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.logoContainer
-  }, /*#__PURE__*/React.createElement(ImageComponent, {
-    source: {
-      uri: "https://getvdb.com/mail_images/web_app_favicon.ico"
-    },
-    resizeMode: "contain",
-    style: {
-      width: 30,
-      height: 30,
-      marginRight: 10
-    }
-  }), /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(VDBLogo, null), /*#__PURE__*/React.createElement(Text, {
     style: styles.title
-  }, "AI Search")), /*#__PURE__*/React.createElement(View, {
+  }, isBetaMode ? "AI Search Beta" : "AI Search")), /*#__PURE__*/React.createElement(View, {
     style: styles.buttonContainer
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: () => {
@@ -70,19 +75,21 @@ const ChatHeader = ({
 const styles = StyleSheet.create({
   container: {
     padding: 16,
-    backgroundColor: "#37363F",
+    backgroundColor: "#FFFFFF",
     justifyContent: "space-between",
     flexDirection: "row",
-    alignItems: "center"
+    alignItems: "center",
+    borderBottomWidth: 1,
+    borderBottomColor: "#E0E0E0"
   },
   logoContainer: {
     flexDirection: "row",
     alignItems: "center"
   },
   title: {
-    fontSize: 17,
+    fontSize: 16,
     fontWeight: "500",
-    color: "#FFF"
+    color: "#020001"
   },
   closeButton: {
     backgroundColor: "#FFF",
@@ -103,7 +110,7 @@ const styles = StyleSheet.create({
     color: "#FFF"
   },
   clearChatText: {
-    color: "#FFF",
+    color: "#4F4E57",
     fontSize: 14,
     fontWeight: "500",
     textDecorationLine: "none"

package/lib/module/components/ChatHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","Platform","Image","React","useUserAnalytics","AnalyticsEventNames","ImageComponent","OS","ExpoImage","require","CloseIcon","createElement","source","uri","resizeMode","style","width","height","ChatHeader","onClose","onClearChat","trackEvent","styles","container","logoContainer","marginRight","title","buttonContainer","onPress","CHAT_CLEARED","console","log","clearChatText","closeButton","WIDGET_CLOSED","create","padding","backgroundColor","justifyContent","flexDirection","alignItems","fontSize","fontWeight","color","borderRadius","closeIconText","textAlign","lineHeight","closeButtonText","textDecorationLine","gap"],"sourceRoot":"../../../src","sources":["components/ChatHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","Platform","Image","React","useUserAnalytics","AnalyticsEventNames","ImageComponent","OS","ExpoImage","require","CloseIcon","createElement","source","uri","resizeMode","style","width","height","tintColor","VDBLogo","marginRight","ChatHeader","onClose","onClearChat","isBetaMode","trackEvent","styles","container","logoContainer","title","buttonContainer","onPress","CHAT_CLEARED","console","log","clearChatText","closeButton","WIDGET_CLOSED","create","padding","backgroundColor","justifyContent","flexDirection","alignItems","borderBottomWidth","borderBottomColor","fontSize","fontWeight","color","borderRadius","closeIconText","textAlign","lineHeight","closeButtonText","textDecorationLine","gap"],"sourceRoot":"../../../src","sources":["components/ChatHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChatInput.js

@@ -17,12 +17,13 @@ const SendIcon = ({
   const isInactive = disabled || isEmpty;
   return /*#__PURE__*/React.createElement(ImageComponent, {
     source: {
-      uri: "https://cdn.vdbapp.com/ai/chat-widget/assets/img/up.svg"
+      uri: "https://cdn.vdbapp.com/ai/chat-widget/assets/img/send.svg"
     },
     resizeMode: "contain",
     style: {
       ...styles.buttonIcon,
-      tintColor: isInactive ? "#AAA" : "#FFF"
+      tintColor: isInactive ? "#ACACB3" : "#020001",
+      cursor: isInactive ? "auto" : "pointer"
     }
   });
 };
@@ -37,7 +38,7 @@ export const ChatInput = ({
 }) => {
   const isInactive = disabled || value.trim() === "";
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, Platform.OS === "web" ? styles.webShadow : styles.nativeShadow]
+    style: [styles.inputContainer, Platform.OS === "web" ? styles.webShadow : styles.nativeShadow]
   }, /*#__PURE__*/React.createElement(TextInput, {
     ref: inputRef
     // @ts-ignore - supported on web via react-native-web
@@ -52,10 +53,7 @@ export const ChatInput = ({
     editable: !disabled,
     autoFocus: true
   }), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      ...styles.button,
-      backgroundColor: isInactive ? "#EDEDF2" : "#C000FF"
-    },
+    style: styles.button,
     onPress: onSend,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(SendIcon, {
@@ -64,17 +62,19 @@ export const ChatInput = ({
   })));
 };
 const styles = StyleSheet.create({
-  container: {
+  inputContainer: {
     flexDirection: "row",
-    height: 48,
-    paddingHorizontal: 16,
-    paddingVertical: 0,
+    paddingHorizontal: 12,
+    paddingVertical: 16,
     justifyContent: "space-between",
     alignItems: "center",
     alignSelf: "stretch",
-    borderRadius: 56,
+    flex: 1,
+    borderRadius: 8,
     backgroundColor: "#FFF",
-    margin: 8
+    borderColor: "#ACACB3",
+    borderWidth: 1,
+    height: 56
   },
   webShadow: {
     ...(Platform.OS === "web" ? {
@@ -101,7 +101,7 @@ const styles = StyleSheet.create({
     lineHeight: 20,
     minHeight: 20,
     maxHeight: 120,
-    paddingHorizontal: 8,
+    paddingHorizontal: 0,
     paddingVertical: 0,
     backgroundColor: "transparent",
     borderWidth: 0
@@ -114,18 +114,18 @@ const styles = StyleSheet.create({
     } : {})
   },
   button: {
-    marginLeft: 8,
-    padding: 4,
+    marginLeft: 0,
+    padding: 0,
     justifyContent: "center",
     alignItems: "center",
-    height: 40,
+    height: 24,
     aspectRatio: 1,
-    borderRadius: 40,
-    backgroundColor: "#C000FF"
+    borderRadius: 0,
+    backgroundColor: "#FFFFFF"
   },
   buttonIcon: {
-    height: 16,
-    width: 16
+    height: 24,
+    width: 24
   },
   sendIconText: {
     fontSize: 18,

package/lib/module/components/ChatInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","Platform","Image","ImageComponent","OS","ExpoImage","require","SendIcon","disabled","isEmpty","isInactive","createElement","source","uri","resizeMode","style","styles","buttonIcon","tintColor","ChatInput","value","onChangeText","onSend","placeholder","theme","inputRef","trim","container","webShadow","nativeShadow","ref","id","input","inputWeb","placeholderTextColor","onSubmitEditing","editable","autoFocus","button","backgroundColor","onPress","create","flexDirection","height","paddingHorizontal","paddingVertical","justifyContent","alignItems","alignSelf","borderRadius","margin","boxShadow","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","flex","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","minHeight","maxHeight","borderWidth","outlineStyle","outlineWidth","marginLeft","padding","aspectRatio","sendIconText","textAlign"],"sourceRoot":"../../../src","sources":["components/ChatInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","Platform","Image","ImageComponent","OS","ExpoImage","require","SendIcon","disabled","isEmpty","isInactive","createElement","source","uri","resizeMode","style","styles","buttonIcon","tintColor","cursor","ChatInput","value","onChangeText","onSend","placeholder","theme","inputRef","trim","inputContainer","webShadow","nativeShadow","ref","id","input","inputWeb","placeholderTextColor","onSubmitEditing","editable","autoFocus","button","onPress","create","flexDirection","paddingHorizontal","paddingVertical","justifyContent","alignItems","alignSelf","flex","borderRadius","backgroundColor","borderColor","borderWidth","height","boxShadow","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","minHeight","maxHeight","outlineStyle","outlineWidth","marginLeft","padding","aspectRatio","sendIconText","textAlign"],"sourceRoot":"../../../src","sources":["components/ChatInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChatWidget.js

@@ -1,18 +1,18 @@
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { View, StyleSheet, ScrollView, Text, DeviceEventEmitter, Platform } from "react-native";
+import { View, StyleSheet, ScrollView, Text, KeyboardAvoidingView, DeviceEventEmitter, Platform } from "react-native";
 import { ChatInput } from "./ChatInput";
 import { MessageBubble } from "./MessageBubble";
+import MessageMetaRow from "./MessageMetaRow";
 import { mergeTheme } from "../theme";
 import { fetchInitialMessages, getProducts, handleFeedbackActionApi, normaliseMessages, sendUserMessage } from "../api";
 import ChatHeader from "./ChatHeader";
-import SuggestionsRow from "./SuggestionsRow";
+import BetaNotice from "./BetaNotice";
 import ProductsList from "./ProductsList";
 import { FeedbackAction, formatToTime, getUserDetails } from "./utils";
 import { useUserAnalytics } from "../hooks/useAnalytics";
 import { Storage } from "../storage";
 export const ChatWidget = /*#__PURE__*/forwardRef(({
   apiUrl,
-  userId: userIdProp,
   userToken: userTokenProp,
   priceMode: priceModeProp,
   modalHeight,
@@ -22,7 +22,8 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
   onClose,
   onClearChat,
   onViewAllPress,
-  onItemPress: onItemPressProp
+  onItemPress: onItemPressProp,
+  isBetaMode: isBetaModeProp
 }, ref) => {
   const [messages, setMessages] = useState(initialMessages);
   const [input, setInput] = useState("");
@@ -34,8 +35,6 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
   const [productsByMsg, setProductsByMsg] = useState({});
   const [reloadLoadingIds, setReloadLoadingIds] = useState(new Set());
   const [priceMode, setPriceMode] = useState(priceModeProp || null);
-  const [conversationId, setConversationId] = useState(null);
-  const [userId, setUserId] = useState(userIdProp || "");
   const [userToken, setUserToken] = useState(userTokenProp || "");
   const scrollRef = useRef(null);
   const inputRef = useRef(null);
@@ -43,16 +42,11 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
   const {
     _identify
   } = useUserAnalytics();
+  const betaActive = Boolean(isBetaModeProp);
   // Load user auth data from storage on mount
   useEffect(() => {
     const loadAuthData = async () => {
       try {
-        if (!userIdProp) {
-          const userData = await Storage.getJSON("userData", {});
-          if (userData?.id) {
-            setUserId(userData.id);
-          }
-        }
         if (!userTokenProp) {
           const token = await Storage.getItem("token");
           if (token) {
@@ -64,7 +58,7 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
       }
     };
     loadAuthData();
-  }, [userIdProp, userTokenProp]);
+  }, [userTokenProp]);
   const onViewAll = useCallback(() => {
     const searchPayload = JSON.stringify(assistantResponse?.search_payload);
     const payload = assistantResponse?.search_payload;
@@ -92,10 +86,10 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
       window.open(deepLinkUrl, "_parent");
     }
   }, [apiUrl, priceMode, onItemPressProp]);
-  const hasAuth = useMemo(() => Boolean(userId || userToken), [userId, userToken]);
+  const hasAuth = useMemo(() => Boolean(userToken), [userToken]);
   const apiParams = useMemo(() => ({
-    conversationId: userToken || userId
-  }), [userId, userToken]);
+    conversationId: userToken
+  }), [userToken]);
   const handleFeedbackAction = useCallback(async (action, conversation_id, message_id) => {
     try {
       // Use functional update to get current messages without dependency
@@ -128,7 +122,21 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
       try {
         const initial = await fetchInitialMessages(apiUrl, apiParams, priceMode);
         if (!cancelled) {
-          setMessages(normaliseMessages(initial).reverse());
+          const normalised = normaliseMessages(initial).reverse();
+          if (normalised.length === 0) {
+            const initialAssistant = {
+              id: "",
+              role: "assistant",
+              text: "Hello! How can I help you today?",
+              createdAt: Date.now(),
+              isLoading: false,
+              suggestions: ["Search Natural Diamonds", "Search Lab-Grown Diamonds"],
+              reaction: "0"
+            };
+            setMessages([initialAssistant]);
+          } else {
+            setMessages(normalised);
+          }
         }
       } catch (error) {
         console.error("Failed to fetch initial messages", error);
@@ -156,6 +164,7 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
       role: "assistant",
       text: "Thinking",
       createdAt: Date.now(),
+      reaction: "0",
       isLoading: true
     };
     setMessages(prev => [...prev, userMessage, loadingMessage]);
@@ -195,10 +204,10 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
             inputRef.current?.focus();
             return;
           }
-          setProductsByMsg({
-            messageId: latestAssistant.id,
-            data: productsResult
-          });
+          setProductsByMsg(prev => ({
+            ...prev,
+            [latestAssistant.id]: productsResult
+          }));
         }
         setLoadingMessageId(null);
         setMessages(prev => prev.map(msg => msg.id === loadingId ? {
@@ -276,7 +285,7 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
   useEffect(() => {
     DeviceEventEmitter.addListener("clearChat", handleClearChat);
     DeviceEventEmitter.addListener("changePriceMode", data => changePriceMode(data.priceMode));
-    changePriceMode(undefined);
+    changePriceMode();
     identifySegmentUser();
     return () => {
       DeviceEventEmitter.removeAllListeners("clearChat");
@@ -284,37 +293,24 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
     };
   }, []);
   const changePriceMode = async _priceMode => {
-    // Priority: passed argument > prop > storage
     if (!_priceMode && priceModeProp) {
       _priceMode = priceModeProp;
     }
     if (!_priceMode) {
-      const userData = await Storage.getJSON("userData", {});
+      let userData = await Storage.getJSON("persist:userInfo", {
+        user: undefined
+      });
+      userData = userData && userData.user ? JSON.parse(userData.user) : {};
       _priceMode = userData?.price_mode;
     }
-    setPriceMode(_priceMode || null);
+    setPriceMode(_priceMode === undefined ? null : String(_priceMode));
   };
-
-  // Update conversationId when priceMode changes
-  useEffect(() => {
-    const loadConversationId = async () => {
-      if (!priceMode) {
-        setConversationId(null);
-        return;
-      }
-      const conversations = await Storage.getJSON("vdbchat_conversations", {});
-      const storedId = conversations?.[priceMode]?.conversation_id ?? null;
-      setConversationId(storedId ? String(storedId) : null);
-    };
-    loadConversationId();
-  }, [priceMode, messages]); // Re-fetch when messages change (new conversation might be created)
-
   const handleClearChat = useCallback(async () => {
     try {
       const conversations = await Storage.getJSON("vdbchat_conversations", {});
-      const storedId = conversations?.[priceMode]?.conversation_id ?? null;
+      const storedId = conversations ? conversations[priceMode]?.conversation_id : null;
       if (storedId && priceMode) {
-        const updatedConversations = conversations || {};
+        const updatedConversations = conversations ?? {};
         delete updatedConversations[priceMode];
         await Storage.setJSON("vdbchat_conversations", updatedConversations);
       }
@@ -327,30 +323,39 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
       setTypingMessageId(null);
       setTypingFullText("");
       const fresh = await fetchInitialMessages(apiUrl, undefined, priceMode);
-      setMessages(normaliseMessages(fresh).reverse());
+      {
+        const normalised = normaliseMessages(fresh).reverse();
+        if (normalised.length === 0) {
+          const initialAssistant = {
+            id: "",
+            role: "assistant",
+            text: "Hello! How can I help you today?",
+            createdAt: Date.now(),
+            isLoading: false,
+            suggestions: ["Search Natural Diamonds", "Search Lab-Grown Diamonds"],
+            reaction: "0"
+          };
+          setMessages([initialAssistant]);
+        } else {
+          setMessages(normalised);
+        }
+      }
       onClearChat?.();
     } catch (err) {
+      // eslint-disable-next-line no-console
       console.error("Failed to clear chat", err);
     }
-  }, [apiUrl, onClearChat, priceMode]);
-
-  // Expose clearChat method via ref for external use (React Native)
-  useImperativeHandle(ref, () => ({
-    clearChat: handleClearChat
-  }), [handleClearChat]);
+  }, [apiUrl, priceMode]);
 
   // "Thinking..." dot animation while waiting for the API
   useEffect(() => {
-    if (!loadingMessageId || typingMessageId) {
-      return;
-    }
+    if (!loadingMessageId || typingMessageId) return;
     let step = 0;
     const base = "Thinking";
-    const msgId = loadingMessageId;
     const interval = setInterval(() => {
       step = (step + 1) % 3;
       const dots = ".".repeat(step + 1);
-      setMessages(prev => prev.map(msg => msg.id === msgId && msg.isLoading ? {
+      setMessages(prev => prev.map(msg => msg.id === loadingMessageId && msg.isLoading ? {
         ...msg,
         text: `${base}${dots}`
       } : msg));
@@ -360,6 +365,11 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
     };
   }, [loadingMessageId, typingMessageId]);
 
+  // Expose clearChat method via ref for external use (React Native)
+  useImperativeHandle(ref, () => ({
+    clearChat: handleClearChat
+  }), [handleClearChat]);
+
   // Typewriter-style animation for assistant reply once it arrives
   const typingIndexRef = useRef(0);
   useEffect(() => {
@@ -399,17 +409,25 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
     }]
   }, Platform.OS === "web" && /*#__PURE__*/React.createElement(ChatHeader, {
     onClose: onClose,
-    onClearChat: handleClearChat
-  }), /*#__PURE__*/React.createElement(ScrollView, {
+    onClearChat: handleClearChat,
+    isBetaMode: betaActive
+  }), /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    style: {
+      flex: 1
+    },
+    behavior: Platform.OS === "ios" ? "padding" : "height",
+    keyboardVerticalOffset: -16
+  }, /*#__PURE__*/React.createElement(ScrollView, {
     ref: scrollRef,
+    keyboardShouldPersistTaps: "handled",
     style: modalHeight ? {
       height: modalHeight,
-      backgroundColor: "#f5f5f5"
+      backgroundColor: "#FFFFFF"
     } : {
-      backgroundColor: "#f5f5f5"
+      backgroundColor: "#FFFFFF"
     },
     contentContainerStyle: {
-      backgroundColor: theme?.listContentBackgroundColor || "#f5f5f5",
+      backgroundColor: theme?.listContentBackgroundColor || "#FFFFFF",
       ...styles.listContent,
       justifyContent: messages.length === 0 ? "center" : "flex-end",
       minHeight: modalHeight ? modalHeight : undefined
@@ -427,26 +445,42 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
     const ordered = [...messages];
     return ordered.map((item, index) => {
       const isLatest = index === ordered.length - 1;
+      const hasDiamonds = Boolean(productsByMsg[item.id]?.response?.body?.diamonds && productsByMsg[item.id]?.response?.body?.diamonds.length > 0);
       return /*#__PURE__*/React.createElement(View, {
-        key: item.id + index
+        key: item.id + index,
+        style: {
+          gap: 12
+        }
       }, /*#__PURE__*/React.createElement(MessageBubble, {
         message: item,
         theme: theme,
-        conversationId: conversationId,
+        priceMode: priceMode,
         handleFeedbackAction: handleFeedbackAction,
         onReloadResults: handleReloadResults,
         reloading: reloadLoadingIds.has(item.id),
-        hasResults: Boolean(productsByMsg[item.id]?.response?.body?.diamonds && productsByMsg[item.id].response.body.diamonds.length > 0)
-      }), item.role === "assistant" && productsByMsg && productsByMsg.messageId === item.id && /*#__PURE__*/React.createElement(ProductsList, {
-        data: productsByMsg?.data?.response?.body?.diamonds,
+        hasResults: hasDiamonds,
+        totalResults: productsByMsg[item.id]?.response?.header?.total_diamonds_found || 0,
+        shownResults: productsByMsg[item.id]?.response?.body?.diamonds.length || 0,
+        onSuggestionSelect: handleSuggestionSelect,
+        isLatest: isLatest,
+        isTyping: typingMessageId === item.id
+      }), item.role === "assistant" && hasDiamonds && /*#__PURE__*/React.createElement(ProductsList, {
+        data: productsByMsg[item.id]?.response?.body?.diamonds || [],
+        totalResults: productsByMsg[item.id]?.response?.header?.total_diamonds_found || 0,
         onViewAll: onViewAll,
         onItemPress: onItemPress
-      }), item.role === "assistant" && item.suggestions && item.suggestions.length > 0 && isLatest && /*#__PURE__*/React.createElement(SuggestionsRow, {
-        suggestions: item.suggestions || [],
-        onSelect: handleSuggestionSelect
+      }), /*#__PURE__*/React.createElement(MessageMetaRow, {
+        message: item,
+        priceMode: priceMode || "",
+        handleFeedbackAction: handleFeedbackAction,
+        onReloadResults: handleReloadResults,
+        reloading: reloadLoadingIds.has(item.id),
+        hasResults: hasDiamonds
       }));
     });
-  })()), /*#__PURE__*/React.createElement(ChatInput, {
+  })()), /*#__PURE__*/React.createElement(View, {
+    style: styles.bottomContainer
+  }, /*#__PURE__*/React.createElement(ChatInput, {
     value: input,
     onChangeText: setInput,
     onSend: handleSend,
@@ -454,7 +488,9 @@ export const ChatWidget = /*#__PURE__*/forwardRef(({
     placeholder: placeholder,
     theme: theme,
     inputRef: inputRef
-  }));
+  }), /*#__PURE__*/React.createElement(BetaNotice, {
+    active: betaActive
+  }))));
 });
 ChatWidget.displayName = "ChatWidget";
 const styles = StyleSheet.create({
@@ -475,12 +511,23 @@ const styles = StyleSheet.create({
     padding: 16,
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: "#f5f5f5"
+    backgroundColor: "#FFFFFF"
   },
   emptyText: {
-    fontSize: 14,
-    fontWeight: "500",
-    color: "#666666"
+    fontSize: 13,
+    fontWeight: "400",
+    color: "#4F4E57"
+  },
+  bottomContainer: {
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderTopColor: "#E0E0E0",
+    borderTopWidth: 1,
+    flexDirection: "column",
+    justifyContent: "space-between",
+    alignItems: "center",
+    alignSelf: "stretch",
+    gap: 12
   }
 });
 //# sourceMappingURL=ChatWidget.js.map