vdb-ai-chat 1.0.1 → 1.0.3

package/lib/typescript/components/MessageMetaRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMetaRow.d.ts","sourceRoot":"","sources":["../../../src/components/MessageMetaRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAqC,MAAM,SAAS,CAAC;AAU5E,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,CACpB,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2H1C,CAAC;AAyCF,eAAe,cAAc,CAAC"}

package/lib/typescript/components/ProductsGrid.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ProductsGridProps {
+    data: any[];
+    onViewAll?: () => void;
+    onItemPress?: (item: any) => void;
+    totalResults?: number;
+}
+declare const ProductsGrid: React.NamedExoticComponent<ProductsGridProps>;
+export default ProductsGrid;
+//# sourceMappingURL=ProductsGrid.d.ts.map

package/lib/typescript/components/ProductsGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsGrid.d.ts","sourceRoot":"","sources":["../../../src/components/ProductsGrid.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,UAAU,iBAAiB;IACzB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsID,QAAA,MAAM,YAAY,+CAA8B,CAAC;AACjD,eAAe,YAAY,CAAC"}

package/lib/typescript/components/ProductsList.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 interface ProductsListProps {
-    data: any;
+    data: any[];
     onViewAll?: () => void;
     onItemPress?: (item: any) => void;
+    variant?: "grid" | "list";
+    totalResults: number;
 }
-declare const ProductsList: React.NamedExoticComponent<ProductsListProps>;
+declare const ProductsList: React.FC<ProductsListProps>;
 export default ProductsList;
 //# sourceMappingURL=ProductsList.d.ts.map

package/lib/typescript/components/ProductsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsList.d.ts","sourceRoot":"","sources":["../../../src/components/ProductsList.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,UAAU,iBAAiB;IACzB,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC;AAsID,QAAA,MAAM,YAAY,+CAA8B,CAAC;AACjD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ProductsList.d.ts","sourceRoot":"","sources":["../../../src/components/ProductsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,iBAAiB;IACzB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/components/ProductsListView.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ProductsListViewProps {
+    data: any[];
+    totalResults?: number;
+    onViewAll?: () => void;
+    onItemPress?: (item: any) => void;
+}
+declare const ProductsListView: React.NamedExoticComponent<ProductsListViewProps>;
+export default ProductsListView;
+//# sourceMappingURL=ProductsListView.d.ts.map

package/lib/typescript/components/ProductsListView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsListView.d.ts","sourceRoot":"","sources":["../../../src/components/ProductsListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAa9C,UAAU,qBAAqB;IAC9B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAiID,QAAA,MAAM,gBAAgB,mDAAkC,CAAC;AACzD,eAAe,gBAAgB,CAAC"}

package/lib/typescript/components/SuggestionsRow.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 interface SuggestionsRowProps {
     suggestions: string[];
     onSelect: (value: string) => void;
+    /** Inline variant renders inside a message bubble, without outer padding/background */
+    variant?: "inline" | "default";
 }
 declare const SuggestionsRow: React.NamedExoticComponent<SuggestionsRowProps>;
 export default SuggestionsRow;

package/lib/typescript/components/SuggestionsRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionsRow.d.ts","sourceRoot":"","sources":["../../../src/components/SuggestionsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AASpC,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AA2DD,QAAA,MAAM,cAAc,iDAAgC,CAAC;AACrD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SuggestionsRow.d.ts","sourceRoot":"","sources":["../../../src/components/SuggestionsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AASpC,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uFAAuF;IACvF,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAsFD,QAAA,MAAM,cAAc,iDAAgC,CAAC;AACrD,eAAe,cAAc,CAAC"}

package/lib/typescript/components/utils.d.ts

@@ -15,6 +15,7 @@ export interface UserDetails {
     country?: string;
     price_mode?: string | number;
     plan_details?: any;
+    user?: any;
 }
 export declare const getUserDetails: () => Promise<UserDetails | null>;
 export declare enum DeviceType {

package/lib/typescript/components/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAatD;AAED,oBAAY,cAAc;IACxB,IAAI,MAAM;IACV,OAAO,MAAM;IACb,KAAK,MAAM;CACZ;AAED,eAAO,MAAM,mBAAmB,GAC9B,YAAY,MAAM,KACjB,OAAO,CAAC,MAAM,GAAG,IAAI,CAgBvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,QAAa,OAAO,CAAC,WAAW,GAAG,IAAI,CAqBjE,CAAC;AAEF,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,cAW9C,CAAC;AAEF,oBAAY,mBAAmB;IAC7B,aAAa,0BAA0B;IACvC,aAAa,0BAA0B;IACvC,YAAY,oBAAoB;CACjC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAatD;AAED,oBAAY,cAAc;IACxB,IAAI,MAAM;IACV,OAAO,MAAM;IACb,KAAK,MAAM;CACZ;AAED,eAAO,MAAM,mBAAmB,GAC9B,YAAY,MAAM,KACjB,OAAO,CAAC,MAAM,GAAG,IAAI,CAiBvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,cAAc,QAAa,OAAO,CAAC,WAAW,GAAG,IAAI,CAqBjE,CAAC;AAEF,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,cAW9C,CAAC;AAEF,oBAAY,mBAAmB;IAC7B,aAAa,0BAA0B;IACvC,aAAa,0BAA0B;IACvC,YAAY,oBAAoB;CACjC"}

package/lib/typescript/hooks/useInViewport.d.ts

@@ -0,0 +1,5 @@
+export declare function useInViewport<T extends HTMLElement>(): {
+    readonly ref: import("react").MutableRefObject<T | null>;
+    readonly inView: boolean;
+};
+//# sourceMappingURL=useInViewport.d.ts.map

package/lib/typescript/hooks/useInViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInViewport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInViewport.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW;;;EAkClD"}

package/lib/typescript/index.web.d.ts

@@ -1,3 +1,3 @@
 import type { ChatTheme } from "./types";
-export declare function renderChatApp(domElement: HTMLElement, apiUrl: string, theme?: Partial<ChatTheme>, onClose?: () => void, onClearChat?: () => void, segmentWriteKey?: string): void;
+export declare function renderChatApp(domElement: HTMLElement, apiUrl: string, theme?: Partial<ChatTheme>, onClose?: () => void, onClearChat?: () => void, segmentWriteKey?: string, onViewAllPress?: (url: string, payload: any) => void, onItemPress?: (url: string, item: any) => void, isBetaMode?: boolean): void;
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,wBAAgB,aAAa,CAC3B,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,EAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,WAAW,CAAC,EAAE,MAAM,IAAI,EACxB,eAAe,CAAC,EAAE,MAAM,QA2CzB"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../src/index.web.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,aAAa,CAC3B,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,EAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,WAAW,CAAC,EAAE,MAAM,IAAI,EACxB,eAAe,CAAC,EAAE,MAAM,EACxB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,IAAI,EACpD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,EAC9C,UAAU,CAAC,EAAE,OAAO,QA8FrB"}

package/lib/typescript/types.d.ts

@@ -6,7 +6,7 @@ export interface ChatMessage {
     createdAt: number;
     isLoading?: boolean;
     suggestions?: string[];
-    reaction?: "0" | "1" | "2";
+    reaction?: string;
     search_payload?: Record<string, any>;
 }
 export interface ChatTheme {
@@ -40,6 +40,8 @@ export interface ChatWidgetProps {
     onViewAllPress?: (deepLinkUrl: string, payload: any) => void;
     /** Called when a product item is pressed. Receives the deep link URL and item data. */
     onItemPress?: (deepLinkUrl: string, item: any) => void;
+    /** When true, shows beta labels and disclaimer. */
+    isBetaMode?: boolean;
 }
 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;IAEvB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B,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;CACxD;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;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdb-ai-chat",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "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

@@ -42,6 +42,7 @@ export function normaliseMessages(raw: any): ChatMessage[] {
         ? m.createdAt
         : Date.now(),
     search_payload: m.search_payload,
+    reaction: String(m.reaction ?? "0"),
     suggestions: Array.isArray(m.suggestions) ? m.suggestions : undefined,
   }));
 }
@@ -56,7 +57,7 @@ export async function fetchInitialMessages(
     {}
   );
   const storedId = conversations?.[priceMode ?? ""]?.conversation_id ?? null;
-  if (!priceMode) return;
+  if (priceMode === undefined) return;
 
   const body: any = {};
   if (storedId) {
@@ -102,7 +103,7 @@ export async function sendUserMessage(
   );
   const storedId = conversations?.[priceMode]?.conversation_id ?? null;
 
-  if (!priceMode) {
+  if (priceMode === undefined) {
     return null;
   }
 
@@ -147,7 +148,7 @@ export async function clearChatHistory(
     {}
   );
   const storedId = conversations?.[priceMode]?.conversation_id ?? null;
-  if (!storedId || !priceMode) return;
+  if (!storedId || priceMode === undefined) return;
 
   const url = new URL(apiUrl);
   url.searchParams.set("conversation_id", storedId);

package/src/components/BetaNotice.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { View, Text, StyleSheet } from "react-native";
+
+export const BetaNotice = ({ active }: { active?: boolean }) => {
+  if (!active) return null;
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>
+        This AI feature is in beta and may make mistakes.
+      </Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignSelf: "stretch",
+    paddingVertical: 6,
+    paddingHorizontal: 16,
+    backgroundColor: "transparent",
+  },
+  text: {
+    color: "#4F4E57",
+    fontFamily: "Roboto",
+    fontSize: 13,
+    fontStyle: "normal",
+    fontWeight: "400",
+    lineHeight: 18,
+  },
+});
+
+export default BetaNotice;

package/src/components/ChatHeader.tsx

@@ -25,37 +25,49 @@ const CloseIcon = () => {
   return (
     <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 }}
+      style={{ width: 20, height: 20, tintColor: "#ACACB3" }}
     />
   );
 };
 
-const ChatHeader = ({
-  onClose,
-  onClearChat,
-}: {
+const VDBLogo = () => {
+  return (
+    <ImageComponent
+      source={{
+        uri: "http://cdn.vdbapp.com/ai/chat-widget/assets/img/vdb.svg",
+      }}
+      resizeMode="contain"
+      style={{ width: 30, height: 30, marginRight: 10 }}
+    />
+  );
+};
+
+interface ChatHeaderProps {
   onClose?: () => void;
   onClearChat?: () => void;
+  isBetaMode?: boolean;
+}
+
+const ChatHeader: React.FC<ChatHeaderProps> = ({
+  onClose,
+  onClearChat,
+  isBetaMode,
 }) => {
   const { trackEvent } = useUserAnalytics();
   return (
     <View style={styles.container}>
       <View style={styles.logoContainer}>
-        <ImageComponent
-          source={{ uri: "https://getvdb.com/mail_images/web_app_favicon.ico" }}
-          resizeMode="contain"
-          style={{ width: 30, height: 30, marginRight: 10 }}
-        />
-        <Text style={styles.title}>AI Search</Text>
+        <VDBLogo />
+        <Text style={styles.title}>{isBetaMode ? "AI Search Beta" : "AI Search"}</Text>
       </View>
       <View style={styles.buttonContainer}>
         <TouchableOpacity onPress={() => {
           trackEvent?.(AnalyticsEventNames.CHAT_CLEARED, {});
-            console.log("Segment: Clear Chat tracked");
-            onClearChat?.();
+          console.log("Segment: Clear Chat tracked");
+          onClearChat?.();
         }}>
           <Text style={styles.clearChatText}>Clear Chat</Text>
         </TouchableOpacity>
@@ -77,19 +89,21 @@ const ChatHeader = ({
 const styles = StyleSheet.create({
   container: {
     padding: 16,
-    backgroundColor: "#37363F",
+    backgroundColor: "#FFFFFF",
     justifyContent: "space-between",
     flexDirection: "row",
     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",
@@ -110,7 +124,7 @@ const styles = StyleSheet.create({
     color: "#FFF",
   },
   clearChatText: {
-    color: "#FFF",
+    color: "#4F4E57",
     fontSize: 14,
     fontWeight: "500",
     textDecorationLine: "none",

package/src/components/ChatInput.tsx

@@ -43,10 +43,14 @@ const SendIcon = ({
   return (
     <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" }}
+      style={{
+        ...styles.buttonIcon,
+        tintColor: isInactive ? "#ACACB3" : "#020001",
+        cursor: isInactive ? "auto" : "pointer",
+      }}
     />
   );
 };
@@ -65,7 +69,7 @@ export const ChatInput: React.FC<Props> = ({
   return (
     <View
       style={[
-        styles.container,
+        styles.inputContainer,
         Platform.OS === "web" ? styles.webShadow : styles.nativeShadow,
       ]}
     >
@@ -83,10 +87,7 @@ export const ChatInput: React.FC<Props> = ({
         autoFocus
       />
       <TouchableOpacity
-        style={{
-          ...styles.button,
-          backgroundColor: isInactive ? "#EDEDF2" : "#C000FF",
-        }}
+        style={styles.button}
         onPress={onSend}
         disabled={disabled}
       >
@@ -97,17 +98,18 @@ export const ChatInput: React.FC<Props> = ({
 };
 
 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,
+    borderRadius: 8,
     backgroundColor: "#FFF",
-    margin: 8,
+    borderColor: "#ACACB3",
+    borderWidth: 1,
+    height: 56,
   },
   webShadow: {
     ...(Platform.OS === "web"
@@ -131,7 +133,7 @@ const styles = StyleSheet.create({
     lineHeight: 20,
     minHeight: 20,
     maxHeight: 120,
-    paddingHorizontal: 8,
+    paddingHorizontal: 0,
     paddingVertical: 0,
     backgroundColor: "transparent",
     borderWidth: 0,
@@ -142,18 +144,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,