@envive-ai/react-toolkit-v3 0.3.23 → 0.3.24

package/dist/AnimatedText/AnimatedText.d.ts

@@ -1,13 +1,13 @@
 import { AnimatedTextProps } from "./types/types.js";
-import * as react181 from "react";
+import * as react184 from "react";
 
 //#region src/components/AnimatedText/AnimatedText.d.ts
-declare const AnimatedText: react181.MemoExoticComponent<({
+declare const AnimatedText: react184.MemoExoticComponent<({
   sequence,
   typingDuration,
   transition,
   loop,
   getNodeWrapper
-}: AnimatedTextProps) => react181.ReactNode>;
+}: AnimatedTextProps) => react184.ReactNode>;
 //#endregion
 export { AnimatedText };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime34.JSX.Element;
+}) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime31.JSX.Element;
+}) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/Carousel/Carousel.d.cts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -12,6 +12,6 @@ declare const Carousel: ({
   badgeContent,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime27.JSX.Element;
+}: CarouselProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/Carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.js";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -12,6 +12,6 @@ declare const Carousel: ({
   badgeContent,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime32.JSX.Element;
+}: CarouselProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/ChatFooter/ChatFooter.d.cts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -24,6 +24,6 @@ declare const ChatFooter: ({
   voiceInputEnabled,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ChatFooterProps) => react_jsx_runtime17.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/ChatFooter.d.ts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.js";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -24,6 +24,6 @@ declare const ChatFooter: ({
   voiceInputEnabled,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ChatFooterProps) => react_jsx_runtime35.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/components/index.d.cts

@@ -1,8 +1,8 @@
 import { LayoutProps } from "./Layout.cjs";
 import { PromptSuggestionsProps } from "./PromptSuggestions.cjs";
 import { TextFieldProps } from "../../TextField/types/index.cjs";
-import * as react5 from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react10 from "react";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/index.d.ts
 declare const ChatFooterComponents: {
@@ -17,13 +17,13 @@ declare const ChatFooterComponents: {
     testId,
     className,
     style
-  }: LayoutProps) => react_jsx_runtime15.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime27.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react5.ReactElement<react5.SVGProps<SVGSVGElement>, string | react5.JSXElementConstructor<any>>;
+  }) => react10.ReactElement<react10.SVGProps<SVGSVGElement>, string | react10.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -32,7 +32,7 @@ declare const ChatFooterComponents: {
     style,
     disabled,
     parentWidget
-  }: PromptSuggestionsProps) => react_jsx_runtime15.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime27.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatFooter/components/index.d.ts

@@ -1,8 +1,8 @@
 import { LayoutProps } from "./Layout.js";
 import { PromptSuggestionsProps } from "./PromptSuggestions.js";
 import { TextFieldProps } from "../../TextField/types/index.js";
-import * as react183 from "react";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react181 from "react";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/index.d.ts
 declare const ChatFooterComponents: {
@@ -17,13 +17,13 @@ declare const ChatFooterComponents: {
     testId,
     className,
     style
-  }: LayoutProps) => react_jsx_runtime33.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime30.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react183.ReactElement<react183.SVGProps<SVGSVGElement>, string | react183.JSXElementConstructor<any>>;
+  }) => react181.ReactElement<react181.SVGProps<SVGSVGElement>, string | react181.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -32,7 +32,7 @@ declare const ChatFooterComponents: {
     style,
     disabled,
     parentWidget
-  }: PromptSuggestionsProps) => react_jsx_runtime33.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime30.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatHeader/ChatHeader.d.cts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.cjs";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -21,6 +21,6 @@ declare const ChatHeader: ({
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime35.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/ChatHeader.d.ts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.js";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -21,6 +21,6 @@ declare const ChatHeader: ({
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime36.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatPreview/ChatPreview.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewProps } from "./types/types.cjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/components/ChatPreview/ChatPreview.d.ts
 declare const ChatPreview: ({
@@ -7,6 +7,6 @@ declare const ChatPreview: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewProps) => react_jsx_runtime32.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { ChatPreview };

package/dist/ChatPreview/ChatPreview.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewProps } from "./types/types.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/ChatPreview/ChatPreview.d.ts
 declare const ChatPreview: ({
@@ -7,6 +7,6 @@ declare const ChatPreview: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewProps) => react_jsx_runtime29.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { ChatPreview };

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewComparisonProps } from "./types/types.cjs";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/ChatPreviewComparison.d.ts
 declare const ChatPreviewComparison: ({
@@ -7,6 +7,6 @@ declare const ChatPreviewComparison: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewComparisonProps) => react_jsx_runtime44.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewComparisonProps } from "./types/types.js";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/ChatPreviewComparison.d.ts
 declare const ChatPreviewComparison: ({
@@ -7,6 +7,6 @@ declare const ChatPreviewComparison: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewComparisonProps) => react_jsx_runtime30.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -16,6 +16,6 @@ declare const ChatPreviewLoading: ({
   logoSrc,
   titleLabel,
   voiceInputEnabled
-}: ChatPreviewLoadingProps) => react_jsx_runtime29.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };

package/dist/Container/Container.d.cts

@@ -18,8 +18,6 @@ declare const Container: ({
   centerContent,
   ...props
 }: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react13.DetailedReactHTMLElement<{
-  title?: string | undefined;
-  content?: string | undefined;
   onClick?: react13.MouseEventHandler<HTMLElement>;
   defaultChecked?: boolean | undefined;
   defaultValue?: string | number | readonly string[] | undefined;
@@ -39,10 +37,12 @@ declare const Container: ({
   slot?: string | undefined;
   spellCheck?: (boolean | "true" | "false") | undefined;
   tabIndex?: number | undefined;
+  title?: string | undefined;
   translate?: "yes" | "no" | undefined;
   radioGroup?: string | undefined;
   role?: react13.AriaRole | undefined;
   about?: string | undefined;
+  content?: string | undefined;
   datatype?: string | undefined;
   inlist?: any;
   prefix?: string | undefined;

package/dist/Container/Container.d.ts

@@ -18,8 +18,6 @@ declare const Container: ({
   centerContent,
   ...props
 }: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react10.DetailedReactHTMLElement<{
-  title?: string | undefined;
-  content?: string | undefined;
   onClick?: react10.MouseEventHandler<HTMLElement>;
   defaultChecked?: boolean | undefined;
   defaultValue?: string | number | readonly string[] | undefined;
@@ -39,10 +37,12 @@ declare const Container: ({
   slot?: string | undefined;
   spellCheck?: (boolean | "true" | "false") | undefined;
   tabIndex?: number | undefined;
+  title?: string | undefined;
   translate?: "yes" | "no" | undefined;
   radioGroup?: string | undefined;
   role?: react10.AriaRole | undefined;
   about?: string | undefined;
+  content?: string | undefined;
   datatype?: string | undefined;
   inlist?: any;
   prefix?: string | undefined;

package/dist/DesignTokens/DesignTokensComponent.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { Config } from "tailwindcss";
 
 //#region src/components/DesignTokens/DesignTokensComponent.d.ts
@@ -9,6 +9,6 @@ type DesignTokensProps = {
 declare const DesignTokens: ({
   selectedMerchant,
   config
-}: DesignTokensProps) => react_jsx_runtime22.JSX.Element;
+}: DesignTokensProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { DesignTokens, DesignTokensProps };

package/dist/DesignTokens/DesignTokensComponent.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { Config } from "tailwindcss";
 
 //#region src/components/DesignTokens/DesignTokensComponent.d.ts
@@ -9,6 +9,6 @@ type DesignTokensProps = {
 declare const DesignTokens: ({
   selectedMerchant,
   config
-}: DesignTokensProps) => react_jsx_runtime27.JSX.Element;
+}: DesignTokensProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { DesignTokens, DesignTokensProps };

package/dist/Disclaimer/components/Container.cjs

@@ -13,7 +13,7 @@ const Container$1 = ({ markdownNode, id, testId, className, style }) => {
 		id,
 		testId,
 		style,
-		className: (0, classnames.default)(className, "envive-tw-px-4 envive-tw-py-6"),
+		className: (0, classnames.default)(className, "envive-tw-px-4 envive-tw-pt-6"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
 			direction: "column",
 			className: (0, classnames.default)(className),

package/dist/Disclaimer/components/Container.js

@@ -11,7 +11,7 @@ const Container$1 = ({ markdownNode, id, testId, className, style }) => {
 		id,
 		testId,
 		style,
-		className: classNames(className, "envive-tw-px-4 envive-tw-py-6"),
+		className: classNames(className, "envive-tw-px-4 envive-tw-pt-6"),
 		children: /* @__PURE__ */ jsx(Stack, {
 			direction: "column",
 			className: classNames(className),

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts

@@ -1,5 +1,5 @@
 import { DocumentRetrievalCardProps } from "./types/index.cjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/DocumentRetrievalCard/DocumentRetrievalCard.d.ts
 declare const DocumentRetrievalCard: ({
@@ -16,6 +16,6 @@ declare const DocumentRetrievalCard: ({
   onViewArticle,
   ariaLabel,
   viewArticleLabel
-}: DocumentRetrievalCardProps) => react_jsx_runtime31.JSX.Element;
+}: DocumentRetrievalCardProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { DocumentRetrievalCard };

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts

@@ -1,5 +1,5 @@
 import { DocumentRetrievalCardProps } from "./types/index.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/DocumentRetrievalCard/DocumentRetrievalCard.d.ts
 declare const DocumentRetrievalCard: ({
@@ -16,6 +16,6 @@ declare const DocumentRetrievalCard: ({
   onViewArticle,
   ariaLabel,
   viewArticleLabel
-}: DocumentRetrievalCardProps) => react_jsx_runtime12.JSX.Element;
+}: DocumentRetrievalCardProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { DocumentRetrievalCard };

package/dist/FloatingButton/FloatingButton.d.cts

@@ -1,5 +1,5 @@
 import { FloatingButtonProps } from "./types/types.cjs";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/FloatingButton/FloatingButton.d.ts
 declare const FloatingButton: ({
@@ -18,6 +18,6 @@ declare const FloatingButton: ({
   onMouseOver,
   ariaLabel,
   previewMode
-}: FloatingButtonProps) => react_jsx_runtime33.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { FloatingButton };

package/dist/FloatingButton/FloatingButton.d.ts

@@ -1,5 +1,5 @@
 import { FloatingButtonProps } from "./types/types.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/FloatingButton/FloatingButton.d.ts
 declare const FloatingButton: ({
@@ -18,6 +18,6 @@ declare const FloatingButton: ({
   onMouseOver,
   ariaLabel,
   previewMode
-}: FloatingButtonProps) => react_jsx_runtime26.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { FloatingButton };

package/dist/FloatingChat/FloatingChat.cjs

@@ -1,6 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
+const require_react = require('../node_modules/jotai/esm/react.cjs');
 const require_usePromptCarouselAnalytics = require('../PromptCarousel/hooks/usePromptCarouselAnalytics.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
@@ -26,6 +27,7 @@ const require_index$1 = require('./components/index.cjs');
 const require_useFilteredChatMessages = require('./hooks/useFilteredChatMessages.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
@@ -37,6 +39,7 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
 	const { onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = require_usePromptCarouselAnalytics.usePromptCarouselAnalytics(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.FLOATING_CHAT, (text) => text);
+	const setListeningToSpeech = require_react.useSetAtom(__envive_ai_react_hooks_atoms_chat.listeningToSpeechAtom);
 	const [query, setQuery] = (0, react.useState)("");
 	const chatMessagesRef = (0, react.useRef)(null);
 	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards } = floatingChatConfig;
@@ -210,6 +213,7 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && !s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setListeningToSpeech("abort");
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 			handleBackToChat();
@@ -265,6 +269,7 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setListeningToSpeech("abort");
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 		},

package/dist/FloatingChat/FloatingChat.d.cts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.cjs";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -19,6 +19,6 @@ declare const FloatingChat: ({
   onSwipeClose,
   onToggleCXButton,
   setIsResultsModalOpen
-}: FloatingChatProps) => react_jsx_runtime30.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { FloatingChat };

package/dist/FloatingChat/FloatingChat.d.ts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.js";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -19,6 +19,6 @@ declare const FloatingChat: ({
   onSwipeClose,
   onToggleCXButton,
   setIsResultsModalOpen
-}: FloatingChatProps) => react_jsx_runtime22.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { FloatingChat };

package/dist/FloatingChat/FloatingChat.js

@@ -1,5 +1,6 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
+import { useSetAtom } from "../node_modules/jotai/esm/react.js";
 import { usePromptCarouselAnalytics } from "../PromptCarousel/hooks/usePromptCarouselAnalytics.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import "../PromptButton/index.js";
@@ -25,6 +26,7 @@ import { FloatingChatComponents } from "./components/index.js";
 import { useFilteredChatMessages } from "./hooks/useFilteredChatMessages.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { listeningToSpeechAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { EnviveMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
@@ -36,6 +38,7 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 	const finalTheme = resolveTheme(theme);
 	const { trackWidgetInteraction } = useWidgetInteraction();
 	const { onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = usePromptCarouselAnalytics(WidgetInteractionComponent.FLOATING_CHAT, (text) => text);
+	const setListeningToSpeech = useSetAtom(listeningToSpeechAtom);
 	const [query, setQuery] = useState("");
 	const chatMessagesRef = useRef(null);
 	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards } = floatingChatConfig;
@@ -209,6 +212,7 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && !s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setListeningToSpeech("abort");
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 			handleBackToChat();
@@ -264,6 +268,7 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setListeningToSpeech("abort");
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 		},

package/dist/FloatingChat/components/SlideChatContent.cjs

@@ -19,7 +19,7 @@ const SlideChatContent = ({ isResultsView, isResultsViewRef, resultsViewData, on
 		gridCols: resultsGridColumns
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "envive-tw-relative envive-tw-min-h-[200px] envive-tw-w-full envive-tw-overflow-hidden",
+		className: "envive-tw-relative envive-tw-w-full envive-tw-overflow-hidden",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, {
 			initial: false,
 			mode: "wait",

package/dist/FloatingChat/components/SlideChatContent.js

@@ -18,7 +18,7 @@ const SlideChatContent = ({ isResultsView, isResultsViewRef, resultsViewData, on
 		gridCols: resultsGridColumns
 	});
 	return /* @__PURE__ */ jsx("div", {
-		className: "envive-tw-relative envive-tw-min-h-[200px] envive-tw-w-full envive-tw-overflow-hidden",
+		className: "envive-tw-relative envive-tw-w-full envive-tw-overflow-hidden",
 		children: /* @__PURE__ */ jsx(AnimatePresence, {
 			initial: false,
 			mode: "wait",

package/dist/FullPageSalesAgent/FullPageSalesAgent.cjs

@@ -2,6 +2,7 @@ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 require('../Tokens/index.cjs');
+const require_react = require('../node_modules/jotai/esm/react.cjs');
 const require_usePromptCarouselAnalytics = require('../PromptCarousel/hooks/usePromptCarouselAnalytics.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
@@ -27,6 +28,7 @@ const require_index$1 = require('./components/index.cjs');
 const require_useGetMessagesStyles = require('./hooks/useGetMessagesStyles.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
@@ -45,6 +47,7 @@ const FullPageSalesAgent = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, floatin
 	const { isMobile } = require_useIsMobile.useIsMobile();
 	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
 	const { onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = require_usePromptCarouselAnalytics.usePromptCarouselAnalytics(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.FULL_PAGE_SALES_AGENT, (text) => text);
+	const setListeningToSpeech = require_react.useSetAtom(__envive_ai_react_hooks_atoms_chat.listeningToSpeechAtom);
 	const { welcomeMessageIconColor, ignoreFirstModelResponse, neverShowSingleProductCards, showVerifiedBuyer, showEnviveLogo, userQueryInputEnabled = true } = floatingChatConfig;
 	const { agentName } = lookAndFeelConfig;
 	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
@@ -131,6 +134,7 @@ const FullPageSalesAgent = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, floatin
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && !s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setListeningToSpeech("abort");
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 			handleBackToChat();
@@ -189,6 +193,7 @@ const FullPageSalesAgent = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, floatin
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setListeningToSpeech("abort");
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 		},

package/dist/FullPageSalesAgent/FullPageSalesAgent.d.cts

@@ -1,5 +1,5 @@
 import { Theme } from "../tokens/theme/theme.cjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 import { FloatingChatConfig, LookAndFeelConfig } from "@envive-ai/react-hooks/contexts/typesV3";
 import { HardcopyResponse } from "@envive-ai/react-hooks/contexts/hardcopyContext";
 
@@ -21,6 +21,6 @@ declare const FullPageSalesAgent: ({
   headerContainer,
   autoHeight,
   voiceInputEnabled
-}: FullPageSalesAgentProps) => react_jsx_runtime28.JSX.Element;
+}: FullPageSalesAgentProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { FullPageSalesAgent };