vdb-ai-chat 1.0.13 → 1.0.14

package/lib/typescript/types.d.ts

@@ -8,6 +8,7 @@ export interface ChatMessage {
     suggestions?: string[];
     reaction?: string;
     search_payload?: Record<string, any>;
+    external_context?: string | null;
 }
 export interface ChatTheme {
     primaryColor: string;
@@ -42,6 +43,7 @@ export interface ChatWidgetProps {
     onItemPress?: (deepLinkUrl: string, item: any) => void;
     /** When true, shows beta labels and disclaimer. */
     isBetaMode?: boolean;
+    activeProductType?: string;
 }
 export interface ChatWidgetRef {
     clearChat: () => Promise<void>;

package/lib/typescript/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,WAAW,CAAC;AAExC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3B,eAAe,CAAC,EAAE,WAAW,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iFAAiF;IACjF,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,uFAAuF;IACvF,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACvD,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACxD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,WAAW,CAAC;AAExC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3B,eAAe,CAAC,EAAE,WAAW,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iFAAiF;IACjF,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,uFAAuF;IACvF,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACvD,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACxD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdb-ai-chat",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Cross-platform AI chat widget for React Native and Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/api.ts

@@ -148,8 +148,14 @@ export async function sendUserMessage(
     return null;
   }
 
+  const external_context = await Storage.getJSON<string>("external_context");
+  if(external_context) {
+    await Storage.removeItem("external_context");
+  }
+
   const body: any = {
     query: userMessage,
+    external_context: external_context || null,
   };
   if (storedId) {
     body.conversation_id = Number.isNaN(Number(storedId))

package/src/components/BetaNotice.tsx

@@ -7,7 +7,7 @@ export const BetaNotice = ({ active }: { active?: boolean }) => {
   if (!active) return null;
   return (
     <View style={styles.container}>
-      <TextView>This AI feature is in beta and may make mistakes.</TextView>
+      <TextView>This beta feature uses AI-generated results that should be verified.</TextView>
     </View>
   );
 };

package/src/components/ChatInput.tsx

@@ -75,7 +75,7 @@ export const ChatInput: React.FC<Props> = ({
         // @ts-ignore - supported on web via react-native-web
         id="chat-input"
         style={[styles.inputWeb]}
-        placeholder={placeholder || "What are you looking for?"}
+        placeholder={placeholder || "Describe the diamond you’re looking for..."}
         placeholderTextColor={theme["core-06"] || "#999"}
         value={value}
         onChangeText={onChangeText}

package/src/components/ChatWidget.tsx

@@ -63,6 +63,7 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
       onViewAllPress,
       onItemPress: onItemPressProp,
       isBetaMode: isBetaModeProp,
+      activeProductType,
     },
     ref
   ) => {
@@ -117,6 +118,15 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
       loadAuthData();
     }, [userTokenProp]);
 
+    useEffect(() => {
+      const setActiveProduct = async () => {
+        if (activeProductType) {
+          await Storage.setJSON("external_context", activeProductType);
+        }
+      }
+      setActiveProduct();
+    }, [activeProductType]);
+
     const onViewAll = (item: any) => {
       let searchPayload = item?.search_payload;
       if(searchPayload?.cut_from || searchPayload?.cut_to || searchPayload?.polish_from || searchPayload?.polish_to || searchPayload?.symmetry_from || searchPayload?.symmetry_to) {
@@ -252,7 +262,7 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
               const initialAssistant: ChatMessage = {
                 id: "",
                 role: "assistant",
-                text: "Search our diamond inventory instantly. Try asking for a 'Natural Diamonds 1.5ct Round under $2,000 VS' or 'Lab Grown Pear 2ct VS2+ $10000'",
+                text: "Describe the diamond you’re looking for — for example, “2ct F VS2 under $10,000” or “1–2ct D–F VS pear” — and I’ll take it from there.",
                 createdAt: Date.now(),
                 isLoading: false,
                 suggestions: [],
@@ -288,12 +298,14 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
       async (rawText: string) => {
         const trimmed = rawText.trim();
         if (!trimmed || loading) return;
+        const external_context = await Storage.getJSON<string>("external_context");
 
         const userMessage: ChatMessage = {
           id: `user-${Date.now()}`,
           role: "user",
           text: trimmed,
           createdAt: Date.now(),
+          external_context: external_context || null
         };
 
         const loadingId = `bot-loading-${Date.now()}`;
@@ -569,7 +581,7 @@ export const ChatWidget = forwardRef<ChatWidgetRef, ChatWidgetProps>(
           const initialAssistant: ChatMessage = {
             id: "",
             role: "assistant",
-            text: "Search our diamond inventory instantly. Try asking for a 'Natural Diamonds 1.5ct Round under $2,000 VS' or 'Lab Grown Pear 2ct VS2+ $10000'",
+            text: "Describe the diamond you’re looking for — for example, “2ct F VS2 under $10,000” or “1–2ct D–F VS pear” — and I’ll take it from there.",
             createdAt: Date.now(),
             isLoading: false,
             suggestions: [],

package/src/components/ProductsListView.tsx

@@ -9,7 +9,7 @@ import {
   Image,
   Pressable,
 } from "react-native";
-import { getUserCurrencySymbol } from "./utils";
+import { getUserCurrencySymbol, formatPriceValue, roundUpPrices } from "./utils";
 import { useTheme } from "styled-components/native";
 import { DefaultTheme } from "styled-components/native";
 import styled from "styled-components/native";
@@ -128,7 +128,8 @@ const renderToken = (
   token: TokenConfig,
   item: any,
   userCurrency: string | null,
-  index: number
+  index: number,
+  shouldRound: boolean = false
 ): React.ReactNode => {
   const TextView = token.style === "secondary" ? TextStyleTwo : TextStyleOne;
   const PrefixTextView = token.prefixStyle === "secondary" ? TextStyleTwo : TextStyleOne;
@@ -176,11 +177,14 @@ const renderToken = (
 
     case "priceField": {
       const value = item[token.field!];
+      const formattedPrice = formatPriceValue(token.field!, value, shouldRound);
+      console.log("formattedPrice", formattedPrice);
+      
       return (
         <View key={index} style={styles.rowCenter}>
           {token.prefix && <TextView theme={theme}>{token.prefix}</TextView>}
           {value && <TextView theme={theme}>{currency}</TextView>}
-          <TextView theme={theme}>{value ?? "-"}</TextView>
+          <TextView theme={theme}>{formattedPrice ?? "-"}</TextView>
           {token.suffix && <SuffixTextView theme={theme}>{token.suffix}</SuffixTextView>}
         </View>
       );
@@ -190,7 +194,7 @@ const renderToken = (
       return (
         <View key={index} style={styles.rowCenter}>
           {token.items?.map((subToken, subIndex) =>
-            renderToken(subToken, item, userCurrency, subIndex)
+            renderToken(subToken, item, userCurrency, subIndex, shouldRound)
           )}
         </View>
       );
@@ -210,13 +214,20 @@ const ProductsListViewComponent: React.FC<ProductsListViewProps> = ({
   if (!data || !data.length) return null;
   const theme = useTheme();
   const [userCurrency, setUserCurrency] = useState<string | null>(null);
+  const [shouldRound, setShouldRound] = useState<boolean>(false);
 
   useEffect(() => {
     const fetchCurrency = async () => {
       const currency = await getUserCurrencySymbol();
       setUserCurrency(currency);
     };
+
+    const getRoundOffPrices = async () => {
+      const roundOff = await roundUpPrices();
+      setShouldRound(roundOff);
+    };
     fetchCurrency();
+    getRoundOffPrices();
   }, []);
 
   return (
@@ -229,28 +240,28 @@ const ProductsListViewComponent: React.FC<ProductsListViewProps> = ({
           <Pressable
             key={dataItem.id}
             onPress={() => onItemPress?.(dataItem)}
-            // @ts-ignore - hovered is available on web
-            style={({ hovered }) => [
-              styles.itemContainer,
-              hovered && styles.itemHover,
-            ]}
           >
-            <View style={styles.left}>
-              <View style={styles.serialContainer}>
-                <Serial>{index + 1}.</Serial>
-              </View>
-              <View style={styles.tokens}>
-                {DIAMOND_TOKENS.map((token, tokenIndex) =>
-                  renderToken(token, dataItem, userCurrency, tokenIndex)
-                )}
-              </View>
-            </View>
+            {(state) => (
+              // @ts-ignore
+              <ListItemParent theme={theme} hovered={state.hovered}>
+                <View style={styles.left}>
+                  <View style={styles.serialContainer}>
+                    <Serial>{index + 1}.</Serial>
+                  </View>
+                  <View style={styles.tokens}>
+                    {DIAMOND_TOKENS.map((token, tokenIndex) =>
+                      renderToken(token, dataItem, userCurrency, tokenIndex, shouldRound)
+                    )}
+                  </View>
+                </View>
+              </ListItemParent>
+            )}
           </Pressable>
         ))}
       </ScrollView>
 
       <ButtonView activeOpacity={0.8} onPress={() => onViewAll(item)}>
-        <ButtonText>{`View All ${totalResults} Results`}</ButtonText>
+        <ButtonText>{`View All ${totalResults} diamonds`}</ButtonText>
         <ImageComponent
           source={{
             uri: "https://cdn.vdbapp.com/ai/chat-widget/assets/img/right.svg",
@@ -320,6 +331,14 @@ const ButtonText = styled.Text<{ theme: DefaultTheme }>`
   font-weight: 600;
 `;
 
+const ListItemParent = styled.Pressable<{ theme: DefaultTheme, hovered?: boolean }>`
+  padding-vertical: 2px;
+  background-color: ${({ theme, hovered }: { theme: DefaultTheme, hovered?: boolean }) =>
+    hovered
+      ? theme["core-02"] || "#EDEDF2"
+      : "transparent"};
+`;
+
 const styles = StyleSheet.create({
   listContent: {
     gap: 8,
@@ -351,18 +370,6 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
   },
-  priceContainer: {
-    alignItems: "flex-start",
-    justifyContent: "center",
-  },
-
-  itemContainer: {
-    paddingVertical: 2,
-  },
-
-  itemHover: {
-    backgroundColor: "#EDEDF2",
-  },
 });
 
 const ProductsListView = memo(ProductsListViewComponent);

package/src/components/utils.ts

@@ -68,6 +68,42 @@ export const getUserCurrencySymbol = async (): Promise<string | null> => {
   return userData.currency_symbol || "$";
 };
 
+
+export const roundUpPrices = async (): Promise<boolean> => {
+  const userInfo = await Storage.getJSON<UserDetails>("persist:userInfo", {});
+  const userData = userInfo?.user as UserDetails;
+  // @ts-ignore
+  return true; // org 1
+  // return !!userData?.feature_settings?.round_up_prices;
+};
+
+// Helper to add commas to a number
+export function formatWithCommas(value: number | string): string {
+  const num = typeof value === 'string' ? parseFloat(value) : value;
+  if (isNaN(num)) return String(value);
+  return num.toLocaleString();
+}
+
+// Format price values according to requirements
+export function formatPriceValue(key: string, value: any, shouldRound: boolean) {
+  console.log("formatPriceValue", key, value);
+  
+  if (key === 'price_per_carat') {
+    // Remove decimals, round, add commas
+    const num = Math.round(Number(value));
+    return formatWithCommas(num);
+  }
+  if (key === 'total_sales_price') {
+    let num = Number(value);
+    if (shouldRound) {
+      num = Math.round(num);
+    }
+    return formatWithCommas(num);
+  }
+  // fallback: just add commas if number
+  return formatWithCommas(value);
+}
+
 export interface UserDetails {
   id?: string | number;
   email?: string;

package/src/types.ts

@@ -9,6 +9,7 @@ export interface ChatMessage {
   suggestions?: string[];
   reaction?: string;
   search_payload?: Record<string, any>;
+  external_context?: string | null;
 }
 
 export interface ChatTheme {
@@ -45,6 +46,7 @@ export interface ChatWidgetProps {
   onItemPress?: (deepLinkUrl: string, item: any) => void;
   /** When true, shows beta labels and disclaimer. */
   isBetaMode?: boolean;
+  activeProductType?: string;
 }
 
 export interface ChatWidgetRef {