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

package/dist/FloatingChat/components/Layout.cjs

@@ -11,7 +11,7 @@ let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 
 //#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

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 
 //#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/FullPageSalesAgent/FullPageSalesAgent.cjs

@@ -0,0 +1,131 @@
+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 || generalSuggestions.length === 0 ? ["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
+			});
+			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_runtime26 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_runtime26.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_runtime20 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_runtime20.JSX.Element;
+//#endregion
+export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/FullPageSalesAgent.js

@@ -0,0 +1,130 @@
+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 || generalSuggestions.length === 0 ? ["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
+			});
+			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 react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#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;

package/dist/FullPageSalesAgent/components/Layout.js

@@ -0,0 +1,51 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
+import { useGetContainerStyles } from "../hooks/useGetContainerStyles.js";
+import { useGetFooterStyles } from "../hooks/useGetFooterStyles.js";
+import { useGetScrollContentStyles } from "../hooks/useGetScrollContentStyles.js";
+import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/FullPageSalesAgent/components/Layout.tsx
+const Layout = ({ theme, welcomeMessage, footer, chatMessages, answerSuggestions, scrollToBottomButton, disclaimer, headerContainer, autoHeight }) => {
+	const hasWelcomeMessage = isValidElement(welcomeMessage);
+	const hasAnswerSuggestions = isValidElement(answerSuggestions);
+	const { contentClasses, messageContainerClasses } = useGetScrollContentStyles();
+	const { footerContainerClasses } = useGetFooterStyles();
+	const { containerClasses, containerStyles } = useGetContainerStyles({
+		headerContainer,
+		autoHeight
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClasses,
+		style: containerStyles,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: contentClasses,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				className: messageContainerClasses,
+				direction: "column",
+				justify: "between",
+				children: [welcomeMessage, disclaimer]
+			}), /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: "0",
+				className: classNames((!hasWelcomeMessage || hasWelcomeMessage && theme === Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", "envive-tw-pt-4"),
+				children: [chatMessages, answerSuggestions]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: footerContainerClasses,
+			children: [scrollToBottomButton && /* @__PURE__ */ jsx("div", {
+				className: "envive-tw-h-[0px]",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
+					children: scrollToBottomButton
+				})
+			}), footer]
+		})]
+	});
+};
+
+//#endregion
+export { Layout };

package/dist/FullPageSalesAgent/components/index.cjs

@@ -0,0 +1,7 @@
+const require_Layout = require('./Layout.cjs');
+
+//#region src/components/FullPageSalesAgent/components/index.ts
+const FullPageSAComponents = { Layout: require_Layout.Layout };
+
+//#endregion
+exports.FullPageSAComponents = FullPageSAComponents;

package/dist/FullPageSalesAgent/components/index.js

@@ -0,0 +1,7 @@
+import { Layout } from "./Layout.js";
+
+//#region src/components/FullPageSalesAgent/components/index.ts
+const FullPageSAComponents = { Layout };
+
+//#endregion
+export { FullPageSAComponents };

package/dist/FullPageSalesAgent/hooks/useContainerResizerObserver.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/FullPageSalesAgent/hooks/useContainerResizerObserver.ts
+const useContainerResizerObserver = ({ headerContainer, autoHeight }) => {
+	const [containerHeight, setContainerHeight] = (0, react.useState)("100%");
+	(0, react.useEffect)(() => {
+		if (!autoHeight) return null;
+		const watchResizing = () => {
+			const header = document.querySelector(headerContainer)?.getBoundingClientRect()?.height || 0;
+			setContainerHeight(window.innerHeight - header);
+		};
+		window.addEventListener("resize", watchResizing);
+		watchResizing();
+		return () => {
+			window.removeEventListener("resize", watchResizing);
+		};
+	}, [headerContainer, autoHeight]);
+	return { containerHeight };
+};
+
+//#endregion
+exports.useContainerResizerObserver = useContainerResizerObserver;

package/dist/FullPageSalesAgent/hooks/useContainerResizerObserver.js

@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+
+//#region src/components/FullPageSalesAgent/hooks/useContainerResizerObserver.ts
+const useContainerResizerObserver = ({ headerContainer, autoHeight }) => {
+	const [containerHeight, setContainerHeight] = useState("100%");
+	useEffect(() => {
+		if (!autoHeight) return null;
+		const watchResizing = () => {
+			const header = document.querySelector(headerContainer)?.getBoundingClientRect()?.height || 0;
+			setContainerHeight(window.innerHeight - header);
+		};
+		window.addEventListener("resize", watchResizing);
+		watchResizing();
+		return () => {
+			window.removeEventListener("resize", watchResizing);
+		};
+	}, [headerContainer, autoHeight]);
+	return { containerHeight };
+};
+
+//#endregion
+export { useContainerResizerObserver };

package/dist/FullPageSalesAgent/hooks/useGetContainerStyles.cjs

@@ -0,0 +1,16 @@
+const require_useContainerResizerObserver = require('./useContainerResizerObserver.cjs');
+
+//#region src/components/FullPageSalesAgent/hooks/useGetContainerStyles.ts
+const useGetContainerStyles = ({ headerContainer, autoHeight }) => {
+	const { containerHeight } = require_useContainerResizerObserver.useContainerResizerObserver({
+		headerContainer,
+		autoHeight
+	});
+	return {
+		containerClasses: "envive-tw-mx-auto envive-tw-flex envive-tw-h-full envive-tw-max-w-[768px] envive-tw-flex-col",
+		containerStyles: { height: containerHeight }
+	};
+};
+
+//#endregion
+exports.useGetContainerStyles = useGetContainerStyles;

package/dist/FullPageSalesAgent/hooks/useGetContainerStyles.js

@@ -0,0 +1,16 @@
+import { useContainerResizerObserver } from "./useContainerResizerObserver.js";
+
+//#region src/components/FullPageSalesAgent/hooks/useGetContainerStyles.ts
+const useGetContainerStyles = ({ headerContainer, autoHeight }) => {
+	const { containerHeight } = useContainerResizerObserver({
+		headerContainer,
+		autoHeight
+	});
+	return {
+		containerClasses: "envive-tw-mx-auto envive-tw-flex envive-tw-h-full envive-tw-max-w-[768px] envive-tw-flex-col",
+		containerStyles: { height: containerHeight }
+	};
+};
+
+//#endregion
+export { useGetContainerStyles };

package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.cjs

@@ -0,0 +1,16 @@
+const require_useIsMobile = require('./useIsMobile.cjs');
+
+//#region src/components/FullPageSalesAgent/hooks/useGetFooterStyles.ts
+const useGetFooterStyles = () => {
+	const { isMobile } = require_useIsMobile.useIsMobile();
+	return {
+		footerStyles: !isMobile ? {
+			boxShadow: "0px 2px 10px 0px rgba(0, 0, 0, 0.2)",
+			borderWidth: "1px"
+		} : null,
+		footerContainerClasses: isMobile ? "envive-tw-absolute envive-tw-bottom-[0] envive-tw-left-[0] envive-tw-right-[0]" : "envive-tw-pb-5"
+	};
+};
+
+//#endregion
+exports.useGetFooterStyles = useGetFooterStyles;

package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.js

@@ -0,0 +1,16 @@
+import { useIsMobile } from "./useIsMobile.js";
+
+//#region src/components/FullPageSalesAgent/hooks/useGetFooterStyles.ts
+const useGetFooterStyles = () => {
+	const { isMobile } = useIsMobile();
+	return {
+		footerStyles: !isMobile ? {
+			boxShadow: "0px 2px 10px 0px rgba(0, 0, 0, 0.2)",
+			borderWidth: "1px"
+		} : null,
+		footerContainerClasses: isMobile ? "envive-tw-absolute envive-tw-bottom-[0] envive-tw-left-[0] envive-tw-right-[0]" : "envive-tw-pb-5"
+	};
+};
+
+//#endregion
+export { useGetFooterStyles };

package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.cjs

@@ -0,0 +1,19 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useIsMobile = require('./useIsMobile.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/FullPageSalesAgent/hooks/useGetScrollContentStyles.ts
+const useGetScrollContentStyles = () => {
+	const { isMobile } = require_useIsMobile.useIsMobile();
+	return {
+		contentClasses: (0, classnames.default)({
+			"envive-tw-flex-1 envive-tw-overflow-y-auto envive-tw-overflow-x-hidden envive-tw-transition-all envive-tw-duration-300 envive-tw-ease-in-out": true,
+			"envive-tw-pb-[131px]": isMobile
+		}),
+		messageContainerClasses: !isMobile ? "envive-tw-pt-4" : null
+	};
+};
+
+//#endregion
+exports.useGetScrollContentStyles = useGetScrollContentStyles;