vdb-ai-chat 1.0.8 → 1.0.9

package/src/api.ts

@@ -251,6 +251,18 @@ export async function getProducts(
     });
   }
 
+  let depth_percent_from: number | undefined;
+  let depth_percent_to: number | undefined;
+  let table_percent_from: number | undefined;
+  let table_percent_to: number | undefined;
+
+  if (userInfo?.user?.max_search_key_values) {
+    depth_percent_from = userInfo.user.max_search_key_values.min_depth;
+    depth_percent_to = userInfo.user.max_search_key_values.max_depth;
+    table_percent_from = userInfo.user.max_search_key_values.min_table;
+    table_percent_to = userInfo.user.max_search_key_values.max_table;
+  }
+
   const res = await fetch(
     "https://pdpdemo1.demo.customvirtual.app/v3/vdb/search_diamonds",
     {
@@ -268,6 +280,18 @@ export async function getProducts(
           pair: sectionName === "Single Stones" ? "other" : "pair",
           with_available_items: false,
           page_number: 1,
+          ...(depth_percent_from !== undefined && depth_percent_to !== undefined
+            ? {
+                depth_percent_from: depth_percent_from,
+                depth_percent_to: depth_percent_to,
+              }
+            : {}),
+          ...(table_percent_from !== undefined && table_percent_to !== undefined
+            ? {
+                table_percent_from: table_percent_from,
+                table_percent_to: table_percent_to,
+              }
+            : {}),
         },
       }),
     }

package/src/components/ChatWidget.tsx

@@ -14,6 +14,7 @@ import {
   Text,
   TextInput,
   KeyboardAvoidingView,
+  Keyboard,
   DeviceEventEmitter,
   Platform,
 } from "react-native";
@@ -217,13 +218,10 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
               const initialAssistant: ChatMessage = {
                 id: "",
                 role: "assistant",
-                text: "Hello! How can I help you today?",
+                text: "Search our diamond inventory instantly. Try asking for a '1.5ct Round under $2,000 VS' or 'Pear 2ct VS2+ $10000'",
                 createdAt: Date.now(),
                 isLoading: false,
-                suggestions: [
-                  "Search Natural Diamonds",
-                  "Search Lab-Grown Diamonds",
-                ],
+                suggestions: [],
                 search_payload: {},
                 reaction: "0",
               };
@@ -452,6 +450,27 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
       }
     }, []);
 
+    useEffect(() => {
+      const scrollToBottom = () => {
+        setTimeout(() => {
+          try {
+            scrollRef.current?.scrollToEnd({ animated: true });
+          } catch (_) {}
+        }, 100);
+      };
+
+      const showEvent = Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
+      const hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+
+      const subShow = Keyboard.addListener(showEvent, scrollToBottom);
+      const subHide = Keyboard.addListener(hideEvent, scrollToBottom);
+
+      return () => {
+        subShow.remove();
+        subHide.remove();
+      };
+    }, []);
+
     useEffect(() => {
       DeviceEventEmitter.addListener("clearChat", handleClearChat);
       DeviceEventEmitter.addListener(
@@ -516,13 +535,10 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
           const initialAssistant: ChatMessage = {
             id: "",
             role: "assistant",
-            text: "Hello! How can I help you today?",
+            text: "Search our diamond inventory instantly. Try asking for a '1.5ct Round under $2,000 VS' or 'Pear 2ct VS2+ $10000'",
             createdAt: Date.now(),
             isLoading: false,
-            suggestions: [
-              "Search Natural Diamonds",
-              "Search Lab-Grown Diamonds",
-            ],
+            suggestions: [],
             reaction: "0",
             search_payload: {},
           };
@@ -834,10 +850,10 @@ const BottomContainer = styled.View<{ theme: DefaultTheme }>`
   ${({ theme }: { theme: DefaultTheme }) =>
     theme.isTablet &&
     css`
-      maxWidth: 608,
+      max-width: 608px;
       align-self: center;
       width: 100%;
-    `}
+    `};
 `;
 
 const LineView = styled.View<{ theme: DefaultTheme }>`