@envive-ai/react-widgets-v3 0.3.55 → 0.3.57

package/src/widgets/FloatingChatWidget/FloatingChatWidget.tsx

@@ -2,10 +2,7 @@ import {
   ChatElementDisplayLocationV3,
   FeatureGates,
 } from '@envive-ai/react-hooks/application/models';
-import {
-  EnviveMetricsEventName,
-  useAmplitude,
-} from '@envive-ai/react-hooks/contexts/amplitudeContext';
+import { useAmplitude } from '@envive-ai/react-hooks/contexts/amplitudeContext';
 import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
 import {
   FloatingChatConfig,
@@ -14,13 +11,7 @@ import {
 } from '@envive-ai/react-hooks/contexts/typesV3';
 import { useChatToggle } from '@envive-ai/react-hooks/hooks/ChatToggle';
 import { useTrackComponentVisibleEvent } from '@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent';
-import { useWidgetInteraction } from '@envive-ai/react-hooks/hooks/WidgetInteraction';
 import { useFeatureFlagService } from '@envive-ai/react-hooks/contexts/featureFlagServiceContext';
-import {
-  Collapse,
-  WidgetInteractionComponent,
-  WidgetInteractionType,
-} from '@envive-ai/react-hooks/hooks/WidgetInteraction/types';
 import {
   FloatingButton,
   FloatingButtonBackgroundColor,
@@ -88,7 +79,6 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
   const { previewButtonOnly, previewChatAlwaysOpen, previewCXButtonsEnabled, previewDisclaimer } =
     props;
   const salesAgentData = useSalesAgent();
-  const { trackWidgetInteraction } = useWidgetInteraction();
   const { userHasInteractedValue } = useGetWidgetStatus();
 
   // TODO: Get hardcopy
@@ -124,19 +114,6 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
     if (isOpen) setIsCXOpen(false);
   }, [isOpen]);
 
-  const handleClose = (type: Collapse) => {
-    trackWidgetInteraction({
-      eventName: EnviveMetricsEventName.WidgetInteraction,
-      trigger: {
-        widget: WidgetInteractionComponent.FLOATING_CHAT,
-        widget_interaction: WidgetInteractionType.WIDGET_COLLAPSED,
-        widget_interaction_data: {
-          widget_collapsed: type,
-        },
-      },
-    });
-  };
-
   const { shouldShowFloatingButton } = useFloatingButtonVisibility({
     floatingButtonShowConfig: floatingButton?.showOption as FloatingButtonShow,
     isChatOpen: isOpen,
@@ -191,12 +168,12 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
               onClose={
                 previewChatAlwaysOpen
                   ? () => {}
-                  : () => {
-                      closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY);
-                      handleClose({
-                        collapse_source: 'body_click',
-                      });
-                    }
+                  : () =>
+                      closeChat(
+                        ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY,
+                        undefined,
+                        'body_click',
+                      )
               }
               previewMode={!!previewChatAlwaysOpen}
             >
@@ -215,22 +192,22 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
                   onSwipeClose={
                     previewChatAlwaysOpen
                       ? () => {}
-                      : () => {
-                          closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON);
-                          handleClose({
-                            collapse_source: 'swipe',
-                          });
-                        }
+                      : () =>
+                          closeChat(
+                            ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON,
+                            undefined,
+                            'swipe',
+                          )
                   }
                   onClose={
                     previewChatAlwaysOpen
                       ? () => {}
-                      : () => {
-                          closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON);
-                          handleClose({
-                            collapse_source: 'close_button',
-                          });
-                        }
+                      : () =>
+                          closeChat(
+                            ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON,
+                            undefined,
+                            'close_button',
+                          )
                   }
                 />
               </Suspense>

package/src/widgets/FloatingChatWidget/__tests__/FloatingChatWidget.test.tsx

@@ -5,7 +5,7 @@ import { FloatingChatWidget } from '../FloatingChatWidget';
 
 const mockTrackEvent = vi.fn();
 const mockGetHardcopy = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/FloatingButton', () => ({
   FloatingButton: () => <div data-testid="floating-button">Floating Button</div>,

package/src/widgets/ProductCardWidget/__tests__/ProductCardWidget.test.tsx

@@ -6,9 +6,10 @@ import { ProductCardWidget } from '../ProductCardWidget';
 
 const mockTrackEvent = vi.fn();
 const mockGetHardcopy = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/ProductCard', () => ({
+  ProductCardVariant: { DARK: 'dark', LIGHT: 'light' },
   ProductCard: ({ prompts, onSelect }: { prompts: string[]; onSelect: (text: string) => void }) => (
     <div data-testid="product-card-mock">
       {prompts.map(text => (
@@ -42,6 +43,10 @@ vi.mock('@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent', () => ({
   useTrackComponentVisibleEvent: (...args: unknown[]) => mockUseTrackComponentVisibleEvent(...args),
 }));
 
+vi.mock('@envive-ai/react-hooks/contexts/featureFlagServiceContext', () => ({
+  useFeatureFlagService: () => ({ featureFlagService: undefined }),
+}));
+
 vi.mock('@envive-ai/react-hooks/contexts/hardcopyContext', () => ({
   useHardcopy: () => ({
     getHardcopy: mockGetHardcopy,

package/src/widgets/PromptButtonCarouselWithImageWidget/__tests__/PromptButtonCarouselWithImageWidget.test.tsx

@@ -6,7 +6,7 @@ import { PromptButtonCarouselWithImageWidget } from '../PromptButtonCarouselWith
 
 const mockTrackEvent = vi.fn();
 const mockGetHardcopy = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage', () => ({
   PromptButtonCarouselWithImage: ({
@@ -48,6 +48,10 @@ vi.mock('@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent', () => ({
   useTrackComponentVisibleEvent: (...args: unknown[]) => mockUseTrackComponentVisibleEvent(...args),
 }));
 
+vi.mock('@envive-ai/react-hooks/contexts/featureFlagServiceContext', () => ({
+  useFeatureFlagService: () => ({ featureFlagService: undefined }),
+}));
+
 vi.mock('@envive-ai/react-hooks/hooks/WidgetInteraction', () => ({
   useWidgetInteraction: () => ({
     trackWidgetInteraction: vi.fn(),

package/src/widgets/PromptCarouselWidget/PromptCarouselWidget.tsx

@@ -74,7 +74,9 @@ const PromptCarouselWidgetHandler = (props: BaseWidgetProps) => {
     (text: string) => {
       const rawValues = (hardcopyContent as { rawValues?: RawValues } | undefined)?.rawValues;
       const stringId = getStringIdForText(rawValues, text);
-      onSuggestionClick(stringId);
+      // Pass the raw text — onSuggestionClick runs its own idExtractor. Passing stringId here
+      // double-extracted it, the lookup missed, and suggestion_id landed empty on the event.
+      onSuggestionClick(text);
       trackEvent({
         eventName: EnviveMetricsEventName.WidgetTextClicked,
         eventProps: {

package/src/widgets/PromptCarouselWidget/__tests__/PromptCarouselWidget.test.tsx

@@ -6,7 +6,7 @@ import { PromptCarouselWidget } from '../PromptCarouselWidget';
 
 const mockTrackEvent = vi.fn();
 const mockGetHardcopy = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/PromptCarousel', () => ({
   PromptCarousel: ({

package/src/widgets/SocialProofWidget/__tests__/SocialProofWidget.test.tsx

@@ -6,7 +6,7 @@ import { SocialProofWidget } from '../SocialProofWidget';
 
 const mockTrackEvent = vi.fn();
 const mockGetHardcopy = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/SocialProof', async importOriginal => {
   const actual = await importOriginal();
@@ -54,6 +54,10 @@ vi.mock('@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent', () => ({
   useTrackComponentVisibleEvent: (...args: unknown[]) => mockUseTrackComponentVisibleEvent(...args),
 }));
 
+vi.mock('@envive-ai/react-hooks/contexts/featureFlagServiceContext', () => ({
+  useFeatureFlagService: () => ({ featureFlagService: undefined }),
+}));
+
 vi.mock('@envive-ai/react-hooks/hooks/WidgetInteraction', () => ({
   useWidgetInteraction: () => ({
     trackWidgetInteraction: vi.fn(),

package/src/widgets/TitledPromptCarouselWidget/__tests__/TitledPromptCarouselWidget.test.tsx

@@ -6,7 +6,7 @@ import { TitledPromptCarouselWidget } from '../TitledPromptCarouselWidget';
 
 const mockTrackEvent = vi.fn();
 const mockGetHardcopy = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/TitledPromptCarousel', () => ({
   TitledPromptCarousel: ({

package/src/widgets/TypingAnimationWidget/__tests__/TypingAnimationWidget.test.tsx

@@ -6,7 +6,7 @@ import { UserEvent, UserEventCategory } from '@spiffy-ai/commerce-api-client';
 import { TypingAnimationWidget } from '../TypingAnimationWidget';
 
 const mockTrackEvent = vi.fn();
-const mockUseTrackComponentVisibleEvent = vi.fn();
+const mockUseTrackComponentVisibleEvent = vi.fn(() => ({ isVisible: true }));
 
 vi.mock('@envive-ai/react-toolkit-v3/TypingAnimation', () => ({
   TypingAnimation: ({
@@ -52,6 +52,10 @@ vi.mock('@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent', () => ({
   useTrackComponentVisibleEvent: (...args: unknown[]) => mockUseTrackComponentVisibleEvent(...args),
 }));
 
+vi.mock('@envive-ai/react-hooks/contexts/featureFlagServiceContext', () => ({
+  useFeatureFlagService: () => ({ featureFlagService: undefined }),
+}));
+
 vi.mock('@envive-ai/react-hooks/hooks/WidgetInteraction', () => ({
   useWidgetInteraction: () => ({
     trackWidgetInteraction: vi.fn(),