@envive-ai/react-hooks 0.3.5 → 0.3.7

package/src/contexts/newOrgConfigContext/__tests__/newOrgConfigContext.test.tsx

@@ -457,4 +457,238 @@ describe('NewOrgConfigProvider', () => {
       });
     });
   });
+  describe('Override Config', () => {
+    it('should use overrideConfig when provided instead of fetched config', async () => {
+      const fetchedData = {
+        colorsConfig: { accentPrimary: '#FF0000' },
+        frontendConfig: { merchantOverrideCss: 'fetched-css' },
+      };
+
+      const overrideData = {
+        colorsConfig: { accentPrimary: '#0000FF' },
+        frontendConfig: { merchantOverrideCss: 'override-css' },
+        orgPageConfig: { pageVariants: [] },
+      };
+
+      // Updated TestWrapper to accept overrideConfig
+      const TestWrapperWithOverride: React.FC<{
+        children: React.ReactNode;
+        orgShortName?: string;
+        mockHookData?: any;
+        overrideConfig?: any;
+      }> = ({ children, orgShortName, mockHookData = {}, overrideConfig }) => {
+        const mockUseUIConfig = useUIConfig as any;
+        mockUseUIConfig.mockReturnValue({
+          data: mockHookData.data || {},
+          loading: mockHookData.loading ?? false,
+          error: mockHookData.error || null,
+          refetch: vi.fn(),
+        });
+
+        return (
+          <Provider>
+            <EnviveConfigProvider
+              identifyingPrefix="test"
+              orgShortName={orgShortName}
+              baseUrl="https://test-api.example.com"
+              orgLevelApiKey="test-key"
+            >
+              <LocalStorageProvider>
+                <GraphQLProvider>
+                  <NewOrgConfigProvider overrideConfig={overrideConfig}>
+                    {children}
+                  </NewOrgConfigProvider>
+                </GraphQLProvider>
+              </LocalStorageProvider>
+            </EnviveConfigProvider>
+          </Provider>
+        );
+      };
+
+      const ConfigChecker: React.FC = () => {
+        const config = useNewOrgConfigContext();
+        return (
+          <div data-testid="config-checker">
+            <div data-testid="accent-color">{config.colorsConfig?.accentPrimary || 'none'}</div>
+            <div data-testid="css-value">
+              {config.frontendConfig?.merchantOverrideCss || 'none'}
+            </div>
+          </div>
+        );
+      };
+
+      render(
+        <TestWrapperWithOverride
+          orgShortName="test-org"
+          mockHookData={{ data: fetchedData, loading: false }}
+          overrideConfig={overrideData}
+        >
+          <ConfigChecker />
+        </TestWrapperWithOverride>,
+      );
+
+      await waitFor(() => {
+        expect(screen.getByTestId('accent-color')).toHaveTextContent('#0000FF');
+      });
+
+      // Should use override config, not fetched config
+      expect(screen.getByTestId('css-value')).toHaveTextContent('override-css');
+    });
+
+    it('should fall back to fetched config when overrideConfig is not provided', async () => {
+      const fetchedData = {
+        colorsConfig: { accentPrimary: '#FF0000' },
+        frontendConfig: { merchantOverrideCss: 'fetched-css' },
+      };
+
+      const ConfigChecker: React.FC = () => {
+        const config = useNewOrgConfigContext();
+        return (
+          <div data-testid="config-checker">
+            <div data-testid="accent-color">{config.colorsConfig?.accentPrimary || 'none'}</div>
+            <div data-testid="css-value">
+              {config.frontendConfig?.merchantOverrideCss || 'none'}
+            </div>
+          </div>
+        );
+      };
+
+      render(
+        <TestWrapper
+          orgShortName="test-org"
+          mockHookData={{ data: fetchedData, loading: false }}
+        >
+          <ConfigChecker />
+        </TestWrapper>,
+      );
+
+      await waitFor(() => {
+        expect(screen.getByTestId('accent-color')).toHaveTextContent('#FF0000');
+      });
+
+      expect(screen.getByTestId('css-value')).toHaveTextContent('fetched-css');
+    });
+
+    it('should set newOrgConfigAtom with overrideConfig when provided', async () => {
+      const fetchedData = {
+        colorsConfig: { accentPrimary: '#FF0000' },
+      };
+
+      const overrideData = {
+        colorsConfig: { accentPrimary: '#00FF00' },
+        frontendConfig: { merchantOverrideCss: 'override-css' },
+      };
+
+      const TestWrapperWithOverride: React.FC<{
+        children: React.ReactNode;
+        orgShortName?: string;
+        mockHookData?: any;
+        overrideConfig?: any;
+      }> = ({ children, orgShortName, mockHookData = {}, overrideConfig }) => {
+        const mockUseUIConfig = useUIConfig as any;
+        mockUseUIConfig.mockReturnValue({
+          data: mockHookData.data || {},
+          loading: mockHookData.loading ?? false,
+          error: mockHookData.error || null,
+          refetch: vi.fn(),
+        });
+
+        return (
+          <Provider>
+            <EnviveConfigProvider
+              identifyingPrefix="test"
+              orgShortName={orgShortName}
+              baseUrl="https://test-api.example.com"
+              orgLevelApiKey="test-key"
+            >
+              <LocalStorageProvider>
+                <GraphQLProvider>
+                  <NewOrgConfigProvider overrideConfig={overrideConfig}>
+                    {children}
+                  </NewOrgConfigProvider>
+                </GraphQLProvider>
+              </LocalStorageProvider>
+            </EnviveConfigProvider>
+          </Provider>
+        );
+      };
+
+      render(
+        <TestWrapperWithOverride
+          orgShortName="test-org"
+          mockHookData={{ data: fetchedData, loading: false }}
+          overrideConfig={overrideData}
+        >
+          <AtomReaderComponent />
+        </TestWrapperWithOverride>,
+      );
+
+      await waitFor(() => {
+        expect(screen.getByTestId('atom-has-config')).toHaveTextContent('has-config');
+      });
+
+      // Atom should have the override config values
+      expect(screen.getByTestId('atom-has-colors')).toHaveTextContent('true');
+      expect(screen.getByTestId('atom-has-frontend')).toHaveTextContent('true');
+    });
+
+    it('should handle undefined overrideConfig gracefully', async () => {
+      const fetchedData = {
+        colorsConfig: { accentPrimary: '#FF0000' },
+        frontendConfig: { merchantOverrideCss: 'fetched-css' },
+      };
+
+      const TestWrapperWithOverride: React.FC<{
+        children: React.ReactNode;
+        orgShortName?: string;
+        mockHookData?: any;
+        overrideConfig?: any;
+      }> = ({ children, orgShortName, mockHookData = {}, overrideConfig }) => {
+        const mockUseUIConfig = useUIConfig as any;
+        mockUseUIConfig.mockReturnValue({
+          data: mockHookData.data || {},
+          loading: mockHookData.loading ?? false,
+          error: mockHookData.error || null,
+          refetch: vi.fn(),
+        });
+
+        return (
+          <Provider>
+            <EnviveConfigProvider
+              identifyingPrefix="test"
+              orgShortName={orgShortName}
+              baseUrl="https://test-api.example.com"
+              orgLevelApiKey="test-key"
+            >
+              <LocalStorageProvider>
+                <GraphQLProvider>
+                  <NewOrgConfigProvider overrideConfig={overrideConfig}>
+                    {children}
+                  </NewOrgConfigProvider>
+                </GraphQLProvider>
+              </LocalStorageProvider>
+            </EnviveConfigProvider>
+          </Provider>
+        );
+      };
+
+      render(
+        <TestWrapperWithOverride
+          orgShortName="test-org"
+          mockHookData={{ data: fetchedData, loading: false }}
+          overrideConfig={undefined}
+        >
+          <MockNewOrgConfigComponent />
+        </TestWrapperWithOverride>,
+      );
+
+      await waitFor(() => {
+        expect(screen.getByTestId('loading')).toHaveTextContent('false');
+      });
+
+      // Should fall back to fetched data
+      expect(screen.getByTestId('has-colors-config')).toHaveTextContent('true');
+      expect(screen.getByTestId('has-frontend-config')).toHaveTextContent('true');
+    });
+  });
 });

package/src/contexts/newOrgConfigContext/newOrgConfigContext.tsx

@@ -14,26 +14,32 @@ const NewOrgConfigContext = createContext<NewOrgConfigContextType | undefined>(u
 
 interface NewOrgConfigProviderProps {
   children: ReactNode;
+  overrideConfig?: GraphQlConfigValues;
 }
 
-export const NewOrgConfigProvider: React.FC<NewOrgConfigProviderProps> = ({ children }) => {
+export const NewOrgConfigProvider: React.FC<NewOrgConfigProviderProps> = ({
+  children,
+  overrideConfig,
+}) => {
   const orgShortName = useAtomValue(orgShortNameAtom);
   const setNewOrgConfig = useSetAtom(newOrgConfigAtom);
 
-  const { data: newConfig, loading, error } = useUIConfig();
-  console.log('NewOrgConfigProvider: newConfig', newConfig, loading, error);
+  const { data: fetchedConfig, loading, error } = useUIConfig();
 
   const contextValue = useMemo(() => {
     if (!orgShortName || loading) {
-      return { ...newConfig, loading: true, error: null };
+      return { ...fetchedConfig, loading: true, error: null };
     }
 
     if (error) {
-      return { ...newConfig, loading: false, error };
+      return { ...fetchedConfig, loading: false, error };
     }
-    setNewOrgConfig(newConfig);
-    return { ...newConfig, loading: false, error: null };
-  }, [orgShortName, loading, error, setNewOrgConfig, newConfig]);
+
+    const activeConfig = overrideConfig || fetchedConfig;
+
+    setNewOrgConfig(activeConfig);
+    return { ...activeConfig, loading: false, error: null };
+  }, [orgShortName, loading, error, setNewOrgConfig, fetchedConfig, overrideConfig]);
 
   return (
     <NewOrgConfigContext.Provider value={contextValue}>{children}</NewOrgConfigContext.Provider>

package/src/contexts/salesAgentContext/chatAPI.ts

@@ -6,12 +6,13 @@ import { useSetAtom } from 'jotai';
 import { useCallback } from 'react';
 import { v4 as uuid } from 'uuid';
 import { queueUserEventAtom } from 'src/atoms/chat/messageQueue';
+import { SpiffyMetricsEventName, useAmplitude } from '../amplitudeContext';
 
 export interface SalesAgentChatAPI {
   logPageVisit: ({ pageVisitCategory }: { pageVisitCategory: PageVisitCategory }) => void;
   logUserEvent: (event: UserEvent) => void;
   onSuggestionClicked: (suggestion: Suggestion) => void;
-  onTypedMessageSubmitted: ({ query }: { query: string }) => void;
+  onTypedMessageSubmitted: ({ query, userTyped }: { query: string; userTyped: boolean }) => void;
   onFormResponseSubmitted: (formResponse: any) => void; // TODO: Figure out the right type
 }
 
@@ -19,6 +20,7 @@ export const useSalesAgentChatAPI = () => {
   // TODO: Each of these functions will trigger both the necessary amplitude events and initiate the
   // necessary actions to trigger the backend API
   const queueUserEvent = useSetAtom(queueUserEventAtom);
+  const { trackEvent } = useAmplitude();
 
   const logPageVisit = useCallback(
     ({ pageVisitCategory }: { pageVisitCategory: PageVisitCategory }) => {
@@ -44,6 +46,13 @@ export const useSalesAgentChatAPI = () => {
   );
   const onSuggestionClicked = useCallback(
     (suggestion: Suggestion) => {
+      trackEvent({
+        eventName: SpiffyMetricsEventName.ChatSuggestionClicked,
+        eventProps: {
+          suggestionId: suggestion.id,
+          content: suggestion.content,
+        },
+      });
       const event: UserEvent = {
         eventId: uuid(),
         category: UserEventCategory.SuggestionClicked,
@@ -55,21 +64,29 @@ export const useSalesAgentChatAPI = () => {
       };
       queueUserEvent(event);
     },
-    [queueUserEvent],
+    [queueUserEvent, trackEvent],
   );
   const onTypedMessageSubmitted = useCallback(
-    ({ query }: { query: string }) => {
+    ({ query, userTyped }: { query: string; userTyped: boolean }) => {
+      trackEvent({
+        eventName: SpiffyMetricsEventName.ChatUserMessageInput,
+        eventProps: {
+          query,
+          userTyped,
+        },
+      });
       const event: UserEvent = {
         eventId: uuid(),
         category: UserEventCategory.QueryTyped,
         createdAt: new Date().toISOString(),
         attributes: {
           query,
+          userTyped,
         },
       };
       queueUserEvent(event);
     },
-    [queueUserEvent],
+    [queueUserEvent, trackEvent],
   );
   const onFormResponseSubmitted = useCallback(() => {
     // TODO: Implement the form response submitted

package/src/contexts/salesAgentContext/salesAgentContext.tsx

@@ -1,6 +1,7 @@
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';
 import { ReactNode, createContext, useCallback, useEffect, useMemo } from 'react';
 import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
+import Logger from 'src/application/logging/logger';
 import { Message, MessageRole, MessageType } from 'src/application/models/message';
 import { NextMessageRequest, Suggestion, UserEvent } from 'src/application/models';
 import {
@@ -55,27 +56,22 @@ export const SalesAgentProvider: React.FC<{ children: ReactNode }> = ({ children
   const sendMessagesToBackend = useCallback(
     async (requestPayload: NextMessageRequest) => {
       try {
-        const response = await getStreamingResponses(requestPayload);
+        await getStreamingResponses(requestPayload);
         setIsInitialized(true);
 
-        console.log('response', response);
         // Remove the pending message from the user events
         requestPayload.userEvents?.map(userEvent => markUserEventsProcessed([userEvent.eventId]));
       } catch (error) {
-        console.error('error sending message');
+        Logger.logError('[envive-ai] error sending message', error);
       }
     },
     [getStreamingResponses, setIsInitialized, markUserEventsProcessed],
   );
 
-  console.log('userQueueEventCount', userQueueEventCount);
-  console.log('userEvents', userEvents);
-
   // This is the primary event loop for communicating with the backend API
   // It will be triggered when there are pending messages to be sent to the backend
   // It will be responsible for sending the messages to the backend and receiving the responses
   useEffect(() => {
-    console.log('SalesAgentProvider useEffect', userQueueEventCount, isInitialized, userEvents);
     if (userQueueEventCount > 0) {
       const payloadEvents = userEvents.slice(0, userQueueEventCount);
 

package/src/contexts/salesAgentContext/salesAgentService.ts

@@ -22,7 +22,10 @@ import {
   suggestionsAtom,
 } from 'src/atoms/chat/chatState';
 import { useMessageInterceptor } from 'src/interceptors/useMessageInterceptor';
-import { useFeatureFlagService } from '../featureFlagServiceContext';
+import { SpiffyMetricsEventName, useAmplitude } from 'src/contexts/amplitudeContext';
+import { useFeatureFlagService } from 'src/contexts/featureFlagServiceContext';
+import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
+
 import { StatusCodeError } from './statusCodeError';
 
 interface SalesAgentService {
@@ -35,6 +38,25 @@ interface SalesAgentService {
   hydrateMessages: () => Promise<void>;
 }
 
+const inputPropsToTrackingProps = (
+  payload: NextMessageRequest,
+): Record<string, unknown> | undefined => {
+  const [userEvent] = payload.userEvents || [];
+  if (userEvent.category === UserEventCategory.SuggestionClicked) {
+    return {
+      user_event_type: 'suggestion_clicked',
+      user_query: userEvent.attributes.content,
+    };
+  }
+  if (userEvent.category === UserEventCategory.QueryTyped) {
+    return {
+      user_event_type: 'query_typed',
+      user_query: userEvent.attributes.query,
+    };
+  }
+  return {};
+};
+
 export const getQueryParam = (key: string): string | null => {
   const urlObj = new URL(window.location.href);
   return urlObj.searchParams.get(key);
@@ -115,6 +137,7 @@ const processStreamingResponse = async (
   setResponseStreaming: (responseStreaming: boolean) => void,
 ): Promise<void> => {
   let lastMessage: Message | undefined;
+  setResponseStreaming(true);
 
   for await (const response of stream) {
     try {
@@ -126,8 +149,6 @@ const processStreamingResponse = async (
         throw new Error('No response from stream');
       }
 
-      setResponseStreaming(true);
-
       const message = messageFromResponse(response);
       if (!message) {
         throw new Error('Failed to transform API response to client message');
@@ -148,6 +169,7 @@ const processStreamingResponse = async (
         response,
       });
     }
+    setResponseStreaming(false);
   }
 };
 
@@ -158,6 +180,7 @@ export const useSalesAgentService: () => SalesAgentService = () => {
   const setPendingResponse = useSetAtom(pendingResponseAtom);
   const setResponseStreaming = useSetAtom(responseStreamingAtom);
   const messageInterceptor = useMessageInterceptor();
+  const { trackEvent } = useAmplitude();
 
   const featureFlagService = useFeatureFlagService();
   const context = useAtomValue(appDetailsAtom);
@@ -192,10 +215,8 @@ export const useSalesAgentService: () => SalesAgentService = () => {
 
   const getStreamingResponses = useCallback(
     async (payload: NextMessageRequest): Promise<void> => {
-      // logPerfMetric(PerfMetricsEvents.FirstResponseStarted);
-      // const startTime = Date.now();
+      const startTime = Date.now();
       setPendingResponse(true);
-      console.log('getStreamingResponses payload', JSON.stringify(payload, null, 2));
       const stream = CommerceApiClient.getNextResponseStreaming(payload);
 
       try {
@@ -208,9 +229,16 @@ export const useSalesAgentService: () => SalesAgentService = () => {
           setResponseStreaming,
         );
 
-        // TODO: Add support for the Chrome Extension communication
         // Log successful next_responses call
-        // const responseTime = Date.now() - startTime;
+        const responseTime = Date.now() - startTime;
+        trackEvent({
+          eventName: SpiffyMetricsEventName.ChatAssistantResponse,
+          eventProps: {
+            responseTimeMs: responseTime.toString(),
+            ...inputPropsToTrackingProps(payload),
+          },
+        });
+        // TODO: Add support for the Chrome Extension communication
         // await logBundleEvent({
         //   level: 'info',
         //   event: 'NEXT_RESPONSE_SUCCESS',
@@ -264,14 +292,11 @@ export const useSalesAgentService: () => SalesAgentService = () => {
 
   const hydrateMessages = useCallback(async () => {
     const { orgId, chatId, userId } = context;
-    console.log('hydrateMessages', orgId, chatId, userId, context);
     const { messages: existingMessages, userEvents } = await CommerceApiClient.getResponses(
       orgId,
       chatId,
       userId,
     );
-    console.log('existingMessages', existingMessages);
-    console.log('userEvents', userEvents);
     setMessages([...existingMessages]);
   }, [context, setMessages]);
 

package/src/contexts/typesV3.ts

@@ -5,6 +5,7 @@ import { WidgetWrapperVariant } from '@envive-ai/react-toolkit-v3/WidgetWrapper'
 import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
 import { DynamicLayout } from '@envive-ai/react-toolkit-v3/SocialProof';
 import { SparkleIconColor } from '@envive-ai/react-toolkit-v3/WelcomeMessage';
+import { FloatingButtonLocation } from '@envive-ai/react-toolkit-v3/FloatingButton';
 import { ColorNames } from '../application/models/colorsConfigV3';
 import { CustomerServiceType } from '../types/customerService';
 import type { MerchantVariantSettings, SearchConfig } from './types';
@@ -170,14 +171,12 @@ type ConfigVersion = ConfigVersionEnum.V3 | ConfigVersionEnum.Deprecated | undef
 
 type Mode = 'dark' | 'light';
 
-type Position = 'bottomLeft' | 'middleLeft' | 'middleRight' | 'bottomRight';
-
 type ShowOptions = 'always' | 'postInteraction' | 'none';
 
 type Style = 'attached' | 'detached';
 
 type FloatingButtonConfig = {
-  position: Position;
+  position: FloatingButtonLocation;
   backgroundColor?: string;
   mode: Mode;
   showOption: ShowOptions;
@@ -341,8 +340,8 @@ export type {
   PromptButtonCarouselWithImageWidgetV3Config,
   FloatingChatWidgetV3Config,
   FloatingChatConfig,
+  FloatingButtonConfig,
   CustomerServiceIntegration,
-  Position,
 };
 
 export { SocialProofWidgetKind };

package/src/contexts/uiConfigContext/__tests__/uiConfigContext.test.tsx

@@ -4,9 +4,10 @@ import Logger from 'src/application/logging/logger';
 import { useNewOrgConfig } from 'src/hooks/NewOrgConfig';
 import { SparkleIconColor } from '@envive-ai/react-toolkit-v3/WelcomeMessage';
 import { ChatHeaderVariant } from '@envive-ai/react-toolkit-v3/ChatHeader';
+import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
+import { FloatingButtonLocation } from '@envive-ai/react-toolkit-v3/FloatingButton';
 import { UiConfigProvider, useUiConfig } from '../uiConfigContext';
 import { ConfigVersionEnum, OrgUIConfigV3 } from '../../typesV3';
-import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
 
 // Mock the Logger to avoid console output in tests
 vi.spyOn(Logger, 'logInfo').mockImplementation(() => {});
@@ -107,7 +108,7 @@ describe('UiConfigProvider', () => {
       },
     },
     floatingButton: {
-      position: 'bottomRight',
+      position: FloatingButtonLocation.BOTTOM_RIGHT,
       backgroundColor: '#000000',
       mode: 'light',
       showOption: 'always',

package/src/contexts/userIdentityContext/userIdentityContext.tsx

@@ -156,7 +156,6 @@ export const UserIdentityProvider: React.FC<{ children: React.ReactNode }> = ({
   useEffect(() => {
     if (isReady && !localUserId) {
       const newUserId = getUserIdOrDefault();
-      console.log('useUserIdentity useEffect - setting localUserId', newUserId);
       setLocalUserId(newUserId);
       setUserId(newUserId);
     }

package/src/hooks/GraphQLConfig/useGraphQLConfig.ts

@@ -54,7 +54,6 @@ export const useUIConfig = () => {
     }
   }, [data, getConfig, isReady, loading]);
 
-  console.log('====== useUIConfig hook ======', isReady, loading, data, error);
   useEffect(() => {
     fetchConfig();
   }, [fetchConfig]);

package/src/services/amplitudeService/__tests__/amplitudeService.test.ts

@@ -435,21 +435,6 @@ describe('AmplitudeService', () => {
       const eventProps = callArgs[1];
       expect(eventProps).toHaveProperty('test', 'value');
     });
-
-    it('should replace existing supplemental props', async () => {
-      const service = createService();
-      service.setSupplementalDefaultProps({ prop1: 'value1' });
-      service.setSupplementalDefaultProps({ prop2: 'value2' });
-
-      await service.trackEvent({
-        eventName: SpiffyMetricsEventName.ChatUserMessageInput,
-      });
-
-      const callArgs = mockTrack.mock.calls[0];
-      const eventProps = callArgs[1];
-      expect(eventProps).toHaveProperty('prop2', 'value2');
-      expect(eventProps).not.toHaveProperty('prop1');
-    });
   });
 
   describe('Event enrichment', () => {

package/src/services/amplitudeService/amplitudeService.ts

@@ -318,7 +318,8 @@ export class AmplitudeService {
     }
   }
 
+  // Ensure that supplemental default props are merged with the existing props
   setSupplementalDefaultProps(props: Record<string, unknown>): void {
-    this.supplementalDefaultProps = props;
+    this.supplementalDefaultProps = { ...this.supplementalDefaultProps, ...props };
   }
 }

package/dist/atoms/chat/replies.cjs

@@ -1,46 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_message = require('../../application/models/message.cjs');
-require('../../application/models/index.cjs');
-const require_amplitudeService = require('../../services/amplitudeService/amplitudeService.cjs');
-require('../../contexts/amplitudeContext/amplitudeContext.cjs');
-const require_atoms_chat_chatState = require('./chatState.cjs');
-const require_amplitudeTrackEventAtom = require('../amplitude/amplitudeTrackEventAtom.cjs');
-const require_messageQueue = require('./messageQueue.cjs');
-require('./index.cjs');
-let __spiffy_ai_commerce_api_client = require("@spiffy-ai/commerce-api-client");
-let jotai = require("jotai");
-
-//#region src/atoms/chat/replies.ts
-const handleReplyAtom = (0, jotai.atom)(null, (get, set, { message, userTyped }) => {
-	if (message.type !== require_message.MessageType.QueryTyped) return;
-	const trackEvent = get(require_amplitudeTrackEventAtom.amplitudeTrackEventAtom);
-	const queryTyped = message.metadata.content;
-	set(require_atoms_chat_chatState.replyEventCategoryAtom, __spiffy_ai_commerce_api_client.UserEventCategory.QueryTyped);
-	set(require_atoms_chat_chatState.userQueryAtom, queryTyped);
-	set(require_atoms_chat_chatState.messagesAtom, [...get(require_atoms_chat_chatState.messagesAtom), [message]]);
-	set(require_atoms_chat_chatState.userHasRepliedAtom, true);
-	set(require_messageQueue.queueUserEventAtom, {
-		eventId: message.id,
-		createdAt: message.createdAt,
-		category: __spiffy_ai_commerce_api_client.UserEventCategory.QueryTyped,
-		attributes: { query: queryTyped }
-	});
-	if (trackEvent) trackEvent({
-		eventName: require_amplitudeService.SpiffyMetricsEventName.ChatUserMessageInput,
-		eventProps: {
-			message_id: message.id,
-			message_role: message.role,
-			message_type: message.type,
-			message_metadata: {
-				content: message?.metadata?.content,
-				created_at: message.createdAt,
-				user_typed: userTyped
-			}
-		},
-		alsoSendToGoogleAnalytics: true
-	});
-});
-
-//#endregion
-exports.handleReplyAtom = handleReplyAtom;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwbGllcy5janMiLCJuYW1lcyI6WyJNZXNzYWdlVHlwZSIsImFtcGxpdHVkZVRyYWNrRXZlbnRBdG9tIiwicmVwbHlFdmVudENhdGVnb3J5QXRvbSIsIlVzZXJFdmVudENhdGVnb3J5IiwidXNlclF1ZXJ5QXRvbSIsIm1lc3NhZ2VzQXRvbSIsInVzZXJIYXNSZXBsaWVkQXRvbSIsInF1ZXVlVXNlckV2ZW50QXRvbSIsIlNwaWZmeU1ldHJpY3NFdmVudE5hbWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvY2hhdC9yZXBsaWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGF0b20gfSBmcm9tICdqb3RhaSc7XG5pbXBvcnQgeyBNZXNzYWdlLCBNZXNzYWdlVHlwZSB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9tb2RlbHMnO1xuaW1wb3J0IHtcbiAgbWVzc2FnZXNBdG9tLFxuICByZXBseUV2ZW50Q2F0ZWdvcnlBdG9tLFxuICB1c2VySGFzUmVwbGllZEF0b20sXG4gIHVzZXJRdWVyeUF0b20sXG59IGZyb20gJ3NyYy9hdG9tcy9jaGF0JztcbmltcG9ydCB7IFVzZXJFdmVudENhdGVnb3J5IH0gZnJvbSAnQHNwaWZmeS1haS9jb21tZXJjZS1hcGktY2xpZW50JztcbmltcG9ydCB7IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUgfSBmcm9tICdzcmMvY29udGV4dHMvYW1wbGl0dWRlQ29udGV4dC9hbXBsaXR1ZGVDb250ZXh0JztcbmltcG9ydCB7IGFtcGxpdHVkZVRyYWNrRXZlbnRBdG9tIH0gZnJvbSAnc3JjL2F0b21zL2FtcGxpdHVkZS9hbXBsaXR1ZGVUcmFja0V2ZW50QXRvbSc7XG5pbXBvcnQgeyBxdWV1ZVVzZXJFdmVudEF0b20gfSBmcm9tICcuL21lc3NhZ2VRdWV1ZSc7XG5cbnR5cGUgSGFuZGxlUmVwbHlQYXJhbXMgPSB7XG4gIG1lc3NhZ2U6IE1lc3NhZ2U7XG4gIHVzZXJUeXBlZDogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBoYW5kbGVSZXBseUF0b20gPSBhdG9tKG51bGwsIChnZXQsIHNldCwgeyBtZXNzYWdlLCB1c2VyVHlwZWQgfTogSGFuZGxlUmVwbHlQYXJhbXMpID0+IHtcbiAgaWYgKG1lc3NhZ2UudHlwZSAhPT0gTWVzc2FnZVR5cGUuUXVlcnlUeXBlZCkge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIGNvbnN0IHRyYWNrRXZlbnQgPSBnZXQoYW1wbGl0dWRlVHJhY2tFdmVudEF0b20pO1xuICBjb25zdCBxdWVyeVR5cGVkID0gbWVzc2FnZS5tZXRhZGF0YS5jb250ZW50O1xuXG4gIHNldChyZXBseUV2ZW50Q2F0ZWdvcnlBdG9tLCBVc2VyRXZlbnRDYXRlZ29yeS5RdWVyeVR5cGVkKTtcbiAgc2V0KHVzZXJRdWVyeUF0b20sIHF1ZXJ5VHlwZWQpO1xuICBzZXQobWVzc2FnZXNBdG9tLCBbLi4uZ2V0KG1lc3NhZ2VzQXRvbSksIFttZXNzYWdlXV0pO1xuICBzZXQodXNlckhhc1JlcGxpZWRBdG9tLCB0cnVlKTtcbiAgc2V0KHF1ZXVlVXNlckV2ZW50QXRvbSwge1xuICAgIGV2ZW50SWQ6IG1lc3NhZ2UuaWQsXG4gICAgY3JlYXRlZEF0OiBtZXNzYWdlLmNyZWF0ZWRBdCxcbiAgICBjYXRlZ29yeTogVXNlckV2ZW50Q2F0ZWdvcnkuUXVlcnlUeXBlZCxcbiAgICBhdHRyaWJ1dGVzOiB7XG4gICAgICBxdWVyeTogcXVlcnlUeXBlZCxcbiAgICB9LFxuICB9KTtcblxuICBpZiAodHJhY2tFdmVudCkge1xuICAgIHRyYWNrRXZlbnQoe1xuICAgICAgZXZlbnROYW1lOiBTcGlmZnlNZXRyaWNzRXZlbnROYW1lLkNoYXRVc2VyTWVzc2FnZUlucHV0LFxuICAgICAgZXZlbnRQcm9wczoge1xuICAgICAgICBtZXNzYWdlX2lkOiBtZXNzYWdlLmlkLFxuICAgICAgICBtZXNzYWdlX3JvbGU6IG1lc3NhZ2Uucm9sZSxcbiAgICAgICAgbWVzc2FnZV90eXBlOiBtZXNzYWdlLnR5cGUsXG4gICAgICAgIG1lc3NhZ2VfbWV0YWRhdGE6IHtcbiAgICAgICAgICBjb250ZW50OiBtZXNzYWdlPy5tZXRhZGF0YT8uY29udGVudCwgLy8gUmVtb3ZlZCBhbXBsaXR1ZGVTYWZlU3RyaW5nXG4gICAgICAgICAgY3JlYXRlZF9hdDogbWVzc2FnZS5jcmVhdGVkQXQsXG4gICAgICAgICAgdXNlcl90eXBlZDogdXNlclR5cGVkLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIGFsc29TZW5kVG9Hb29nbGVBbmFseXRpY3M6IHRydWUsXG4gICAgfSk7XG4gIH1cbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBa0JBLE1BQWEsa0NBQXVCLE9BQU8sS0FBSyxLQUFLLEVBQUUsU0FBUyxnQkFBbUM7QUFDakcsS0FBSSxRQUFRLFNBQVNBLDRCQUFZLFdBQy9CO0NBR0YsTUFBTSxhQUFhLElBQUlDLHdEQUF3QjtDQUMvQyxNQUFNLGFBQWEsUUFBUSxTQUFTO0FBRXBDLEtBQUlDLHFEQUF3QkMsa0RBQWtCLFdBQVc7QUFDekQsS0FBSUMsNENBQWUsV0FBVztBQUM5QixLQUFJQywyQ0FBYyxDQUFDLEdBQUcsSUFBSUEsMENBQWEsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQ3BELEtBQUlDLGlEQUFvQixLQUFLO0FBQzdCLEtBQUlDLHlDQUFvQjtFQUN0QixTQUFTLFFBQVE7RUFDakIsV0FBVyxRQUFRO0VBQ25CLFVBQVVKLGtEQUFrQjtFQUM1QixZQUFZLEVBQ1YsT0FBTyxZQUNSO0VBQ0YsQ0FBQztBQUVGLEtBQUksV0FDRixZQUFXO0VBQ1QsV0FBV0ssZ0RBQXVCO0VBQ2xDLFlBQVk7R0FDVixZQUFZLFFBQVE7R0FDcEIsY0FBYyxRQUFRO0dBQ3RCLGNBQWMsUUFBUTtHQUN0QixrQkFBa0I7SUFDaEIsU0FBUyxTQUFTLFVBQVU7SUFDNUIsWUFBWSxRQUFRO0lBQ3BCLFlBQVk7SUFDYjtHQUNGO0VBQ0QsMkJBQTJCO0VBQzVCLENBQUM7RUFFSiJ9