vdb-ai-chat 1.0.22 → 1.0.24

package/src/components/utils.ts

@@ -166,9 +166,19 @@ export const getDeviceType = (platform?: string) => {
 export enum AnalyticsEventNames {
   WIDGET_OPENED = "ai_chat_widget_opened",
   WIDGET_CLOSED = "ai_chat_widget_closed",
-  CHAT_CLEARED = "ai_chat_cleared",
-  PRODUCT_PREVIEW_CLICKED = "ai_product_preview_clicked",
-  SHOW_ALL_RESULTS_CLICKED = "ai_show_all_results_clicked",
+  CHAT_CLEARED = "ai_chat_cleared"
+}
+
+export enum AIEventNames {
+  AI_CHAT_WIDGET = "ai_chat_widget",
+}
+
+export enum AIEventTypes {
+  WIDGET_OPENED = "widget_opened",
+  WIDGET_CLOSED = "widget_closed",
+  CHAT_CLEARED = "chat_cleared",
+  PRODUCT_PREVIEW_CLICKED = "product_preview_clicked",
+  SHOW_ALL_RESULTS_CLICKED = "show_all_results_clicked",
 }
 
 export const isIpad = () => {
@@ -1006,3 +1016,68 @@ export const getStyleForCategory = (
     hover: "primary-bg-hover",
   };
 };
+
+export const isInvalidFancyColorOvertone = (
+  fancyColorOvertoneLong?: string
+) => {
+  const invalidFancyColorOvertoneArray = ["Champagne", "Cognac", "Chameleon"];
+  if (fancyColorOvertoneLong) {
+    return invalidFancyColorOvertoneArray.includes(fancyColorOvertoneLong);
+  }
+};
+
+
+export const colorStringForShort = (isShort: boolean, itemDetail?: any) => {
+  let colorString = null;
+
+  if (isShort) {
+    if (isInvalidFancyColorOvertone(itemDetail?.fancy_color_overtone_long)) {
+      colorString = itemDetail?.is_fancy
+        ? `${
+            itemDetail?.fancy_color_intensity_short || itemDetail?.color || ""
+          } ${itemDetail?.fancy_color_short || ""}(${
+            itemDetail?.fancy_color_overtone_long || ""
+          })`
+        : `${itemDetail?.fancy_color_long || itemDetail?.color || ""}`;
+    } else {
+      colorString = itemDetail?.is_fancy
+        ? `${
+            itemDetail?.fancy_color_intensity_short ||
+            itemDetail?.fancy_color_intensity ||
+            ""
+          } ${itemDetail?.fancy_color_overtone_short || ""}${
+            itemDetail?.fancy_color_short || ""
+          }`
+        : `${itemDetail?.fancy_color_long || itemDetail?.color || ""}`;
+    }
+  } else {
+    if (isInvalidFancyColorOvertone(itemDetail?.fancy_color_overtone_long)) {
+      colorString = itemDetail?.is_fancy
+        ? [
+            itemDetail?.fancy_color_intensity_long ||
+              itemDetail?.fancy_color_intensity,
+            itemDetail?.fancy_color_long,
+            itemDetail?.fancy_color_overtone_long
+              ? `(${itemDetail.fancy_color_overtone_long})`
+              : null,
+          ]
+            .filter(Boolean)
+            .join(" ")
+        : itemDetail?.fancy_color_long || itemDetail?.color || "";
+    } else {
+      colorString = itemDetail?.is_fancy
+        ? [
+            itemDetail?.fancy_color_intensity_long ||
+              itemDetail?.fancy_color_intensity,
+            itemDetail?.fancy_color_overtone_long,
+            itemDetail?.fancy_color_long,
+          ]
+            .filter(Boolean)
+            .join(" ")
+        : itemDetail?.fancy_color_long || itemDetail?.color || "";
+    }
+  }
+
+  return colorString === "" ? "-" : colorString;
+};
+

package/src/types.ts

@@ -50,6 +50,7 @@ export interface ChatWidgetProps {
   /** When true, shows beta labels and disclaimer. */
   isBetaMode?: boolean;
   activeProductType?: string;
+  trackAnalyticsEvent?: (eventName: string, eventData: Record<string, any>) => void;
 }
 
 export interface ChatWidgetRef {