vdb-ai-chat 1.0.0

package/lib/module/api.js

@@ -0,0 +1,146 @@
+import { Storage } from "./storage";
+
+// Generic params type reused for downstream APIs (e.g. product search payload)
+
+async function buildHeaders() {
+  const token = (await Storage.getItem("token")) || "";
+  const iid = (await Storage.getItem("persist:appState")) || "{}";
+  let installationId = "";
+  try {
+    const parsed = JSON.parse(iid);
+    installationId = parsed?.installationIdentifier ? JSON.parse(parsed.installationIdentifier) : "";
+  } catch {
+    installationId = "";
+  }
+  const session = (await Storage.getItem("session_cookie")) || "";
+  return {
+    "Content-Type": "application/json",
+    Accept: "application/json, text/plain, */*",
+    Authorization: `Token token=${token},installation_identifier=${installationId}`,
+    Cookie: `vdb-server_session=${session}`
+  };
+}
+export function normaliseMessages(raw) {
+  const messages = Array.isArray(raw) ? raw : raw?.messages;
+  if (!Array.isArray(messages)) return [];
+  return messages.map((m, index) => ({
+    id: String(m.id ?? `${m.role}-${index}-${m.created_at ?? Date.now()}`),
+    role: m.role === "user" ? "user" : "assistant",
+    text: String(m.content ?? m.text ?? ""),
+    createdAt: typeof m.created_at === "string" ? Date.parse(m.created_at) : typeof m.createdAt === "number" ? m.createdAt : Date.now(),
+    ...(m.role === "assistant" ? {
+      agent_response: raw?.agent_response ? raw?.agent_response : undefined
+    } : {}),
+    // agent_response: m.agent_response,
+    suggestions: Array.isArray(m.suggestions) ? m.suggestions : undefined
+  }));
+}
+export async function fetchInitialMessages(apiUrl, _params, priceMode) {
+  const conversations = await Storage.getJSON("vdbchat_conversations", {});
+  const storedId = conversations?.[priceMode]?.conversation_id ?? null;
+  if (!priceMode) return;
+  const body = {};
+  if (storedId) {
+    body.conversation_id = Number.isNaN(Number(storedId)) ? storedId : Number(storedId);
+  }
+  const res = await fetch(apiUrl, {
+    method: "POST",
+    headers: await buildHeaders(),
+    body: Object.keys(body).length ? JSON.stringify(body) : undefined
+  });
+  if (!res.ok) {
+    throw new Error(`POST ${apiUrl} failed with ${res.status}`);
+  }
+  const data = await res.json();
+
+  // Persist conversation_id returned by the server for future calls
+  if (data && data.conversation_id != null && priceMode) {
+    const updatedConversations = conversations || {};
+    updatedConversations[priceMode] = {
+      conversation_id: data.conversation_id
+    };
+    await Storage.setJSON("vdbchat_conversations", updatedConversations);
+  }
+  return data;
+}
+export async function sendUserMessage(apiUrl, userMessage, _params, _history, priceMode) {
+  const conversations = await Storage.getJSON("vdbchat_conversations", {});
+  const storedId = conversations?.[priceMode]?.conversation_id ?? null;
+  if (!priceMode) {
+    return null;
+  }
+  const body = {
+    query: userMessage
+  };
+  if (storedId) {
+    body.conversation_id = Number.isNaN(Number(storedId)) ? storedId : Number(storedId);
+  }
+  const res = await fetch(apiUrl, {
+    method: "POST",
+    headers: await buildHeaders(),
+    body: JSON.stringify(body)
+  });
+  if (!res.ok) {
+    throw new Error(`POST ${apiUrl} failed with ${res.status}`);
+  }
+  const data = await res.json();
+  if (data && data.conversation_id != null && priceMode) {
+    const updatedConversations = conversations || {};
+    updatedConversations[priceMode] = {
+      conversation_id: data.conversation_id
+    };
+    await Storage.setJSON("vdbchat_conversations", updatedConversations);
+  }
+  return data;
+}
+export async function clearChatHistory(apiUrl, priceMode) {
+  const conversations = await Storage.getJSON("vdbchat_conversations", {});
+  const storedId = conversations?.[priceMode]?.conversation_id ?? null;
+  if (!storedId || !priceMode) return;
+  const url = new URL(apiUrl);
+  url.searchParams.set("conversation_id", storedId);
+  const res = await fetch(url.toString(), {
+    method: "DELETE",
+    headers: await buildHeaders()
+  });
+  if (!res.ok) {
+    throw new Error(`DELETE ${apiUrl} failed with ${res.status}`);
+  }
+
+  // Clear from storage as well
+  const updatedConversations = conversations || {};
+  delete updatedConversations[priceMode];
+  await Storage.setJSON("vdbchat_conversations", updatedConversations);
+}
+export async function getProducts(params) {
+  const res = await fetch("https://pdpdemo1.demo.customvirtual.app/v3/vdb/search_diamonds", {
+    method: "POST",
+    headers: await buildHeaders(),
+    body: JSON.stringify({
+      vdb: {
+        ...params,
+        page_size: 5,
+        price_mode: 1,
+        vdb_setting: "true"
+      }
+    })
+  });
+  if (!res.ok) {
+    throw new Error(`POST failed with ${res.status}`);
+  }
+  const data = await res.json();
+  return data;
+}
+export const handleFeedbackActionApi = async (action, conversation_id, message_id) => {
+  const feedbackUrl = `https://pdpdemo1.demo.customvirtual.app/v3/agent_conversations/${conversation_id}/conversation_messages/${message_id}/reaction`;
+  const payload = {
+    reaction: action
+  };
+  const response = await fetch(feedbackUrl, {
+    method: "POST",
+    headers: await buildHeaders(),
+    body: JSON.stringify(payload)
+  });
+  return response;
+};
+//# sourceMappingURL=api.js.map

package/lib/module/api.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Storage","buildHeaders","token","getItem","iid","installationId","parsed","JSON","parse","installationIdentifier","session","Accept","Authorization","Cookie","normaliseMessages","raw","messages","Array","isArray","map","m","index","id","String","role","created_at","Date","now","text","content","createdAt","agent_response","undefined","suggestions","fetchInitialMessages","apiUrl","_params","priceMode","conversations","getJSON","storedId","conversation_id","body","Number","isNaN","res","fetch","method","headers","Object","keys","length","stringify","ok","Error","status","data","json","updatedConversations","setJSON","sendUserMessage","userMessage","_history","query","clearChatHistory","url","URL","searchParams","set","toString","getProducts","params","vdb","page_size","price_mode","vdb_setting","handleFeedbackActionApi","action","message_id","feedbackUrl","payload","reaction","response"],"sourceRoot":"../../src","sources":["api.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ChatHeader.js

@@ -0,0 +1,105 @@
+import { View, Text, StyleSheet, TouchableOpacity, Platform, Image } from "react-native";
+import React from "react";
+
+// Use expo-image on native if available, fallback to RN Image
+let ImageComponent = Image;
+if (Platform.OS !== "web") {
+  try {
+    const ExpoImage = require("expo-image").Image;
+    if (ExpoImage) ImageComponent = ExpoImage;
+  } catch {
+    // expo-image not installed, use React Native Image
+  }
+}
+const CloseIcon = () => {
+  return /*#__PURE__*/React.createElement(ImageComponent, {
+    source: {
+      uri: "https://cdn.jsdelivr.net/npm/feather-icons/dist/icons/x.svg"
+    },
+    resizeMode: "contain",
+    style: {
+      width: 20,
+      height: 20
+    }
+  });
+};
+const ChatHeader = ({
+  onClose,
+  onClearChat
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    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, {
+    style: styles.title
+  }, "AI Search")), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => onClearChat?.()
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.clearChatText
+  }, "Clear Chat")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: () => onClose?.()
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    backgroundColor: "#37363F",
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  logoContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "500",
+    color: "#FFF"
+  },
+  closeButton: {
+    backgroundColor: "#FFF",
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  closeIconText: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: "#37363F",
+    textAlign: "center",
+    lineHeight: 16
+  },
+  closeButtonText: {
+    color: "#FFF"
+  },
+  clearChatText: {
+    color: "#FFF",
+    fontSize: 14,
+    fontWeight: "500",
+    textDecorationLine: "none"
+  },
+  buttonContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 16
+  }
+});
+export default ChatHeader;
+//# sourceMappingURL=ChatHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","TouchableOpacity","Platform","Image","React","ImageComponent","OS","ExpoImage","require","CloseIcon","createElement","source","uri","resizeMode","style","width","height","ChatHeader","onClose","onClearChat","styles","container","logoContainer","marginRight","title","buttonContainer","onPress","clearChatText","closeButton","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":[]}

package/lib/module/components/ChatInput.js

@@ -0,0 +1,136 @@
+import React from "react";
+import { View, TextInput, TouchableOpacity, StyleSheet, Platform, Image } from "react-native";
+// Use expo-image on native if available, fallback to RN Image
+let ImageComponent = Image;
+if (Platform.OS !== "web") {
+  try {
+    const ExpoImage = require("expo-image").Image;
+    if (ExpoImage) ImageComponent = ExpoImage;
+  } catch {
+    // expo-image not installed, use React Native Image
+  }
+}
+const SendIcon = ({
+  disabled,
+  isEmpty
+}) => {
+  const isInactive = disabled || isEmpty;
+  return /*#__PURE__*/React.createElement(ImageComponent, {
+    source: {
+      uri: "https://cdn.vdbapp.com/ai/chat-widget/assets/img/up.svg"
+    },
+    resizeMode: "contain",
+    style: {
+      ...styles.buttonIcon,
+      tintColor: isInactive ? "#AAA" : "#FFF"
+    }
+  });
+};
+export const ChatInput = ({
+  value,
+  onChangeText,
+  onSend,
+  disabled,
+  placeholder,
+  theme,
+  inputRef
+}) => {
+  const isInactive = disabled || value.trim() === "";
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, Platform.OS === "web" ? styles.webShadow : styles.nativeShadow]
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    ref: inputRef
+    // @ts-ignore - supported on web via react-native-web
+    ,
+    id: "chat-input",
+    style: [styles.input, styles.inputWeb],
+    placeholder: placeholder || "What are you looking for?",
+    placeholderTextColor: "#999",
+    value: value,
+    onChangeText: onChangeText,
+    onSubmitEditing: onSend,
+    editable: !disabled,
+    autoFocus: true
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      ...styles.button,
+      backgroundColor: isInactive ? "#EDEDF2" : "#C000FF"
+    },
+    onPress: onSend,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(SendIcon, {
+    disabled: disabled,
+    isEmpty: value.trim() === ""
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    height: 48,
+    paddingHorizontal: 16,
+    paddingVertical: 0,
+    justifyContent: "space-between",
+    alignItems: "center",
+    alignSelf: "stretch",
+    borderRadius: 56,
+    backgroundColor: "#FFF",
+    margin: 8
+  },
+  webShadow: {
+    ...(Platform.OS === "web" ? {
+      boxShadow: "2px 8px 24px -6px rgba(55, 54, 64, 0.26)"
+    } : {})
+  },
+  nativeShadow: {
+    shadowColor: "#373640",
+    shadowOffset: {
+      width: 2,
+      height: 8
+    },
+    shadowOpacity: 0.26,
+    shadowRadius: 12,
+    elevation: 3
+  },
+  input: {
+    flex: 1,
+    color: "#4F4E57",
+    fontFamily: "Roboto",
+    fontSize: 14,
+    fontStyle: "normal",
+    fontWeight: "400",
+    lineHeight: 20,
+    minHeight: 20,
+    maxHeight: 120,
+    paddingHorizontal: 8,
+    paddingVertical: 0,
+    backgroundColor: "transparent",
+    borderWidth: 0
+  },
+  inputWeb: {
+    ...(Platform.OS === "web" ? {
+      outlineStyle: "none",
+      outlineWidth: 0,
+      boxShadow: "none"
+    } : {})
+  },
+  button: {
+    marginLeft: 8,
+    padding: 4,
+    justifyContent: "center",
+    alignItems: "center",
+    height: 40,
+    aspectRatio: 1,
+    borderRadius: 40,
+    backgroundColor: "#C000FF"
+  },
+  buttonIcon: {
+    height: 16,
+    width: 16
+  },
+  sendIconText: {
+    fontSize: 18,
+    fontWeight: "700",
+    textAlign: "center"
+  }
+});
+//# sourceMappingURL=ChatInput.js.map

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

@@ -0,0 +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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,SAAS,EACTC,gBAAgB,EAEhBC,UAAU,EACVC,QAAQ,EACRC,KAAK,QACA,cAAc;AAGrB;AACA,IAAIC,cAA4B,GAAGD,KAAK;AACxC,IAAID,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;EACzB,IAAI;IACF,MAAMC,SAAS,GAAGC,OAAO,CAAC,YAAY,CAAC,CAACJ,KAAK;IAC7C,IAAIG,SAAS,EAAEF,cAAc,GAAGE,SAAS;EAC3C,CAAC,CAAC,MAAM;IACN;EAAA;AAEJ;AAYA,MAAME,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC;AAIF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGF,QAAQ,IAAIC,OAAO;EAEtC,oBACEb,KAAA,CAAAe,aAAA,CAACR,cAAc;IACbS,MAAM,EAAE;MACNC,GAAG,EAAE;IACP,CAAE;IACFC,UAAU,EAAC,SAAS;IACpBC,KAAK,EAAE;MAAE,GAAGC,MAAM,CAACC,UAAU;MAAEC,SAAS,EAAER,UAAU,GAAG,MAAM,GAAG;IAAO;EAAE,CAC1E,CAAC;AAEN,CAAC;AAED,OAAO,MAAMS,SAA0B,GAAGA,CAAC;EACzCC,KAAK;EACLC,YAAY;EACZC,MAAM;EACNd,QAAQ;EACRe,WAAW;EACXC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMf,UAAU,GAAGF,QAAQ,IAAIY,KAAK,CAACM,IAAI,CAAC,CAAC,KAAK,EAAE;EAElD,oBACE9B,KAAA,CAAAe,aAAA,CAACd,IAAI;IACHkB,KAAK,EAAE,CACLC,MAAM,CAACW,SAAS,EAChB1B,QAAQ,CAACG,EAAE,KAAK,KAAK,GAAGY,MAAM,CAACY,SAAS,GAAGZ,MAAM,CAACa,YAAY;EAC9D,gBAEFjC,KAAA,CAAAe,aAAA,CAACb,SAAS;IACRgC,GAAG,EAAEL;IACL;IAAA;IACAM,EAAE,EAAC,YAAY;IACfhB,KAAK,EAAE,CAACC,MAAM,CAACgB,KAAK,EAAEhB,MAAM,CAACiB,QAAQ,CAAE;IACvCV,WAAW,EAAEA,WAAW,IAAI,2BAA4B;IACxDW,oBAAoB,EAAC,MAAM;IAC3Bd,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3Bc,eAAe,EAAEb,MAAO;IACxBc,QAAQ,EAAE,CAAC5B,QAAS;IACpB6B,SAAS;EAAA,CACV,CAAC,eACFzC,KAAA,CAAAe,aAAA,CAACZ,gBAAgB;IACfgB,KAAK,EAAE;MACL,GAAGC,MAAM,CAACsB,MAAM;MAChBC,eAAe,EAAE7B,UAAU,GAAG,SAAS,GAAG;IAC5C,CAAE;IACF8B,OAAO,EAAElB,MAAO;IAChBd,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAAe,aAAA,CAACJ,QAAQ;IAACC,QAAQ,EAAEA,QAAS;IAACC,OAAO,EAAEW,KAAK,CAACM,IAAI,CAAC,CAAC,KAAK;EAAG,CAAE,CAC7C,CACd,CAAC;AAEX,CAAC;AAED,MAAMV,MAAM,GAAGhB,UAAU,CAACyC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,SAAS;IACpBC,YAAY,EAAE,EAAE;IAChBV,eAAe,EAAE,MAAM;IACvBW,MAAM,EAAE;EACV,CAAC;EACDtB,SAAS,EAAE;IACT,IAAI3B,QAAQ,CAACG,EAAE,KAAK,KAAK,GACpB;MAAE+C,SAAS,EAAE;IAA2C,CAAC,GAC1D,CAAC,CAAC;EACR,CAAC;EACDtB,YAAY,EAAE;IACZuB,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEX,MAAM,EAAE;IAAE,CAAC;IACrCY,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EACDzB,KAAK,EAAE;IACL0B,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,SAAS;IAChBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE,GAAG;IACdtB,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBN,eAAe,EAAE,aAAa;IAC9B4B,WAAW,EAAE;EACf,CAAC;EACDlC,QAAQ,EAAE;IACR,IAAIhC,QAAQ,CAACG,EAAE,KAAK,KAAK,GACpB;MAAEgE,YAAY,EAAE,MAAM;MAAEC,YAAY,EAAE,CAAC;MAAElB,SAAS,EAAE;IAAO,CAAC,GAC7D,CAAC,CAAC;EACR,CAAC;EACDb,MAAM,EAAE;IACNgC,UAAU,EAAE,CAAC;IACbC,OAAO,EAAE,CAAC;IACVzB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBJ,MAAM,EAAE,EAAE;IACV6B,WAAW,EAAE,CAAC;IACdvB,YAAY,EAAE,EAAE;IAChBV,eAAe,EAAE;EACnB,CAAC;EACDtB,UAAU,EAAE;IACV0B,MAAM,EAAE,EAAE;IACVW,KAAK,EAAE;EACT,CAAC;EACDmB,YAAY,EAAE;IACZZ,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,KAAK;IACjBW,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}