@envive-ai/react-hooks 0.3.6 → 0.3.7

package/src/contexts/graphqlContext/graphqlContext.tsx

@@ -1,26 +1,23 @@
-import React, { ReactNode, createContext, useCallback, useContext, useMemo } from 'react';
+import { ReactNode, createContext, useCallback, useContext, useMemo } from 'react';
 import { useAtomValue } from 'jotai';
 import { baseUrlAtom, orgLevelApiKeyAtom } from 'src/atoms/envive/enviveConfig';
 import { getMerchantOrgIdQuery } from 'src/application/models/graphql/queries/getMerchantOrgIdQuery';
 import { validateGraphQLOrgId } from 'src/application/models/validators/validateGraphQLOrgId';
-import {
-  GetMerchantColorsQueryData,
-  GetMerchantFrontendConfigQueryData,
-} from 'src/application/models/graphql';
 import { ColorMapping } from 'src/application/models/colorsConfig';
 import { FrontendConfig } from 'src/application/models/frontendConfig';
 import Logger from 'src/application/logging/logger';
-import { configVersion } from 'src/types/config-versions';
 import {
   CamelCasedPropertiesDeep,
   transformSnakeToCamel,
   validateAndTransformMountingConfig,
   validateAndTransformPageVariants,
 } from 'src/application/models';
+import { getColorsAndFrontendQuery } from 'src/application/models/graphql/queries/getColorsAndFrontendQuery';
 import { FrontendConfigV3 } from 'src/application/models/frontendConfigV3';
 import { ColorMappingV3 } from 'src/application/models/colorsConfigV3';
+import { FloatingButtonLocation } from '@envive-ai/react-toolkit-v3/FloatingButton';
 import { mockV3ColorsConfig, mockV3FrontendConfig } from './mockV3Config';
-import { ConfigVersionEnum, Position, WidgetConfigV3 } from '../typesV3';
+import { ConfigVersionEnum, WidgetConfigV3 } from '../typesV3';
 import {
   OrgPageConfig,
   PageVariantConfig,
@@ -28,19 +25,6 @@ import {
   WidgetMountingConfig,
 } from '../types';
 
-interface BaseMeConfigQueryResponse {
-  me: {
-    org?: {
-      id: string;
-    };
-    getProductsConfigByVersion?: {
-      frontend?: {
-        values: CamelCasedPropertiesDeep<GetMerchantFrontendConfigQueryData>;
-      };
-      colors?: { values: CamelCasedPropertiesDeep<GetMerchantColorsQueryData> };
-    };
-  };
-}
 export type ColorsConfigResponse = CamelCasedPropertiesDeep<ColorMapping>;
 export type FrontendConfigResponse = CamelCasedPropertiesDeep<FrontendConfig>;
 export type ColorsConfigV3Response = CamelCasedPropertiesDeep<ColorMappingV3>;
@@ -63,18 +47,6 @@ interface GraphQLContextValue {
 
 const GraphQLContext = createContext<GraphQLContextValue | null>(null);
 
-const colorsAndFrontendConfigQuery = () => `
-  query ($version: String = "${configVersion()}") {
-    me {
-      getProductsConfigByVersion(version: $version) {
-        frontend { values }
-        colors { values }
-        v_three_config { values }
-      }
-    }
-  }
-`;
-
 type GraphQLProviderProps = {
   children: ReactNode;
   requestV3Config?: boolean;
@@ -106,18 +78,18 @@ const DEFAULT_PAGE_VARIANTS: PageVariantConfig[] = [
   },
 ];
 
-const mapPositionToCamelCase = (position: string): Position => {
+const mapPositionToCamelCase = (position: string): FloatingButtonLocation => {
   if (position === 'bottom-left') {
-    return 'bottomLeft';
+    return FloatingButtonLocation.BOTTOM_LEFT;
   }
   if (position === 'middle-left') {
-    return 'middleLeft';
+    return FloatingButtonLocation.MIDDLE_LEFT;
   }
   if (position === 'middle-right') {
-    return 'middleRight';
+    return FloatingButtonLocation.MIDDLE_RIGHT;
   }
   if (position === 'bottom-right') {
-    return 'bottomRight';
+    return FloatingButtonLocation.BOTTOM_RIGHT;
   }
   throw new Error(`Invalid position: ${position}`);
 };
@@ -234,7 +206,7 @@ export const GraphQLProvider = ({
 
   const getV3Config = useCallback(async (): Promise<GraphQlConfigValues> => {
     try {
-      const query = await colorsAndFrontendConfigQuery();
+      const query = await getColorsAndFrontendQuery();
       if (!query) {
         throw new Error('Colors and frontend config query is not defined');
       }
@@ -271,10 +243,13 @@ export const GraphQLProvider = ({
         : DEFAULT_PAGE_VARIANTS;
 
       const v3ColorsConfig = transformSnakeToCamel(v3RootConfig?.colors?.values);
-
       // If the v3 root config is not found and we are configured to return the deprecated config, we will return the mocked config
       if (!v3RootConfig && mockV3ConfigToDeprecatedConfig) {
         const isSemanticColors = !window.location.href.includes('globals=merchant');
+        Logger.logInfo('GraphQLContext | Returning mock v3 config', {
+          colorsConfig: mockV3ColorsConfig as ColorsConfigV3Response,
+          frontendConfig: mockV3FrontendConfig as FrontendConfigV3Response,
+        });
         const colorsConfig = mockV3ColorsConfig;
         const frontendConfig = mockV3FrontendConfig;
         return {
@@ -282,9 +257,24 @@ export const GraphQLProvider = ({
             ? (colorsConfig as ColorsConfigV3Response)
             : (v3ColorsConfig as ColorsConfigV3Response),
           frontendConfig: frontendConfig as FrontendConfigV3Response,
+          orgPageConfig: {
+            pageVariants: [],
+            widgetConfigs: {},
+            mountingConfigs: {},
+          },
         };
       }
 
+      Logger.logInfo('GraphQLContext | Returning v3 config', {
+        colorsConfig: v3ColorsConfig as ColorsConfigV3Response,
+        frontendConfig: v3FrontendConfig as FrontendConfigV3Response,
+        orgPageConfig: {
+          pageVariants: v3pageVariants,
+          widgetConfigs: v3WidgetConfigs,
+          mountingConfigs: v3MountingConfigs,
+        },
+      });
+
       return {
         colorsConfig: v3ColorsConfig as ColorsConfigV3Response,
         frontendConfig: {
@@ -307,7 +297,7 @@ export const GraphQLProvider = ({
 
   const getColorsAndFrontendConfig = useCallback(async (): Promise<GraphQlConfigValues> => {
     try {
-      const query = await colorsAndFrontendConfigQuery();
+      const query = await getColorsAndFrontendQuery();
       if (!query) {
         throw new Error('Colors and frontend config query is not defined');
       }
@@ -347,10 +337,11 @@ export const GraphQLProvider = ({
   }, [executeQuery]);
 
   const getConfig = useCallback(async (): Promise<GraphQlConfigValues> => {
-    console.log('GraphQLProvider: getConfig: requestV3Config', requestV3Config);
     if (requestV3Config) {
+      Logger.logInfo('GraphQLContext | Getting v3 config', requestV3Config);
       return getV3Config();
     }
+    Logger.logInfo('GraphQLContext | Getting colors and frontend config', requestV3Config);
     return getColorsAndFrontendConfig();
   }, [getColorsAndFrontendConfig, getV3Config, requestV3Config]);
 

package/src/contexts/graphqlContext/mockV3Config.ts

@@ -10,6 +10,7 @@ import { ChatHeaderVariant } from '@envive-ai/react-toolkit-v3/ChatHeader';
 import { SparkleIconColor } from '@envive-ai/react-toolkit-v3/WelcomeMessage';
 
 import { CustomerServiceType } from 'src/types/customerService';
+import { FloatingButtonLocation } from '@envive-ai/react-toolkit-v3/FloatingButton';
 import { ConfigVersionEnum, SocialProofWidgetKind, WidgetTypeV3 } from '../typesV3';
 
 const mockImages = [
@@ -111,7 +112,7 @@ export const mockV3FrontendConfig: FrontendConfigV3 = {
       },
     },
     floatingButton: {
-      position: 'bottomRight',
+      position: FloatingButtonLocation.BOTTOM_RIGHT,
       backgroundColor: ColorNames.BackgroundPrimary,
       mode: 'dark',
       showOption: 'always',
@@ -119,7 +120,7 @@ export const mockV3FrontendConfig: FrontendConfigV3 = {
       iconSVGSrc: '',
     },
     floatingChat: {
-      headerBackgroundColor: undefined,
+      headerBackgroundColor: ColorNames.BackgroundPrimary,
       headerMode: ChatHeaderVariant.DARK,
       welcomeMessageIconColor: SparkleIconColor.ACCENT_PRIMARY,
       showVerifiedBuyer: true,

package/src/contexts/newOrgConfigContext/newOrgConfigContext.tsx

@@ -25,7 +25,6 @@ export const NewOrgConfigProvider: React.FC<NewOrgConfigProviderProps> = ({
   const setNewOrgConfig = useSetAtom(newOrgConfigAtom);
 
   const { data: fetchedConfig, loading, error } = useUIConfig();
-  console.log('NewOrgConfigProvider: newConfig', fetchedConfig, loading, error);
 
   const contextValue = useMemo(() => {
     if (!orgShortName || loading) {

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

package/dist/atoms/chat/replies.d.cts

@@ -1,14 +0,0 @@
-import { Message } from "../../application/models/message.cjs";
-import * as jotai0 from "jotai";
-
-//#region src/atoms/chat/replies.d.ts
-type HandleReplyParams = {
-  message: Message;
-  userTyped: boolean;
-};
-declare const handleReplyAtom: jotai0.WritableAtom<null, [HandleReplyParams], void> & {
-  init: null;
-};
-//#endregion
-export { handleReplyAtom };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwbGllcy5kLmN0cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvY2hhdC9yZXBsaWVzLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWVzc2FnZSB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9tb2RlbHMnO1xudHlwZSBIYW5kbGVSZXBseVBhcmFtcyA9IHtcbiAgICBtZXNzYWdlOiBNZXNzYWdlO1xuICAgIHVzZXJUeXBlZDogYm9vbGVhbjtcbn07XG5leHBvcnQgZGVjbGFyZSBjb25zdCBoYW5kbGVSZXBseUF0b206IGltcG9ydChcImpvdGFpXCIpLldyaXRhYmxlQXRvbTxudWxsLCBbSGFuZGxlUmVwbHlQYXJhbXNdLCB2b2lkPiAmIHtcbiAgICBpbml0OiBudWxsO1xufTtcbmV4cG9ydCB7fTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUVBLElBQUksb0JBQWdCLENBQUEsU0FBQSxRQUFBO0FBQ3BCLElBQVcsa0JBQVc7Q0FBQTtPQUFBO09BQUEsT0FBQTtDQUFBIn0=

package/dist/atoms/chat/replies.d.ts

@@ -1,14 +0,0 @@
-import { Message } from "../../application/models/message.js";
-import * as jotai21 from "jotai";
-
-//#region src/atoms/chat/replies.d.ts
-type HandleReplyParams = {
-  message: Message;
-  userTyped: boolean;
-};
-declare const handleReplyAtom: jotai21.WritableAtom<null, [HandleReplyParams], void> & {
-  init: null;
-};
-//#endregion
-export { handleReplyAtom };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwbGllcy5kLnRzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hdG9tcy9jaGF0L3JlcGxpZXMuZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNZXNzYWdlIH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL21vZGVscyc7XG50eXBlIEhhbmRsZVJlcGx5UGFyYW1zID0ge1xuICAgIG1lc3NhZ2U6IE1lc3NhZ2U7XG4gICAgdXNlclR5cGVkOiBib29sZWFuO1xufTtcbmV4cG9ydCBkZWNsYXJlIGNvbnN0IGhhbmRsZVJlcGx5QXRvbTogaW1wb3J0KFwiam90YWlcIikuV3JpdGFibGVBdG9tPG51bGwsIFtIYW5kbGVSZXBseVBhcmFtc10sIHZvaWQ+ICYge1xuICAgIGluaXQ6IG51bGw7XG59O1xuZXhwb3J0IHt9O1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBRUEsSUFBSSxvQkFBZ0IsQ0FBQSxXQUFBLFFBQUE7QUFDcEIsSUFBVyxrQkFBVztDQUFBO09BQUE7T0FBQSxRQUFBO0NBQUEifQ==

package/dist/atoms/chat/replies.js

@@ -1,45 +0,0 @@
-import { MessageType } from "../../application/models/message.js";
-import "../../application/models/index.js";
-import { SpiffyMetricsEventName } from "../../services/amplitudeService/amplitudeService.js";
-import "../../contexts/amplitudeContext/amplitudeContext.js";
-import { messagesAtom, replyEventCategoryAtom, userHasRepliedAtom, userQueryAtom } from "./chatState.js";
-import { amplitudeTrackEventAtom } from "../amplitude/amplitudeTrackEventAtom.js";
-import { queueUserEventAtom } from "./messageQueue.js";
-import "./index.js";
-import { UserEventCategory } from "@spiffy-ai/commerce-api-client";
-import { atom } from "jotai";
-
-//#region src/atoms/chat/replies.ts
-const handleReplyAtom = atom(null, (get, set, { message, userTyped }) => {
-	if (message.type !== MessageType.QueryTyped) return;
-	const trackEvent = get(amplitudeTrackEventAtom);
-	const queryTyped = message.metadata.content;
-	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 }
-	});
-	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,
-				created_at: message.createdAt,
-				user_typed: userTyped
-			}
-		},
-		alsoSendToGoogleAnalytics: true
-	});
-});
-
-//#endregion
-export { handleReplyAtom };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwbGllcy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvY2hhdC9yZXBsaWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGF0b20gfSBmcm9tICdqb3RhaSc7XG5pbXBvcnQgeyBNZXNzYWdlLCBNZXNzYWdlVHlwZSB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi9tb2RlbHMnO1xuaW1wb3J0IHtcbiAgbWVzc2FnZXNBdG9tLFxuICByZXBseUV2ZW50Q2F0ZWdvcnlBdG9tLFxuICB1c2VySGFzUmVwbGllZEF0b20sXG4gIHVzZXJRdWVyeUF0b20sXG59IGZyb20gJ3NyYy9hdG9tcy9jaGF0JztcbmltcG9ydCB7IFVzZXJFdmVudENhdGVnb3J5IH0gZnJvbSAnQHNwaWZmeS1haS9jb21tZXJjZS1hcGktY2xpZW50JztcbmltcG9ydCB7IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUgfSBmcm9tICdzcmMvY29udGV4dHMvYW1wbGl0dWRlQ29udGV4dC9hbXBsaXR1ZGVDb250ZXh0JztcbmltcG9ydCB7IGFtcGxpdHVkZVRyYWNrRXZlbnRBdG9tIH0gZnJvbSAnc3JjL2F0b21zL2FtcGxpdHVkZS9hbXBsaXR1ZGVUcmFja0V2ZW50QXRvbSc7XG5pbXBvcnQgeyBxdWV1ZVVzZXJFdmVudEF0b20gfSBmcm9tICcuL21lc3NhZ2VRdWV1ZSc7XG5cbnR5cGUgSGFuZGxlUmVwbHlQYXJhbXMgPSB7XG4gIG1lc3NhZ2U6IE1lc3NhZ2U7XG4gIHVzZXJUeXBlZDogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBoYW5kbGVSZXBseUF0b20gPSBhdG9tKG51bGwsIChnZXQsIHNldCwgeyBtZXNzYWdlLCB1c2VyVHlwZWQgfTogSGFuZGxlUmVwbHlQYXJhbXMpID0+IHtcbiAgaWYgKG1lc3NhZ2UudHlwZSAhPT0gTWVzc2FnZVR5cGUuUXVlcnlUeXBlZCkge1xuICAgIHJldHVybjtcbiAgfVxuXG4gIGNvbnN0IHRyYWNrRXZlbnQgPSBnZXQoYW1wbGl0dWRlVHJhY2tFdmVudEF0b20pO1xuICBjb25zdCBxdWVyeVR5cGVkID0gbWVzc2FnZS5tZXRhZGF0YS5jb250ZW50O1xuXG4gIHNldChyZXBseUV2ZW50Q2F0ZWdvcnlBdG9tLCBVc2VyRXZlbnRDYXRlZ29yeS5RdWVyeVR5cGVkKTtcbiAgc2V0KHVzZXJRdWVyeUF0b20sIHF1ZXJ5VHlwZWQpO1xuICBzZXQobWVzc2FnZXNBdG9tLCBbLi4uZ2V0KG1lc3NhZ2VzQXRvbSksIFttZXNzYWdlXV0pO1xuICBzZXQodXNlckhhc1JlcGxpZWRBdG9tLCB0cnVlKTtcbiAgc2V0KHF1ZXVlVXNlckV2ZW50QXRvbSwge1xuICAgIGV2ZW50SWQ6IG1lc3NhZ2UuaWQsXG4gICAgY3JlYXRlZEF0OiBtZXNzYWdlLmNyZWF0ZWRBdCxcbiAgICBjYXRlZ29yeTogVXNlckV2ZW50Q2F0ZWdvcnkuUXVlcnlUeXBlZCxcbiAgICBhdHRyaWJ1dGVzOiB7XG4gICAgICBxdWVyeTogcXVlcnlUeXBlZCxcbiAgICB9LFxuICB9KTtcblxuICBpZiAodHJhY2tFdmVudCkge1xuICAgIHRyYWNrRXZlbnQoe1xuICAgICAgZXZlbnROYW1lOiBTcGlmZnlNZXRyaWNzRXZlbnROYW1lLkNoYXRVc2VyTWVzc2FnZUlucHV0LFxuICAgICAgZXZlbnRQcm9wczoge1xuICAgICAgICBtZXNzYWdlX2lkOiBtZXNzYWdlLmlkLFxuICAgICAgICBtZXNzYWdlX3JvbGU6IG1lc3NhZ2Uucm9sZSxcbiAgICAgICAgbWVzc2FnZV90eXBlOiBtZXNzYWdlLnR5cGUsXG4gICAgICAgIG1lc3NhZ2VfbWV0YWRhdGE6IHtcbiAgICAgICAgICBjb250ZW50OiBtZXNzYWdlPy5tZXRhZGF0YT8uY29udGVudCwgLy8gUmVtb3ZlZCBhbXBsaXR1ZGVTYWZlU3RyaW5nXG4gICAgICAgICAgY3JlYXRlZF9hdDogbWVzc2FnZS5jcmVhdGVkQXQsXG4gICAgICAgICAgdXNlcl90eXBlZDogdXNlclR5cGVkLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIGFsc29TZW5kVG9Hb29nbGVBbmFseXRpY3M6IHRydWUsXG4gICAgfSk7XG4gIH1cbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFrQkEsTUFBYSxrQkFBa0IsS0FBSyxPQUFPLEtBQUssS0FBSyxFQUFFLFNBQVMsZ0JBQW1DO0FBQ2pHLEtBQUksUUFBUSxTQUFTLFlBQVksV0FDL0I7Q0FHRixNQUFNLGFBQWEsSUFBSSx3QkFBd0I7Q0FDL0MsTUFBTSxhQUFhLFFBQVEsU0FBUztBQUVwQyxLQUFJLHdCQUF3QixrQkFBa0IsV0FBVztBQUN6RCxLQUFJLGVBQWUsV0FBVztBQUM5QixLQUFJLGNBQWMsQ0FBQyxHQUFHLElBQUksYUFBYSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7QUFDcEQsS0FBSSxvQkFBb0IsS0FBSztBQUM3QixLQUFJLG9CQUFvQjtFQUN0QixTQUFTLFFBQVE7RUFDakIsV0FBVyxRQUFRO0VBQ25CLFVBQVUsa0JBQWtCO0VBQzVCLFlBQVksRUFDVixPQUFPLFlBQ1I7RUFDRixDQUFDO0FBRUYsS0FBSSxXQUNGLFlBQVc7RUFDVCxXQUFXLHVCQUF1QjtFQUNsQyxZQUFZO0dBQ1YsWUFBWSxRQUFRO0dBQ3BCLGNBQWMsUUFBUTtHQUN0QixjQUFjLFFBQVE7R0FDdEIsa0JBQWtCO0lBQ2hCLFNBQVMsU0FBUyxVQUFVO0lBQzVCLFlBQVksUUFBUTtJQUNwQixZQUFZO0lBQ2I7R0FDRjtFQUNELDJCQUEyQjtFQUM1QixDQUFDO0VBRUoifQ==