@envive-ai/react-toolkit-v3 0.3.7 → 0.3.8

package/dist/Disclaimer/components/index.cjs

@@ -0,0 +1,11 @@
+const require_Container = require('./Container.cjs');
+const require_DisclaimerContent = require('./DisclaimerContent.cjs');
+
+//#region src/components/Disclaimer/components/index.ts
+const DisclaimerComponents = {
+	Container: require_Container.Container,
+	DisclaimerContent: require_DisclaimerContent.DisclaimerContent
+};
+
+//#endregion
+exports.DisclaimerComponents = DisclaimerComponents;

package/dist/Disclaimer/components/index.js

@@ -0,0 +1,11 @@
+import { Container } from "./Container.js";
+import { DisclaimerContent } from "./DisclaimerContent.js";
+
+//#region src/components/Disclaimer/components/index.ts
+const DisclaimerComponents = {
+	Container,
+	DisclaimerContent
+};
+
+//#endregion
+export { DisclaimerComponents };

package/dist/Disclaimer/index.cjs

@@ -0,0 +1,3 @@
+const require_Disclaimer = require('./Disclaimer.cjs');
+
+exports.Disclaimer = require_Disclaimer.Disclaimer;

package/dist/Disclaimer/index.d.cts

@@ -0,0 +1,2 @@
+import { Disclaimer } from "./Disclaimer.cjs";
+export { Disclaimer };

package/dist/Disclaimer/index.d.ts

@@ -0,0 +1,2 @@
+import { Disclaimer } from "./Disclaimer.js";
+export { Disclaimer };

package/dist/Disclaimer/index.js

@@ -0,0 +1,3 @@
+import { Disclaimer } from "./Disclaimer.js";
+
+export { Disclaimer };

package/dist/Disclaimer/types/types.d.cts

@@ -0,0 +1,30 @@
+import { Theme } from "../../tokens/theme/theme.cjs";
+
+//#region src/components/Disclaimer/types/types.d.ts
+type DisclaimerProps = {
+  /**
+   * The markdown to be ingested by the MarkdownProcessor and displayed
+   */
+  disclaimerMarkdown: string;
+  /**
+   * Visual theme of the text field.
+   * @default Theme.GLOBAL_CUSTOM (uses CSS variable --envive-global-custom-theme)
+   */
+  theme?: Theme;
+  ariaLabel?: string;
+  id?: string;
+  /**
+   * Adds a `data-testid` attribute for testing utilities.
+   */
+  testId?: string;
+  /**
+   * Additional class names appended to the computed classes.
+   */
+  className?: string;
+  /**
+   * Inline styles forwarded to the rendered element.
+   */
+  style?: React.CSSProperties;
+};
+//#endregion
+export { DisclaimerProps };

package/dist/Disclaimer/types/types.d.ts

@@ -0,0 +1,30 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+
+//#region src/components/Disclaimer/types/types.d.ts
+type DisclaimerProps = {
+  /**
+   * The markdown to be ingested by the MarkdownProcessor and displayed
+   */
+  disclaimerMarkdown: string;
+  /**
+   * Visual theme of the text field.
+   * @default Theme.GLOBAL_CUSTOM (uses CSS variable --envive-global-custom-theme)
+   */
+  theme?: Theme;
+  ariaLabel?: string;
+  id?: string;
+  /**
+   * Adds a `data-testid` attribute for testing utilities.
+   */
+  testId?: string;
+  /**
+   * Additional class names appended to the computed classes.
+   */
+  className?: string;
+  /**
+   * Inline styles forwarded to the rendered element.
+   */
+  style?: React.CSSProperties;
+};
+//#endregion
+export { DisclaimerProps };

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts

@@ -1,5 +1,5 @@
 import { DocumentRetrievalCardProps } from "./types/index.js";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime32.JSX.Element;
+}: DocumentRetrievalCardProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { DocumentRetrievalCard };

package/dist/DocumentRetrievalCard/components/Layout.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
 const require_useGetThemeProperties = require('../hooks/useGetThemeProperties.cjs');
 const require_useGetStackLayoutProperties = require('../hooks/useGetStackLayoutProperties.cjs');
 const require_useGetCardWidthProperties = require('../hooks/useGetCardWidthProperties.cjs');

package/dist/DocumentRetrievalCard/components/Layout.js

@@ -1,7 +1,7 @@
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
 import { useGetThemeProperties } from "../hooks/useGetThemeProperties.js";
 import { useGetStackLayoutProperties } from "../hooks/useGetStackLayoutProperties.js";
 import { useGetCardWidthProperties } from "../hooks/useGetCardWidthProperties.js";

package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_CustomIcon = require('../../../../utils/CustomIcon.cjs');
 const require_Stack = require('../../../../Stack/Stack.cjs');
 require('../../../../Stack/index.cjs');
-const require_CustomIcon = require('../../../../utils/CustomIcon.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);

package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.js

@@ -1,6 +1,6 @@
+import { CustomIcon } from "../../../../utils/CustomIcon.js";
 import { Stack } from "../../../../Stack/Stack.js";
 import "../../../../Stack/index.js";
-import { CustomIcon } from "../../../../utils/CustomIcon.js";
 import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
 import Document from "@envive-ai/react-icons/Document";

package/dist/DocumentRetrievalCard/hooks/useGetBackgroundColorsProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetBackgroundColorsProperties.ts
 const useGetBackgroundColorsProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetBackgroundColorsProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetBackgroundColorsProperties.ts
 const useGetBackgroundColorsProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetBorderProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetBorderProperties.ts
 const useGetBorderProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetBorderProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetBorderProperties.ts
 const useGetBorderProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetBorderRadiusProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetBorderRadiusProperties.ts
 const useGetBorderRadiusProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetBorderRadiusProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetBorderRadiusProperties.ts
 const useGetBorderRadiusProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetIconBackgroundProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetIconBackgroundProperties.ts
 const useGetIconBackgroundProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetIconBackgroundProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetIconBackgroundProperties.ts
 const useGetIconBackgroundProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetIconColorProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetIconColorProperties.ts
 const useGetIconColorProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetIconColorProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetIconColorProperties.ts
 const useGetIconColorProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetLabelTextCaseProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetLabelTextCaseProperties.ts
 const useGetLabelTextCaseProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetLabelTextCaseProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/hooks/useGetLabelTextCaseProperties.ts
 const useGetLabelTextCaseProperties = (theme) => {

package/dist/DocumentRetrievalCard/hooks/useGetLabelTypographyProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 require('../../Typography/index.cjs');
 

package/dist/DocumentRetrievalCard/hooks/useGetLabelTypographyProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";
 

package/dist/DocumentRetrievalCard/index.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../tokens/theme/theme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_index = require('./types/index.cjs');
 const require_DocumentRetrievalCard = require('./DocumentRetrievalCard.cjs');
 

package/dist/DocumentRetrievalCard/index.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { DocumentRetrievalCardProps, DocumentRetrievalCardVariant } from "./types/index.js";
 import { DocumentRetrievalCard } from "./DocumentRetrievalCard.js";
 export { DocumentRetrievalCard, type DocumentRetrievalCardProps, DocumentRetrievalCardVariant, Theme };

package/dist/DocumentRetrievalCard/index.js

@@ -1,4 +1,4 @@
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { DocumentRetrievalCardVariant } from "./types/index.js";
 import { DocumentRetrievalCard } from "./DocumentRetrievalCard.js";
 

package/dist/DocumentRetrievalCard/types/index.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 
 //#region src/components/DocumentRetrievalCard/types/index.d.ts
 

package/dist/DocumentRetrievalCard/utils/functions.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_index = require('../types/index.cjs');
 
 //#region src/components/DocumentRetrievalCard/utils/functions.ts

package/dist/DocumentRetrievalCard/utils/functions.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { DocumentRetrievalCardVariant } from "../types/index.js";
 
 //#region src/components/DocumentRetrievalCard/utils/functions.ts

package/dist/FloatingButton/FloatingButton.d.cts

@@ -1,5 +1,5 @@
 import { FloatingButtonProps } from "./types/types.cjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/FloatingButton/FloatingButton.d.ts
 declare const FloatingButton: ({
@@ -17,6 +17,6 @@ declare const FloatingButton: ({
   onClick,
   ariaLabel,
   previewMode
-}: FloatingButtonProps) => react_jsx_runtime23.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime26.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_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/FloatingButton/FloatingButton.d.ts
 declare const FloatingButton: ({
@@ -17,6 +17,6 @@ declare const FloatingButton: ({
   onClick,
   ariaLabel,
   previewMode
-}: FloatingButtonProps) => react_jsx_runtime29.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { FloatingButton };

package/dist/FloatingButton/hooks/useGetButtonProperties.cjs

@@ -1,4 +1,4 @@
-const require_colorsConfig = require('../../src/models/colorsConfig.cjs');
+const require_utils = require('../../packages/components-v3/tokens/utils.cjs');
 const require_types = require('../types/types.cjs');
 
 //#region src/components/FloatingButton/hooks/useGetButtonProperties.ts
@@ -7,7 +7,7 @@ const require_types = require('../types/types.cjs');
 */
 const useGetButtonProperties = (variant = require_types.FloatingButtonVariant.ATTACHED, mode = require_types.FloatingButtonMode.LIGHT, backgroundColor) => {
 	const sizeClasses = variant === require_types.FloatingButtonVariant.DETACHED ? "envive-tw-w-[64px] envive-tw-h-[64px]" : "envive-tw-w-[44px] envive-tw-h-[44px]";
-	const customBackgroundColorClass = `envive-tw-bg-[${require_colorsConfig.enviveColorVar(backgroundColor)}]`;
+	const customBackgroundColorClass = `envive-tw-bg-${require_utils.extractColorNameFromCssVar(backgroundColor)}`;
 	const defaultBackgroundColorClass = mode === require_types.FloatingButtonMode.LIGHT ? "envive-tw-bg-background-primary" : "envive-tw-bg-background-dark";
 	return {
 		sizeClasses,

package/dist/FloatingButton/hooks/useGetButtonProperties.js

@@ -1,4 +1,4 @@
-import { enviveColorVar } from "../../src/models/colorsConfig.js";
+import { extractColorNameFromCssVar } from "../../packages/components-v3/tokens/utils.js";
 import { FloatingButtonMode, FloatingButtonVariant } from "../types/types.js";
 
 //#region src/components/FloatingButton/hooks/useGetButtonProperties.ts
@@ -7,7 +7,7 @@ import { FloatingButtonMode, FloatingButtonVariant } from "../types/types.js";
 */
 const useGetButtonProperties = (variant = FloatingButtonVariant.ATTACHED, mode = FloatingButtonMode.LIGHT, backgroundColor) => {
 	const sizeClasses = variant === FloatingButtonVariant.DETACHED ? "envive-tw-w-[64px] envive-tw-h-[64px]" : "envive-tw-w-[44px] envive-tw-h-[44px]";
-	const customBackgroundColorClass = `envive-tw-bg-[${enviveColorVar(backgroundColor)}]`;
+	const customBackgroundColorClass = `envive-tw-bg-${extractColorNameFromCssVar(backgroundColor)}`;
 	const defaultBackgroundColorClass = mode === FloatingButtonMode.LIGHT ? "envive-tw-bg-background-primary" : "envive-tw-bg-background-dark";
 	return {
 		sizeClasses,

package/dist/FloatingButton/types/types.d.ts

@@ -1,4 +1,4 @@
-import { ColorNames } from "../../src/models/colorsConfig.js";
+import { ColorNames } from "../../packages/components-v3/src/models/colorsConfig.js";
 
 //#region src/components/FloatingButton/types/types.d.ts
 

package/dist/FloatingChat/FloatingChat.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
@@ -11,6 +11,8 @@ require('../ChatFooter/index.cjs');
 const require_index = require('../ChatHeader/types/index.cjs');
 const require_ChatHeader = require('../ChatHeader/ChatHeader.cjs');
 require('../ChatHeader/index.cjs');
+const require_Disclaimer = require('../Disclaimer/Disclaimer.cjs');
+require('../Disclaimer/index.cjs');
 const require_useSnapCalculator = require('./hooks/useSnapCalculator.cjs');
 const require_ModalSheet = require('./components/ModalSheet.cjs');
 const require_index$1 = require('./components/index.cjs');
@@ -24,13 +26,14 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 
 //#region src/components/FloatingChat/FloatingChat.tsx
-const FloatingChat = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
+const FloatingChat = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const [query, setQuery] = (0, react.useState)("");
 	const chatMessagesRef = (0, react.useRef)(null);
-	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards, welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText } = floatingChatConfig;
+	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards } = floatingChatConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
 	const { agentName, chatHeaderLogoDarkSrc, chatHeaderLogoLightSrc } = lookAndFeelConfig;
-	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted } = salesAgentData;
+	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
 	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = require_useChatSuggestions.useChatSuggestions({
 		suggestions,
 		isPendingResponse,
@@ -42,7 +45,8 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 			onClose();
 		}
 	};
-	const { showScrollButton, scrollToBottom } = require_useScrollToBottom.useScrollToBottom({
+	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, isFullView, isPartialView } = require_useSnapSetup.useSnapSetup({ isFloatingChatOpen });
+	const { showScrollButton, scrollToBottom, isFloatingLayout } = require_useScrollToBottom.useScrollToBottom({
 		messagesRef: chatMessagesRef,
 		autoScrollDependencies: [
 			messages,
@@ -51,9 +55,11 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 			answerSuggestions,
 			generalSuggestions
 		],
-		scrollThreshold: 30
+		scrollThreshold: 100,
+		useFloatingLayout: isMobile && isPartialView,
+		footerHeight: 160,
+		isOpen: isFloatingChatOpen
 	});
-	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, shouldShowScrolled, isFullView, isPartialView } = require_useSnapSetup.useSnapSetup({ isFloatingChatOpen });
 	const { filteredMessages, hasFilteredMessages, handlePreviousDiscussions } = require_useFilteredChatMessages.useFilteredChatMessages({
 		messages,
 		isMobile,
@@ -107,7 +113,7 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 	});
 	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatFooter.ChatFooter, {
 		theme: finalTheme,
-		isScrolled: isMobile ? shouldShowScrolled : false,
+		isScrolled: isMobile ? isFloatingLayout : false,
 		onChange: setQuery,
 		onSubmit: () => {
 			onTypedMessageSubmitted({
@@ -148,7 +154,8 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		ignoreFirstModelResponse,
 		neverShowSingleProductCards,
 		showVerifiedBuyer,
-		isPartialView
+		isPartialView,
+		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",
@@ -174,7 +181,8 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		welcomeMessage,
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
-		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Disclaimer.Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0
 	});
 	const mobileLayout = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.Layout, {
 		id,
@@ -187,7 +195,9 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		welcomeMessage,
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
-		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Disclaimer.Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0,
+		isFloatingFooterLayout: isFloatingLayout
 	});
 	return isMobile ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ModalSheet.ModalSheet, {
 		animationKey,

package/dist/FloatingChat/FloatingChat.d.cts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.cjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -10,11 +10,12 @@ declare const FloatingChat: ({
   theme,
   salesAgentData,
   floatingChatConfig,
+  hardcopyContent,
   lookAndFeelConfig,
   isCXButtonSwitchEnabled,
   isFloatingChatOpen,
   onClose,
   onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime28.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime25.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_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -10,11 +10,12 @@ declare const FloatingChat: ({
   theme,
   salesAgentData,
   floatingChatConfig,
+  hardcopyContent,
   lookAndFeelConfig,
   isCXButtonSwitchEnabled,
   isFloatingChatOpen,
   onClose,
   onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime23.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { FloatingChat };

package/dist/FloatingChat/FloatingChat.js

@@ -1,4 +1,4 @@
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import "../PromptButton/index.js";
@@ -10,6 +10,8 @@ import "../ChatFooter/index.js";
 import { ChatHeaderOptions, HandleState } from "../ChatHeader/types/index.js";
 import { ChatHeader } from "../ChatHeader/ChatHeader.js";
 import "../ChatHeader/index.js";
+import { Disclaimer } from "../Disclaimer/Disclaimer.js";
+import "../Disclaimer/index.js";
 import { Unit } from "./hooks/useSnapCalculator.js";
 import { ModalSheet } from "./components/ModalSheet.js";
 import { FloatingChatComponents } from "./components/index.js";
@@ -23,13 +25,14 @@ import { jsx } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 
 //#region src/components/FloatingChat/FloatingChat.tsx
-const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
+const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
 	const finalTheme = resolveTheme(theme);
 	const [query, setQuery] = useState("");
 	const chatMessagesRef = useRef(null);
-	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards, welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText } = floatingChatConfig;
+	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards } = floatingChatConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
 	const { agentName, chatHeaderLogoDarkSrc, chatHeaderLogoLightSrc } = lookAndFeelConfig;
-	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted } = salesAgentData;
+	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
 	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = useChatSuggestions({
 		suggestions,
 		isPendingResponse,
@@ -41,7 +44,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 			onClose();
 		}
 	};
-	const { showScrollButton, scrollToBottom } = useScrollToBottom({
+	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, isFullView, isPartialView } = useSnapSetup({ isFloatingChatOpen });
+	const { showScrollButton, scrollToBottom, isFloatingLayout } = useScrollToBottom({
 		messagesRef: chatMessagesRef,
 		autoScrollDependencies: [
 			messages,
@@ -50,9 +54,11 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 			answerSuggestions,
 			generalSuggestions
 		],
-		scrollThreshold: 30
+		scrollThreshold: 100,
+		useFloatingLayout: isMobile && isPartialView,
+		footerHeight: 160,
+		isOpen: isFloatingChatOpen
 	});
-	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, shouldShowScrolled, isFullView, isPartialView } = useSnapSetup({ isFloatingChatOpen });
 	const { filteredMessages, hasFilteredMessages, handlePreviousDiscussions } = useFilteredChatMessages({
 		messages,
 		isMobile,
@@ -106,7 +112,7 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 	});
 	const footer = /* @__PURE__ */ jsx(ChatFooter, {
 		theme: finalTheme,
-		isScrolled: isMobile ? shouldShowScrolled : false,
+		isScrolled: isMobile ? isFloatingLayout : false,
 		onChange: setQuery,
 		onSubmit: () => {
 			onTypedMessageSubmitted({
@@ -147,7 +153,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		ignoreFirstModelResponse,
 		neverShowSingleProductCards,
 		showVerifiedBuyer,
-		isPartialView
+		isPartialView,
+		onFormResponseSubmitted
 	});
 	const answerSuggestionsComponent = /* @__PURE__ */ jsx(PromptCarousel, {
 		className: "envive-tw-flex envive-tw-justify-end envive-tw-p-4 [&>div>div]:envive-tw-items-end",
@@ -173,7 +180,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		welcomeMessage,
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
-		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0
 	});
 	const mobileLayout = /* @__PURE__ */ jsx(FloatingChatComponents.Layout, {
 		id,
@@ -186,7 +194,9 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		welcomeMessage,
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
-		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0,
+		isFloatingFooterLayout: isFloatingLayout
 	});
 	return isMobile ? /* @__PURE__ */ jsx(ModalSheet, {
 		animationKey,