@envive-ai/react-hooks 0.3.15 → 0.3.17

package/src/atoms/app/variant.ts

@@ -5,6 +5,7 @@ import {
 } from '@spiffy-ai/commerce-api-client';
 import { atom } from 'jotai';
 import { atomWithStorage } from 'jotai/utils';
+import Logger from 'src/application/logging/logger';
 import {
   PDPVariantInfo,
   PLPVariantInfo,
@@ -15,7 +16,6 @@ import {
 } from 'src/application/models';
 import { sessionStorageUtil } from 'src/atoms/atomStore';
 import type { PageVariantInfo } from 'src/contexts/pageContext/types';
-import Logger from 'src/application/logging/logger';
 import { ShowFloatingButtonOptions } from 'src/contexts/types';
 
 export interface SupportedEvent extends Pick<
@@ -168,7 +168,7 @@ const internalProductUrlAtom = atom<string>();
 const internalPlpIdAtom = atom<string>();
 const internalUrlAtom = atom<string>();
 const internalPageVisitCategoryAtom = atom<PageVisitCategory>();
-const internalVariantAtom = atom<'pdp' | 'plp' | 'search' | 'page_visit'>('pdp');
+const internalVariantAtom = atom<'pdp' | 'plp' | 'search' | 'page_visit' | 'full_page'>('pdp');
 const internalFloatingButtonOverrideAtom = atom<ShowFloatingButtonOptions>();
 
 export const variantIdAtom = atom(get => get(internalVariantIdAtom));
@@ -251,6 +251,12 @@ const getPageVisitContext = (pageVisitCategory: PageVisitCategory | undefined) =
       page_id: window.location.href,
     };
   }
+  if (pageVisitCategory === PageVisitCategory.FullPage) {
+    return {
+      page_type: 'full_page',
+      page_id: window.location.href,
+    };
+  }
   return {
     page_type: 'other',
     page_id: window.location.href,

package/src/contexts/graphqlContext/mockV3Config.ts

@@ -133,9 +133,6 @@ export const mockV3FrontendConfig: FrontendConfigV3 = {
       welcomeMessageText:
         'Your personal shopper trained on the collective knowledge of thousands of real experts!',
       chatFooterTextFieldPlaceholderText: 'Ask me anything...',
-      partialViewConfig: {
-        disabled: true,
-      },
     },
     customerServiceIntegration: {
       provider: CustomerServiceType.unsupported,

package/src/contexts/salesAgentContext/salesAgentContext.tsx

@@ -1,6 +1,6 @@
 import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
-import { ReactNode, createContext, useCallback, useEffect, useMemo, useRef } from 'react';
+import { ReactNode, createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Logger from 'src/application/logging/logger';
 import { NextMessageRequest, Suggestion, UserEvent } from 'src/application/models';
 import { Message, MessageRole, MessageType } from 'src/application/models/message';
@@ -61,6 +61,7 @@ export const SalesAgentProvider: React.FC<SalesAgentProviderProps> = ({
   const userEvents = useAtomValue(userEventQueueAtom);
   const userQueueEventCount = useAtomValue(userQueueEventCountAtom);
   const markUserEventsProcessed = useSetAtom(processUserEventAtom);
+  const [isHydrated, setIsHydrated] = useState(false);
   const [isInitialized, setIsInitialized] = useAtom(initializedAtom);
   const settingsContext = useSystemSettingsContext();
   const setMessages = useSetAtom(messagesAtom);
@@ -112,6 +113,10 @@ export const SalesAgentProvider: React.FC<SalesAgentProviderProps> = ({
     if (previewMode) {
       return;
     }
+    // Wait for the messages to be hydrated before sending messages to the backend
+    if (!isHydrated) {
+      return;
+    }
 
     if (userQueueEventCount > 0 && !isSendingRef.current) {
       isSendingRef.current = true;
@@ -178,6 +183,7 @@ export const SalesAgentProvider: React.FC<SalesAgentProviderProps> = ({
       );
     }
   }, [
+    isHydrated,
     createResponsePayload,
     getSuggestions,
     isInitialized,
@@ -190,16 +196,25 @@ export const SalesAgentProvider: React.FC<SalesAgentProviderProps> = ({
   ]);
 
   useEffect(() => {
-    // Skip hydration in preview mode
-    if (previewMode) {
-      return;
-    }
+    const startHydration = async () => {
+      // Skip hydration in preview mode
+      if (previewMode) {
+        return;
+      }
 
-    if (isInitialized) {
-      // Rehydrate any messages from the backend
-      hydrateMessages();
-    }
-  }, [isInitialized, hydrateMessages, previewMode]);
+      if (!isHydrated) {
+        // Rehydrate any messages from the backend
+        try {
+          await hydrateMessages();
+        } catch (error) {
+          Logger.logError('[envive-ai] error hydrating messages', error);
+        } finally {
+          setIsHydrated(true);
+        }
+      }
+    };
+    startHydration();
+  }, [isInitialized, hydrateMessages, previewMode, isHydrated]);
 
   return <SalesAgentContext.Provider value={undefined}>{children}</SalesAgentContext.Provider>;
 };

package/src/contexts/salesAgentContext/salesAgentService.ts

@@ -1,8 +1,7 @@
+import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
 import { useAtomValue, useSetAtom } from 'jotai';
 import { useCallback } from 'react';
-import { v4 as uuid } from 'uuid';
 import CommerceApiClient from 'src/application/commerce-api';
-import { appDetailsAtom } from 'src/atoms/app';
 import Logger from 'src/application/logging/logger';
 import {
   GenerationParams,
@@ -13,7 +12,9 @@ import {
   Response,
   UserEvent,
 } from 'src/application/models';
-import { messageFromResponse } from 'src/application/utils';
+import { messageFromQueryEvent, messageFromResponse } from 'src/application/utils';
+import { appDetailsAtom } from 'src/atoms/app';
+import { analyticsContextAtom } from 'src/atoms/app/variant';
 import {
   messagesAtom,
   pendingResponseAtom,
@@ -21,15 +22,14 @@ import {
   responseStreamingAtom,
   suggestionsAtom,
 } from 'src/atoms/chat/chatState';
-import { useMessageInterceptor } from 'src/interceptors/useMessageInterceptor';
 import { useAmplitude } from 'src/contexts/amplitudeContext';
+import { useFeatureFlagService } from 'src/contexts/featureFlagServiceContext';
+import { useMessageInterceptor } from 'src/interceptors/useMessageInterceptor';
 import {
   EnviveMetricsEventName,
   SpiffyMetricsEventName,
 } from 'src/services/amplitudeService/amplitudeService';
-import { useFeatureFlagService } from 'src/contexts/featureFlagServiceContext';
-import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
-import { analyticsContextAtom } from 'src/atoms/app/variant';
+import { v4 as uuid } from 'uuid';
 
 import { StatusCodeError } from './statusCodeError';
 
@@ -177,10 +177,11 @@ const processStreamingResponse = async (
   messageInterceptor: { intercept: (response?: Response) => boolean | undefined },
   setMessages: (updater: (prev: Message[][]) => Message[][]) => void,
   setResponseStreaming: (responseStreaming: boolean) => void,
-): Promise<Record<string, number>> => {
+): Promise<Record<string, number | string[]>> => {
   let lastMessage: Message | undefined;
   setResponseStreaming(true);
-  const responseAnalytics: Record<string, number> = {};
+  const responseAnalytics: Record<string, number | string[]> = {};
+  const productIds = [];
 
   for await (const response of stream) {
     try {
@@ -197,12 +198,19 @@ const processStreamingResponse = async (
         throw new Error('Failed to transform API response to client message');
       }
       if (message.type === MessageType.Product) {
-        responseAnalytics['chat.product_cards_returned'] =
-          (responseAnalytics['chat.product_cards_returned'] || 0) + 1;
+        const cardsCounter = (responseAnalytics['chat.product_cards_returned'] as number) || 0;
+        responseAnalytics['chat.product_cards_returned'] = cardsCounter + 1;
+
+        const productIds = responseAnalytics['chat.product_ids_returned'] as string[];
+        if (!productIds) {
+          responseAnalytics['chat.product_ids_returned'] = [message.metadata.id];
+        } else {
+          productIds.push(message.metadata.id);
+        }
       }
       if (message.type === MessageType.Review) {
-        responseAnalytics['chat.review_cards_returned'] =
-          (responseAnalytics['chat.review_cards_returned'] || 0) + 1;
+        const cardsCounter = (responseAnalytics['chat.review_cards_returned'] as number) || 0;
+        responseAnalytics['chat.review_cards_returned'] = cardsCounter + 1;
       }
 
       // No support for ChatSearch messages at the current time.
@@ -363,7 +371,7 @@ export const useSalesAgentService: () => SalesAgentService = () => {
 
   const hydrateMessages = useCallback(async () => {
     const { orgId, chatId, userId } = context;
-    const { messages: existingMessages, userEvents } = await CommerceApiClient.getResponses(
+    const { messages: existingMessages } = await CommerceApiClient.getResponses(
       orgId,
       chatId,
       userId,

package/src/contexts/typesV3.ts

@@ -201,15 +201,6 @@ export interface AutoPopupConfig {
   triggers: AutoPopupTrigger[];
 }
 
-type PartialViewConfig = {
-  /**
-   * When true, only full-screen mode is supported (no partial/draggable middle state).
-   * Useful when partial view causes usability issues on mobile.
-   * Default: false (undefined and false = partial view enabled).
-   */
-  disabled?: boolean;
-};
-
 type FloatingChatConfig = {
   headerBackgroundColor?: string;
   headerMode: Mode;
@@ -223,7 +214,6 @@ type FloatingChatConfig = {
   welcomeMessageText: string;
   chatFooterTextFieldPlaceholderText: string;
   autoPopupConfig?: AutoPopupConfig;
-  partialViewConfig?: PartialViewConfig;
 };
 
 type CustomerServiceIntegration = {

package/src/services/ga4ProjectionService/ga4EventSchema.ts

@@ -101,6 +101,7 @@ export const GA4_EVENT_SCHEMA: Record<EnviveMetricsEventName, GA4EventSchemaEntr
       'chat.user_typed',
       'chat.response_time_ms',
       'chat.product_cards_returned',
+      'chat.product_ids_returned',
       'chat.review_cards_returned',
     ],
   },