@envive-ai/react-toolkit-v3 0.3.10 → 0.3.12

package/dist/FloatingChat/FloatingChat.js

@@ -26,7 +26,7 @@ import { motion } from "framer-motion";
 import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/FloatingChat/FloatingChat.tsx
-const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
+const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, debugBar, onClose, onToggleCXButton }) => {
 	const finalTheme = resolveTheme(theme);
 	const [query, setQuery] = useState("");
 	const chatMessagesRef = useRef(null);
@@ -118,13 +118,14 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		onSubmit: () => {
 			onTypedMessageSubmitted({
 				query,
-				userTyped: true
+				userTyped: true,
+				displayLocation: ChatElementDisplayLocationV3.FLOATING_CHAT_TEXT_INPUT
 			});
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
 		},
 		textFieldPlaceholderText: chatFooterTextFieldPlaceholderText,
-		promptSuggestions: isPendingResponse || isResponseStreaming || generalSuggestions.length === 0 ? ["Loading suggestions 1...", "Loading suggestions 2..."] : generalSuggestions,
+		promptSuggestions: isPendingResponse || isResponseStreaming ? ["Loading suggestions 1...", "Loading suggestions 2..."] : generalSuggestions,
 		handleButtonClick: (buttonText) => {
 			const suggestion = suggestions.find((s) => s.content === buttonText && !s.isAnswer);
 			if (suggestion) onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
@@ -182,7 +183,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
 		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
-		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0,
+		debugBar
 	});
 	const mobileLayout = /* @__PURE__ */ jsx(FloatingChatComponents.Layout, {
 		id,

package/dist/FloatingChat/components/ChatMessages.cjs

@@ -14,9 +14,9 @@ const require_functions = require('../utils/functions.cjs');
 const require_AgentMessage = require('./AgentMessage.cjs');
 const require_MessageDivider = require('./MessageDivider.cjs');
 let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 
 //#region src/components/FloatingChat/components/ChatMessages.tsx

package/dist/FloatingChat/components/ChatMessages.js

@@ -13,8 +13,8 @@ import { checkIfHideAgentName, getGroupableMessages } from "../utils/functions.j
 import { AgentMessage } from "./AgentMessage.js";
 import { MessageDivider } from "./MessageDivider.js";
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/FloatingChat/components/ChatMessages.tsx

package/dist/FloatingChat/components/Layout.cjs

@@ -6,12 +6,12 @@ const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
 const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/FloatingChat/components/Layout.tsx
-const Layout = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, header, footer, welcomeMessage, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, isFloatingFooterLayout = false }) => {
+const Layout = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, header, footer, welcomeMessage, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, isFloatingFooterLayout = false, debugBar }) => {
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const hasWelcomeMessage = (0, react.isValidElement)(welcomeMessage);
 	const hasAnswerSuggestions = (0, react.isValidElement)(answerSuggestions);
@@ -53,6 +53,10 @@ const Layout = ({ id, className, style, testId, theme = require_theme.Theme.GLOB
 				scrollToBottomButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: (0, classnames.default)("envive-tw-absolute envive-tw-right-4 envive-tw-z-10 envive-tw-transition-all envive-tw-duration-300 envive-tw-ease-in-out", isFloatingFooterLayout ? "envive-tw-bottom-[80px]" : "envive-tw-bottom-[170px]"),
 					children: scrollToBottomButton
+				}),
+				debugBar && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "envive-debug-bar",
+					children: debugBar
 				})
 			]
 		})

package/dist/FloatingChat/components/Layout.js

@@ -5,11 +5,11 @@ import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";
 import { isValidElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/components/Layout.tsx
-const Layout = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, header, footer, welcomeMessage, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, isFloatingFooterLayout = false }) => {
+const Layout = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, header, footer, welcomeMessage, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, isFloatingFooterLayout = false, debugBar }) => {
 	const finalTheme = resolveTheme(theme);
 	const hasWelcomeMessage = isValidElement(welcomeMessage);
 	const hasAnswerSuggestions = isValidElement(answerSuggestions);
@@ -51,6 +51,10 @@ const Layout = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, hea
 				scrollToBottomButton && /* @__PURE__ */ jsx("div", {
 					className: classNames("envive-tw-absolute envive-tw-right-4 envive-tw-z-10 envive-tw-transition-all envive-tw-duration-300 envive-tw-ease-in-out", isFloatingFooterLayout ? "envive-tw-bottom-[80px]" : "envive-tw-bottom-[170px]"),
 					children: scrollToBottomButton
+				}),
+				debugBar && /* @__PURE__ */ jsx("div", {
+					className: "envive-debug-bar",
+					children: debugBar
 				})
 			]
 		})

package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.cjs

@@ -24,6 +24,7 @@ const SalesAgentProductCardsCarousel = ({ products, theme, hideNavigation = fals
 			numberOfReviews: product.numberOfReviews,
 			image: product.image,
 			url: product.url,
+			target: "_blank",
 			theme: finalTheme
 		}, product.id)),
 		theme: finalTheme

package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.js

@@ -23,6 +23,7 @@ const SalesAgentProductCardsCarousel = ({ products, theme, hideNavigation = fals
 			numberOfReviews: product.numberOfReviews,
 			image: product.image,
 			url: product.url,
+			target: "_blank",
 			theme: finalTheme
 		}, product.id)),
 		theme: finalTheme

package/dist/FloatingChat/types/types.d.cts

@@ -63,6 +63,10 @@ interface FloatingChatProps {
    * Hardcopy content to display in the chat.
    */
   hardcopyContent: HardcopyResponse;
+  /**
+   * Debug bar to display in the chat.
+   */
+  debugBar?: React.ReactNode;
 }
 //#endregion
 export { FloatingChatProps };

package/dist/FloatingChat/types/types.d.ts

@@ -63,6 +63,10 @@ interface FloatingChatProps {
    * Hardcopy content to display in the chat.
    */
   hardcopyContent: HardcopyResponse;
+  /**
+   * Debug bar to display in the chat.
+   */
+  debugBar?: React.ReactNode;
 }
 //#endregion
 export { FloatingChatProps };

package/dist/Form/Form.cjs

@@ -5,9 +5,9 @@ const require_buildSubmitButtonElement = require('./utils/buildSubmitButtonEleme
 const require_handleFormsSubmit = require('./utils/handleFormsSubmit.cjs');
 const require_mapTextFields = require('./utils/mapTextFields.cjs');
 let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Form/Form.tsx
 /**

package/dist/Form/Form.js

@@ -4,8 +4,8 @@ import { buildSubmitButtonElement } from "./utils/buildSubmitButtonElement.js";
 import { handleFormsSubmit } from "./utils/handleFormsSubmit.js";
 import { mapTextFields } from "./utils/mapTextFields.js";
 import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Form/Form.tsx
 /**

package/dist/Form/components/Layout.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Form/components/Layout.tsx
 const Layout = ({ textFields, submitButton, onSubmit, ariaLabel, id, testId, className, style }) => {

package/dist/Form/components/Layout.js

@@ -1,7 +1,7 @@
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Form/components/Layout.tsx
 const Layout = ({ textFields, submitButton, onSubmit, ariaLabel, id, testId, className, style }) => {

package/dist/Form/components/SubmitButtonItem.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_useGetButtonProperties = require('../hooks/useGetButtonProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Form/components/SubmitButtonItem.tsx
 const SubmitButtonItem = ({ label, isDisabled = false, ariaLabel, id, testId, className, style }) => {

package/dist/Form/components/SubmitButtonItem.js

@@ -1,6 +1,6 @@
 import { useGetButtonProperties } from "../hooks/useGetButtonProperties.js";
-import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Form/components/SubmitButtonItem.tsx
 const SubmitButtonItem = ({ label, isDisabled = false, ariaLabel, id, testId, className, style }) => {

package/dist/Form/components/TextFieldItem.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_useGetTextFieldProperties = require('../hooks/useGetTextFieldProperties.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Form/components/TextFieldItem.tsx
 const TextFieldItem = ({ label, value, onChange, type, error, ariaLabel, id, testId, className, style }) => {

package/dist/Form/components/TextFieldItem.js

@@ -1,6 +1,6 @@
 import { useGetTextFieldProperties } from "../hooks/useGetTextFieldProperties.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Form/components/TextFieldItem.tsx
 const TextFieldItem = ({ label, value, onChange, type, error, ariaLabel, id, testId, className, style }) => {

package/dist/FullPageSalesAgent/FullPageSalesAgent.cjs

@@ -0,0 +1,132 @@
+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_PromptButton_types_index = require('../PromptButton/types/index.cjs');
+require('../PromptButton/index.cjs');
+const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');
+const require_PromptCarousel = require('../PromptCarousel/PromptCarousel.cjs');
+require('../PromptCarousel/index.cjs');
+const require_ChatFooter = require('../ChatFooter/ChatFooter.cjs');
+require('../ChatFooter/index.cjs');
+const require_Disclaimer = require('../Disclaimer/Disclaimer.cjs');
+require('../Disclaimer/index.cjs');
+const require_index = require('../FloatingChat/components/index.cjs');
+const require_useScrollToBottom = require('../FloatingChat/hooks/useScrollToBottom.cjs');
+const require_useChatSuggestions = require('../FloatingChat/hooks/useChatSuggestions.cjs');
+const require_WelcomeMessage = require('../WelcomeMessage/WelcomeMessage.cjs');
+require('../WelcomeMessage/index.cjs');
+const require_useIsMobile = require('./hooks/useIsMobile.cjs');
+const require_useGetFooterStyles = require('./hooks/useGetFooterStyles.cjs');
+const require_index$1 = require('./components/index.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.tsx
+const FullPageSalesAgent = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, floatingChatConfig, lookAndFeelConfig, hardcopyContent, headerContainer, autoHeight }) => {
+	const resolvedTheme = require_resolveTheme.resolveTheme(theme);
+	const salesAgentData = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const [query, setQuery] = (0, react.useState)("");
+	const chatMessagesRef = (0, react.useRef)(null);
+	const { footerStyles } = require_useGetFooterStyles.useGetFooterStyles();
+	const { isMobile } = require_useIsMobile.useIsMobile();
+	const { welcomeMessageIconColor, ignoreFirstModelResponse, neverShowSingleProductCards, showVerifiedBuyer, showEnviveLogo, userQueryInputEnabled = true } = floatingChatConfig;
+	const { agentName } = lookAndFeelConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
+	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
+	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = require_useChatSuggestions.useChatSuggestions({
+		suggestions,
+		isPendingResponse,
+		isResponseStreaming
+	});
+	const { showScrollButton, scrollToBottom, isFloatingLayout } = require_useScrollToBottom.useScrollToBottom({
+		messagesRef: chatMessagesRef,
+		scrollThreshold: 100,
+		footerHeight: 160,
+		autoScrollDependencies: [
+			messages,
+			isPendingResponse,
+			suggestions,
+			answerSuggestions,
+			generalSuggestions
+		]
+	});
+	const welcomeMessage = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WelcomeMessage.WelcomeMessage, {
+		sparkleIconColor: welcomeMessageIconColor,
+		title: welcomeMessageTitle,
+		text: welcomeMessageText,
+		theme: resolvedTheme
+	});
+	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatFooter.ChatFooter, {
+		className: "envive-tw-bg-background-light",
+		style: footerStyles,
+		theme: resolvedTheme,
+		isScrolled: isMobile ? isFloatingLayout : false,
+		disabled: isPendingResponse || isResponseStreaming,
+		disabledInput: !userQueryInputEnabled,
+		isLoadingPromptSuggestions: isPendingResponse || isResponseStreaming || generalSuggestions.length === 0,
+		hideEnviveWatermark: !showEnviveLogo,
+		textFieldPlaceholderText: chatFooterTextFieldPlaceholderText,
+		promptSuggestions: isPendingResponse || isResponseStreaming ? ["Loading suggestions 1...", "Loading suggestions 2..."] : generalSuggestions,
+		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);
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		},
+		onChange: setQuery,
+		onSubmit: () => {
+			onTypedMessageSubmitted({
+				query,
+				userTyped: true,
+				displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_TEXT_INPUT
+			});
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		}
+	});
+	const chatMessages = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FloatingChatComponents.ChatMessages, {
+		theme: resolvedTheme,
+		ref: chatMessagesRef,
+		isLoading: isPendingResponse && !isResponseStreaming,
+		agentName,
+		messages,
+		hasFilteredMessages: false,
+		handlePreviousDiscussions: () => {},
+		isResponseStreaming,
+		ignoreFirstModelResponse,
+		neverShowSingleProductCards,
+		showVerifiedBuyer,
+		onFormResponseSubmitted
+	});
+	const answerSuggestionsComponent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptCarousel.PromptCarousel, {
+		className: "envive-tw-flex envive-tw-justify-end envive-tw-p-4 [&>div>div]:envive-tw-items-end",
+		theme: resolvedTheme,
+		promptButtonType: require_PromptButton_types_index.PromptButtonVariant.SUGGESTED_RESPONSE,
+		promptCarouselRows: require_PromptCarousel_types_types.PromptCarouselRows.ALWAYS_TWO,
+		promptButtonTexts: answerSuggestions,
+		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);
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		}
+	});
+	const disclaimer = disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Disclaimer.Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FullPageSAComponents.Layout, {
+		theme: resolvedTheme,
+		welcomeMessage,
+		footer,
+		chatMessages,
+		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer,
+		headerContainer,
+		autoHeight
+	});
+};
+
+//#endregion
+exports.FullPageSalesAgent = FullPageSalesAgent;

package/dist/FullPageSalesAgent/FullPageSalesAgent.d.cts

@@ -0,0 +1,24 @@
+import { Theme } from "../tokens/theme/theme.cjs";
+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";
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.d.ts
+interface FullPageSalesAgentProps {
+  theme?: Theme;
+  floatingChatConfig: FloatingChatConfig;
+  lookAndFeelConfig: LookAndFeelConfig;
+  hardcopyContent: HardcopyResponse;
+  headerContainer?: string;
+  autoHeight?: boolean;
+}
+declare const FullPageSalesAgent: ({
+  theme,
+  floatingChatConfig,
+  lookAndFeelConfig,
+  hardcopyContent,
+  headerContainer,
+  autoHeight
+}: FullPageSalesAgentProps) => react_jsx_runtime24.JSX.Element;
+//#endregion
+export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/FullPageSalesAgent.d.ts

@@ -0,0 +1,24 @@
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { FloatingChatConfig, LookAndFeelConfig } from "@envive-ai/react-hooks/contexts/typesV3";
+import { HardcopyResponse } from "@envive-ai/react-hooks/contexts/hardcopyContext";
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.d.ts
+interface FullPageSalesAgentProps {
+  theme?: Theme;
+  floatingChatConfig: FloatingChatConfig;
+  lookAndFeelConfig: LookAndFeelConfig;
+  hardcopyContent: HardcopyResponse;
+  headerContainer?: string;
+  autoHeight?: boolean;
+}
+declare const FullPageSalesAgent: ({
+  theme,
+  floatingChatConfig,
+  lookAndFeelConfig,
+  hardcopyContent,
+  headerContainer,
+  autoHeight
+}: FullPageSalesAgentProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/FullPageSalesAgent.js

@@ -0,0 +1,131 @@
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
+import "../Tokens/index.js";
+import { PromptButtonVariant } from "../PromptButton/types/index.js";
+import "../PromptButton/index.js";
+import { PromptCarouselRows } from "../PromptCarousel/types/types.js";
+import { PromptCarousel } from "../PromptCarousel/PromptCarousel.js";
+import "../PromptCarousel/index.js";
+import { ChatFooter } from "../ChatFooter/ChatFooter.js";
+import "../ChatFooter/index.js";
+import { Disclaimer } from "../Disclaimer/Disclaimer.js";
+import "../Disclaimer/index.js";
+import { FloatingChatComponents } from "../FloatingChat/components/index.js";
+import { useScrollToBottom } from "../FloatingChat/hooks/useScrollToBottom.js";
+import { useChatSuggestions } from "../FloatingChat/hooks/useChatSuggestions.js";
+import { WelcomeMessage } from "../WelcomeMessage/WelcomeMessage.js";
+import "../WelcomeMessage/index.js";
+import { useIsMobile } from "./hooks/useIsMobile.js";
+import { useGetFooterStyles } from "./hooks/useGetFooterStyles.js";
+import { FullPageSAComponents } from "./components/index.js";
+import { useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.tsx
+const FullPageSalesAgent = ({ theme = Theme.GLOBAL_CUSTOM, floatingChatConfig, lookAndFeelConfig, hardcopyContent, headerContainer, autoHeight }) => {
+	const resolvedTheme = resolveTheme(theme);
+	const salesAgentData = useSalesAgent();
+	const [query, setQuery] = useState("");
+	const chatMessagesRef = useRef(null);
+	const { footerStyles } = useGetFooterStyles();
+	const { isMobile } = useIsMobile();
+	const { welcomeMessageIconColor, ignoreFirstModelResponse, neverShowSingleProductCards, showVerifiedBuyer, showEnviveLogo, userQueryInputEnabled = true } = floatingChatConfig;
+	const { agentName } = lookAndFeelConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
+	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
+	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = useChatSuggestions({
+		suggestions,
+		isPendingResponse,
+		isResponseStreaming
+	});
+	const { showScrollButton, scrollToBottom, isFloatingLayout } = useScrollToBottom({
+		messagesRef: chatMessagesRef,
+		scrollThreshold: 100,
+		footerHeight: 160,
+		autoScrollDependencies: [
+			messages,
+			isPendingResponse,
+			suggestions,
+			answerSuggestions,
+			generalSuggestions
+		]
+	});
+	const welcomeMessage = /* @__PURE__ */ jsx(WelcomeMessage, {
+		sparkleIconColor: welcomeMessageIconColor,
+		title: welcomeMessageTitle,
+		text: welcomeMessageText,
+		theme: resolvedTheme
+	});
+	const footer = /* @__PURE__ */ jsx(ChatFooter, {
+		className: "envive-tw-bg-background-light",
+		style: footerStyles,
+		theme: resolvedTheme,
+		isScrolled: isMobile ? isFloatingLayout : false,
+		disabled: isPendingResponse || isResponseStreaming,
+		disabledInput: !userQueryInputEnabled,
+		isLoadingPromptSuggestions: isPendingResponse || isResponseStreaming || generalSuggestions.length === 0,
+		hideEnviveWatermark: !showEnviveLogo,
+		textFieldPlaceholderText: chatFooterTextFieldPlaceholderText,
+		promptSuggestions: isPendingResponse || isResponseStreaming ? ["Loading suggestions 1...", "Loading suggestions 2..."] : generalSuggestions,
+		handleButtonClick: (buttonText) => {
+			const suggestion = suggestions.find((s) => s.content === buttonText && !s.isAnswer);
+			if (suggestion) onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		},
+		onChange: setQuery,
+		onSubmit: () => {
+			onTypedMessageSubmitted({
+				query,
+				userTyped: true,
+				displayLocation: ChatElementDisplayLocationV3.FLOATING_CHAT_TEXT_INPUT
+			});
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		}
+	});
+	const chatMessages = /* @__PURE__ */ jsx(FloatingChatComponents.ChatMessages, {
+		theme: resolvedTheme,
+		ref: chatMessagesRef,
+		isLoading: isPendingResponse && !isResponseStreaming,
+		agentName,
+		messages,
+		hasFilteredMessages: false,
+		handlePreviousDiscussions: () => {},
+		isResponseStreaming,
+		ignoreFirstModelResponse,
+		neverShowSingleProductCards,
+		showVerifiedBuyer,
+		onFormResponseSubmitted
+	});
+	const answerSuggestionsComponent = /* @__PURE__ */ jsx(PromptCarousel, {
+		className: "envive-tw-flex envive-tw-justify-end envive-tw-p-4 [&>div>div]:envive-tw-items-end",
+		theme: resolvedTheme,
+		promptButtonType: PromptButtonVariant.SUGGESTED_RESPONSE,
+		promptCarouselRows: PromptCarouselRows.ALWAYS_TWO,
+		promptButtonTexts: answerSuggestions,
+		handleButtonClick: (buttonText) => {
+			const suggestion = suggestions.find((s) => s.content === buttonText && s.isAnswer);
+			if (suggestion) onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		}
+	});
+	const disclaimer = disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0;
+	return /* @__PURE__ */ jsx(FullPageSAComponents.Layout, {
+		theme: resolvedTheme,
+		welcomeMessage,
+		footer,
+		chatMessages,
+		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer,
+		headerContainer,
+		autoHeight
+	});
+};
+
+//#endregion
+export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/components/Layout.cjs

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
+const require_useGetContainerStyles = require('../hooks/useGetContainerStyles.cjs');
+const require_useGetFooterStyles = require('../hooks/useGetFooterStyles.cjs');
+const require_useGetScrollContentStyles = require('../hooks/useGetScrollContentStyles.cjs');
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/FullPageSalesAgent/components/Layout.tsx
+const Layout = ({ theme, welcomeMessage, footer, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, headerContainer, autoHeight }) => {
+	const hasWelcomeMessage = (0, react.isValidElement)(welcomeMessage);
+	const hasAnswerSuggestions = (0, react.isValidElement)(answerSuggestions);
+	const { contentClasses, messageContainerClasses } = require_useGetScrollContentStyles.useGetScrollContentStyles();
+	const { footerContainerClasses } = require_useGetFooterStyles.useGetFooterStyles();
+	const { containerClasses, containerStyles } = require_useGetContainerStyles.useGetContainerStyles({
+		headerContainer,
+		autoHeight
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClasses,
+		style: containerStyles,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: contentClasses,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+				className: messageContainerClasses,
+				direction: "column",
+				justify: "between",
+				children: [welcomeMessage, disclaimer]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+				direction: "column",
+				gap: "0",
+				className: (0, classnames.default)((!hasWelcomeMessage || hasWelcomeMessage && theme === require_theme.Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", "envive-tw-pt-4"),
+				children: [chatMessages, answerSuggestions]
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: footerContainerClasses,
+			children: [scrollToBottomButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "envive-tw-h-[0px]",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
+					children: scrollToBottomButton
+				})
+			}), footer]
+		})]
+	});
+};
+
+//#endregion
+exports.Layout = Layout;