@envive-ai/react-hooks 0.2.6-alpha-4 → 0.2.6-alpha-6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-hooks",
-  "version": "0.2.6-alpha-4",
+  "version": "0.2.6-alpha-6",
   "description": "React hooks for connecting to Envive AI services.",
   "keywords": [
     "react",
@@ -36,7 +36,7 @@
   "dependencies": {
     "@amplitude/analytics-browser": "^2.23.7",
     "@envive-ai/react-icons": "^0.1.1",
-    "@spiffy-ai/commerce-api-client": "1.1.0-SNAPSHOT.202508291501",
+    "@spiffy-ai/commerce-api-client": "1.1.0-SNAPSHOT.202510160819",
     "fuse.js": "^7.1.0",
     "jotai": "^2.14.0",
     "react-icons": "^5.5.0",

package/src/application/commerce-api.ts

@@ -545,6 +545,8 @@ class CommerceApiClient {
         return V1OrgConfigGetSourceEnum.App;
       case ContextSourceEnum.Test:
         return V1OrgConfigGetSourceEnum.Test;
+      case ContextSourceEnum.Eval:
+        return V1OrgConfigGetSourceEnum.Test;
       default: {
         // This ensures that if new values are added to ContextSourceEnum, we catch it
         const exhaustiveCheck: never = source;

package/src/application/utils/analyticsUtils.ts

@@ -1,13 +1,12 @@
-import Logger from 'src/application/logging/logger';
+import Logger from "src/application/logging/logger";
 import {
   isLegacyUAEcommerceEvent,
   isGA4EcommerceEvent,
   isBaseEcommerceEvent,
-} from 'src/application/models';
-import { BaseEcommerceEvent } from '@envive-ai/types';
-import { SpiffyMetricsEventName } from 'src/contexts/amplitudeContext/amplitudeContext';
+} from "src/application/models";
+import { BaseEcommerceEvent, SpiffyMetricsEventName } from "@envive-ai/types";
 
-const NORMALIZED_ADD_TO_CART_EVENT_NAMES = ['addtocart', 'addedtocart'];
+const NORMALIZED_ADD_TO_CART_EVENT_NAMES = ["addtocart", "addedtocart"];
 const CHECK_DATA_LAYER_INTERVAL_MS = 500;
 const CHECK_DATA_LAYER_MAX_ATTEMPTS = 10;
 
@@ -19,8 +18,10 @@ const CHECK_DATA_LAYER_MAX_ATTEMPTS = 10;
  * @returns True if the event is an add_to_cart event, false otherwise.
  */
 const isAddToCartEvent = (event: string): boolean => {
-  const normalizedEvent = event.replace(/[-_]/g, '').toLowerCase();
-  return NORMALIZED_ADD_TO_CART_EVENT_NAMES.some((name) => normalizedEvent.includes(name));
+  const normalizedEvent = event.replace(/[-_]/g, "").toLowerCase();
+  return NORMALIZED_ADD_TO_CART_EVENT_NAMES.some((name) =>
+    normalizedEvent.includes(name)
+  );
 };
 
 /**
@@ -30,7 +31,10 @@ const isAddToCartEvent = (event: string): boolean => {
  */
 const handleAddToCartEvent = (
   event: BaseEcommerceEvent,
-  track: (eventName: SpiffyMetricsEventName, eventProps?: Record<string, unknown>) => void,
+  track: (
+    eventName: SpiffyMetricsEventName,
+    eventProps?: Record<string, unknown>
+  ) => void
 ) => {
   let eventProps: Record<string, unknown>;
 
@@ -43,7 +47,7 @@ const handleAddToCartEvent = (
         quantity: product.quantity,
       })),
       currency: event.ecommerce.add.currencyCode,
-      event_format_version: 'legacy_universal_analytics',
+      event_format_version: "legacy_universal_analytics",
     };
   } else if (isGA4EcommerceEvent(event)) {
     eventProps = {
@@ -54,12 +58,12 @@ const handleAddToCartEvent = (
         quantity: item.quantity,
       })),
       currency: event.ecommerce.currency,
-      event_format_version: 'google_analytics_4',
+      event_format_version: "google_analytics_4",
     };
   } else {
     eventProps = {
       event_properties: { ...event },
-      event_format_version: 'unknown',
+      event_format_version: "unknown",
     };
   }
 
@@ -73,7 +77,10 @@ const handleAddToCartEvent = (
  * This function runs on an interval until the dataLayer is available.
  */
 export const initDataLayerWrapper = (
-  track: (eventName: SpiffyMetricsEventName, eventProps?: Record<string, unknown>) => void,
+  track: (
+    eventName: SpiffyMetricsEventName,
+    eventProps?: Record<string, unknown>
+  ) => void
 ) => {
   let attempts = 0;
 
@@ -85,7 +92,7 @@ export const initDataLayerWrapper = (
 
       if (attempts >= CHECK_DATA_LAYER_MAX_ATTEMPTS) {
         Logger.logDebug(
-          `[spiffy-ai] dataLayer not available after ${CHECK_DATA_LAYER_MAX_ATTEMPTS} attempts`,
+          `[spiffy-ai] dataLayer not available after ${CHECK_DATA_LAYER_MAX_ATTEMPTS} attempts`
         );
         return;
       }
@@ -94,10 +101,15 @@ export const initDataLayerWrapper = (
       return;
     }
 
-    Logger.logDebug('[spiffy-ai] dataLayer is available, wrapping push function...');
+    Logger.logDebug(
+      "[spiffy-ai] dataLayer is available, wrapping push function..."
+    );
     const originalPush = window.dataLayer.push;
     window.dataLayer.push = (...args: unknown[]) => {
-      if (isBaseEcommerceEvent(args[0]) && isAddToCartEvent((args[0] as any).event)) {
+      if (
+        isBaseEcommerceEvent(args[0]) &&
+        isAddToCartEvent((args[0] as any).event)
+      ) {
         handleAddToCartEvent(args[0] as BaseEcommerceEvent, track);
       }
 
@@ -110,7 +122,10 @@ export const initDataLayerWrapper = (
 };
 
 export const initAmplitude = (
-  track: (eventName: SpiffyMetricsEventName, eventProps?: Record<string, unknown>) => void,
+  track: (
+    eventName: SpiffyMetricsEventName,
+    eventProps?: Record<string, unknown>
+  ) => void
 ) => {
   // This function might not be needed anymore if Amplitude is initialized via context.
   // For now, we'll keep it and pass the track function.

package/src/atoms/amplitude/amplitudeTrackEventAtom.ts

@@ -1,5 +1,5 @@
+import { SpiffyMetricsEventName } from "@envive-ai/types";
 import { atom } from "jotai";
-import { SpiffyMetricsEventName } from "src/contexts/amplitudeContext/amplitudeContext";
 
 interface TrackEventParams {
   eventName: SpiffyMetricsEventName;

package/src/atoms/chat/chatState.ts

@@ -1,6 +1,5 @@
-import { UserEventCategory } from '@spiffy-ai/commerce-api-client/dist/models/UserEventCategory';
-import { atom } from 'jotai';
-import { SpiffyMetricsEventName } from 'src/contexts/amplitudeContext/amplitudeContext';
+import { UserEventCategory } from "@spiffy-ai/commerce-api-client/dist/models/UserEventCategory";
+import { atom } from "jotai";
 import {
   FormSubmittedAttributes,
   Message,
@@ -8,10 +7,13 @@ import {
   UserEvent,
   SpiffyEventName,
   ChatElementDisplayLocation,
-} from '@envive-ai/types';
+  SpiffyMetricsEventName,
+} from "@envive-ai/types";
 
 export const userHasRepliedAtom = atom<boolean>(false);
-export const replyEventCategoryAtom = atom<UserEventCategory>(UserEventCategory.AppLoaded);
+export const replyEventCategoryAtom = atom<UserEventCategory>(
+  UserEventCategory.AppLoaded
+);
 export const userQueryAtom = atom<string>();
 export const suggestionAtom = atom<Suggestion | undefined>(undefined);
 export const askQuestionBtnClickedAtom = atom<boolean>(false);
@@ -29,7 +31,10 @@ export const chatOnToggleAtom = atom(
     get,
     set,
     triggerLocation?: ChatElementDisplayLocation,
-    track?: (eventName: SpiffyMetricsEventName, eventProps?: Record<string, unknown>) => void,
+    track?: (
+      eventName: SpiffyMetricsEventName,
+      eventProps?: Record<string, unknown>
+    ) => void
   ) => {
     const isOpen = get(chatIsOpenAtom);
     set(chatIsOpenAtom, !isOpen);
@@ -45,5 +50,5 @@ export const chatOnToggleAtom = atom(
       window.dispatchEvent(new CustomEvent(SpiffyEventName.WidgetClose));
       track?.(SpiffyMetricsEventName.ChatComponentCollapsed);
     }
-  },
+  }
 );

package/src/atoms/chat/replies.ts

@@ -1,56 +1,58 @@
-import { atom } from 'jotai';
-import { Message, MessageType } from '@envive-ai/types';
+import { atom } from "jotai";
+import { Message, MessageType, SpiffyMetricsEventName } from "@envive-ai/types";
 import {
   userHasRepliedAtom,
   messagesAtom,
   userQueryAtom,
   replyEventCategoryAtom,
-} from 'src/atoms/chat';
-import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
-import { queueUserEventAtom } from './messageQueue';
-import { SpiffyMetricsEventName } from 'src/contexts/amplitudeContext/amplitudeContext';
-import { amplitudeTrackEventAtom } from 'src/atoms/amplitude/amplitudeTrackEventAtom';
+} from "src/atoms/chat";
+import { UserEventCategory } from "@spiffy-ai/commerce-api-client";
+import { queueUserEventAtom } from "./messageQueue";
+import { amplitudeTrackEventAtom } from "src/atoms/amplitude/amplitudeTrackEventAtom";
 
 type HandleReplyParams = {
   message: Message;
   userTyped: boolean;
 };
 
-export const handleReplyAtom = atom(null, (get, set, { message, userTyped }: HandleReplyParams) => {
-  if (message.type !== MessageType.QueryTyped) {
-    return;
-  }
-
-  const trackEvent = get(amplitudeTrackEventAtom);
-  const queryTyped = message.metadata.content;
+export const handleReplyAtom = atom(
+  null,
+  (get, set, { message, userTyped }: HandleReplyParams) => {
+    if (message.type !== MessageType.QueryTyped) {
+      return;
+    }
 
-  set(replyEventCategoryAtom, UserEventCategory.QueryTyped);
-  set(userQueryAtom, queryTyped);
-  set(messagesAtom, [...get(messagesAtom), [message]]);
-  set(userHasRepliedAtom, true);
-  set(queueUserEventAtom, {
-    eventId: message.id,
-    createdAt: message.createdAt,
-    category: UserEventCategory.QueryTyped,
-    attributes: {
-      query: queryTyped,
-    },
-  });
+    const trackEvent = get(amplitudeTrackEventAtom);
+    const queryTyped = message.metadata.content;
 
-  if (trackEvent) {
-    trackEvent({
-      eventName: SpiffyMetricsEventName.ChatUserMessageInput,
-      eventProps: {
-        message_id: message.id,
-        message_role: message.role,
-        message_type: message.type,
-        message_metadata: {
-          content: message?.metadata?.content, // Removed amplitudeSafeString
-          created_at: message.createdAt,
-          user_typed: userTyped,
-        },
+    set(replyEventCategoryAtom, UserEventCategory.QueryTyped);
+    set(userQueryAtom, queryTyped);
+    set(messagesAtom, [...get(messagesAtom), [message]]);
+    set(userHasRepliedAtom, true);
+    set(queueUserEventAtom, {
+      eventId: message.id,
+      createdAt: message.createdAt,
+      category: UserEventCategory.QueryTyped,
+      attributes: {
+        query: queryTyped,
       },
-      alsoSendToGoogleAnalytics: true,
     });
+
+    if (trackEvent) {
+      trackEvent({
+        eventName: SpiffyMetricsEventName.ChatUserMessageInput,
+        eventProps: {
+          message_id: message.id,
+          message_role: message.role,
+          message_type: message.type,
+          message_metadata: {
+            content: message?.metadata?.content, // Removed amplitudeSafeString
+            created_at: message.createdAt,
+            user_typed: userTyped,
+          },
+        },
+        alsoSendToGoogleAnalytics: true,
+      });
+    }
   }
-});
+);