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

package/dist/DocumentRetrievalCard/components/Layout.cjs

@@ -7,9 +7,9 @@ const require_useGetThemeProperties = require('../hooks/useGetThemeProperties.cj
 const require_useGetStackLayoutProperties = require('../hooks/useGetStackLayoutProperties.cjs');
 const require_useGetCardWidthProperties = require('../hooks/useGetCardWidthProperties.cjs');
 const require_useGetPaddingProperties = require('../hooks/useGetPaddingProperties.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/DocumentRetrievalCard/components/Layout.tsx
 const Layout = ({ content, image, viewArticleButton, id, testId, className, style, theme, ariaLabel }) => {

package/dist/DocumentRetrievalCard/components/Layout.js

@@ -6,8 +6,8 @@ import { useGetThemeProperties } from "../hooks/useGetThemeProperties.js";
 import { useGetStackLayoutProperties } from "../hooks/useGetStackLayoutProperties.js";
 import { useGetCardWidthProperties } from "../hooks/useGetCardWidthProperties.js";
 import { useGetPaddingProperties } from "../hooks/useGetPaddingProperties.js";
-import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/DocumentRetrievalCard/components/Layout.tsx
 const Layout = ({ content, image, viewArticleButton, id, testId, className, style, theme, ariaLabel }) => {

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

@@ -2,9 +2,9 @@ const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.
 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);
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_Document = require("@envive-ai/react-icons/Document");
 __envive_ai_react_icons_Document = require_rolldown_runtime.__toESM(__envive_ai_react_icons_Document);
 

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

@@ -1,8 +1,8 @@
 import { Stack } from "../../../../Stack/Stack.js";
 import "../../../../Stack/index.js";
 import { CustomIcon } from "../../../../utils/CustomIcon.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 import Document from "@envive-ai/react-icons/Document";
 
 //#region src/components/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.tsx

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

@@ -5,9 +5,9 @@ const require_index = require('../../../../Typography/types/index.cjs');
 const require_Typography = require('../../../../Typography/Typography.cjs');
 require('../../../../Typography/index.cjs');
 const require_useGetLabelUnderlineProperties = require('../../../hooks/useGetLabelUnderlineProperties.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/DocumentRetrievalCard/components/ViewArticleButton/components/Label.tsx
 const Label = ({ viewArticleLabel, typographyVariant, shouldUnderline = false, textCaseClassName }) => {

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

@@ -4,8 +4,8 @@ import { TypographyColor } from "../../../../Typography/types/index.js";
 import { Typography } from "../../../../Typography/Typography.js";
 import "../../../../Typography/index.js";
 import { useGetLabelUnderlineProperties } from "../../../hooks/useGetLabelUnderlineProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/DocumentRetrievalCard/components/ViewArticleButton/components/Label.tsx
 const Label = ({ viewArticleLabel, typographyVariant, shouldUnderline = false, textCaseClassName }) => {

package/dist/DocumentRetrievalCard/components/ViewArticleButton/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/DocumentRetrievalCard/components/ViewArticleButton/components/Layout.tsx
 const Layout = ({ icon, label, onClick, className, ariaLabel }) => {

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

@@ -1,7 +1,7 @@
 import { Stack } from "../../../../Stack/Stack.js";
 import "../../../../Stack/index.js";
-import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/DocumentRetrievalCard/components/ViewArticleButton/components/Layout.tsx
 const Layout = ({ icon, label, onClick, className, ariaLabel }) => {

package/dist/FloatingButton/FloatingButton.d.cts

@@ -1,5 +1,5 @@
 import { FloatingButtonProps } from "./types/types.cjs";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime24 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_runtime20.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime24.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_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime24 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_runtime34.JSX.Element;
+}: FloatingButtonProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { FloatingButton };

package/dist/FloatingButton/components/Button.cjs

@@ -2,9 +2,9 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_types = require('../types/types.cjs');
 const require_useGetButtonProperties = require('../hooks/useGetButtonProperties.cjs');
 const require_useGetButtonHoverProperties = require('../hooks/useGetButtonHoverProperties.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/FloatingButton/components/Button.tsx
 const Button = ({ variant = require_types.FloatingButtonVariant.ATTACHED, mode = require_types.FloatingButtonMode.LIGHT, backgroundColor, onClick, children, className = "", ariaLabel }) => {

package/dist/FloatingButton/components/Button.js

@@ -1,8 +1,8 @@
 import { FloatingButtonMode, FloatingButtonVariant } from "../types/types.js";
 import { useGetButtonProperties } from "../hooks/useGetButtonProperties.js";
 import { useGetButtonHoverProperties } from "../hooks/useGetButtonHoverProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/FloatingButton/components/Button.tsx
 const Button = ({ variant = FloatingButtonVariant.ATTACHED, mode = FloatingButtonMode.LIGHT, backgroundColor, onClick, children, className = "", ariaLabel }) => {

package/dist/FloatingButton/components/Container.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_types = require('../types/types.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.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/FloatingButton/components/Container.tsx
 const Container = ({ location = require_types.FloatingButtonLocation.BOTTOM_RIGHT, show = require_types.FloatingButtonShow.ALWAYS, variant = require_types.FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, children, id, testId, className = "", style, previewMode = false }) => {

package/dist/FloatingButton/components/Container.js

@@ -1,7 +1,7 @@
 import { FloatingButtonLocation, FloatingButtonShow, FloatingButtonVariant } from "../types/types.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/FloatingButton/components/Container.tsx
 const Container = ({ location = FloatingButtonLocation.BOTTOM_RIGHT, show = FloatingButtonShow.ALWAYS, variant = FloatingButtonVariant.ATTACHED, hasInteractionHappened = false, children, id, testId, className = "", style, previewMode = false }) => {

package/dist/FloatingButton/components/Wrapper.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_types = require('../types/types.cjs');
 const require_useGetWrapperProperties = require('../hooks/useGetWrapperProperties.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/FloatingButton/components/Wrapper.tsx
 const Wrapper = ({ location = require_types.FloatingButtonLocation.BOTTOM_RIGHT, children, className = "" }) => {

package/dist/FloatingButton/components/Wrapper.js

@@ -1,7 +1,7 @@
 import { FloatingButtonLocation } from "../types/types.js";
 import { useGetWrapperProperties } from "../hooks/useGetWrapperProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/FloatingButton/components/Wrapper.tsx
 const Wrapper = ({ location = FloatingButtonLocation.BOTTOM_RIGHT, children, className = "" }) => {

package/dist/FloatingChat/FloatingChat.cjs

@@ -31,8 +31,8 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 	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 } = floatingChatConfig;
-	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
+	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards, partialViewConfig } = floatingChatConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText, leftToggleLabel, rightToggleLabel } = hardcopyContent?.values ?? {};
 	const { agentName, chatHeaderLogoDarkSrc, chatHeaderLogoLightSrc } = lookAndFeelConfig;
 	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
 	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = require_useChatSuggestions.useChatSuggestions({
@@ -46,7 +46,10 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 			onClose();
 		}
 	};
-	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, isFullView, isPartialView } = require_useSnapSetup.useSnapSetup({ isFloatingChatOpen });
+	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, isFullView, isPartialView } = require_useSnapSetup.useSnapSetup({
+		isFloatingChatOpen,
+		partialViewDisabled: partialViewConfig?.disabled ?? false
+	});
 	const { showScrollButton, scrollToBottom, isFloatingLayout } = require_useScrollToBottom.useScrollToBottom({
 		messagesRef: chatMessagesRef,
 		autoScrollDependencies: [
@@ -79,7 +82,9 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		showHandle: false,
 		theme: finalTheme,
 		variant: headerMode,
-		headerBgColor: headerBackgroundColor
+		headerBgColor: headerBackgroundColor,
+		leftToggleLabel,
+		rightToggleLabel
 	});
 	const mobileHeader = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		style: {
@@ -97,7 +102,9 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 			centralizeCXToggle: true,
 			selectedOption: require_index.ChatHeaderOptions.ASSISTANT,
 			onToggle: handleToggleCXButton,
-			onClose
+			onClose,
+			leftToggleLabel,
+			rightToggleLabel
 		})
 	});
 	const handler = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatHeader.ChatHeader, {

package/dist/FloatingChat/FloatingChat.d.cts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.cjs";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -17,6 +17,6 @@ declare const FloatingChat: ({
   debugBar,
   onClose,
   onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime6.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime16.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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -17,6 +17,6 @@ declare const FloatingChat: ({
   debugBar,
   onClose,
   onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime8.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { FloatingChat };

package/dist/FloatingChat/FloatingChat.js

@@ -30,8 +30,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 	const finalTheme = resolveTheme(theme);
 	const [query, setQuery] = useState("");
 	const chatMessagesRef = useRef(null);
-	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards } = floatingChatConfig;
-	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
+	const { headerBackgroundColor, headerMode, welcomeMessageIconColor, showVerifiedBuyer, userQueryInputEnabled = true, showEnviveLogo, ignoreFirstModelResponse, neverShowSingleProductCards, partialViewConfig } = floatingChatConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText, leftToggleLabel, rightToggleLabel } = hardcopyContent?.values ?? {};
 	const { agentName, chatHeaderLogoDarkSrc, chatHeaderLogoLightSrc } = lookAndFeelConfig;
 	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
 	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = useChatSuggestions({
@@ -45,7 +45,10 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 			onClose();
 		}
 	};
-	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, isFullView, isPartialView } = useSnapSetup({ isFloatingChatOpen });
+	const { modalSheetControl, maxSwipeableViewHeight, isOpen, isMobile, snaps, initialSnap, shouldAutoExpand, currentSnapPercentage, handleSnapChange, animationKey, mobileHeaderHeight, shouldShowHeader, isFullView, isPartialView } = useSnapSetup({
+		isFloatingChatOpen,
+		partialViewDisabled: partialViewConfig?.disabled ?? false
+	});
 	const { showScrollButton, scrollToBottom, isFloatingLayout } = useScrollToBottom({
 		messagesRef: chatMessagesRef,
 		autoScrollDependencies: [
@@ -78,7 +81,9 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		showHandle: false,
 		theme: finalTheme,
 		variant: headerMode,
-		headerBgColor: headerBackgroundColor
+		headerBgColor: headerBackgroundColor,
+		leftToggleLabel,
+		rightToggleLabel
 	});
 	const mobileHeader = /* @__PURE__ */ jsx(motion.div, {
 		style: {
@@ -96,7 +101,9 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 			centralizeCXToggle: true,
 			selectedOption: ChatHeaderOptions.ASSISTANT,
 			onToggle: handleToggleCXButton,
-			onClose
+			onClose,
+			leftToggleLabel,
+			rightToggleLabel
 		})
 	});
 	const handler = /* @__PURE__ */ jsx(ChatHeader, {

package/dist/FloatingChat/components/AgentMessage.cjs

@@ -17,7 +17,7 @@ let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 
 //#region src/components/FloatingChat/components/AgentMessage.tsx
-const AgentMessage = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, agentName, type, messages, hideAgentName = false, isResponseStreaming = false, neverShowSingleProductCards = false, showVerifiedBuyer = false, isPartialView, onFormResponseSubmitted }) => {
+const AgentMessage = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, agentName, type, messages, hideAgentName = false, isResponseStreaming = false, isPendingResponse = false, neverShowSingleProductCards = false, showVerifiedBuyer = false, isPartialView, onFormResponseSubmitted }) => {
 	const handleFormSubmittedAtomFallback = require_react.useSetAtom(__envive_ai_react_hooks_atoms_chat.handleFormSubmittedAtom);
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	if (new Set([
@@ -28,7 +28,7 @@ const AgentMessage = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, agentName, ty
 		if (msg.type === __envive_ai_react_hooks_application_models.MessageType.Text && msg.metadata.content) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Message.Message, {
 			variant: require_index.MessageVariant.AGENT,
 			agentName: hideAgentName ? void 0 : agentName,
-			showSparkle: isResponseStreaming,
+			showSparkle: isResponseStreaming || isPendingResponse,
 			content: msg.metadata.content
 		}, msg.id);
 		return null;

package/dist/FloatingChat/components/AgentMessage.js

@@ -16,7 +16,7 @@ import { MessageType } from "@envive-ai/react-hooks/application/models";
 import { handleFormSubmittedAtom } from "@envive-ai/react-hooks/atoms/chat";
 
 //#region src/components/FloatingChat/components/AgentMessage.tsx
-const AgentMessage = ({ theme = Theme.GLOBAL_CUSTOM, agentName, type, messages, hideAgentName = false, isResponseStreaming = false, neverShowSingleProductCards = false, showVerifiedBuyer = false, isPartialView, onFormResponseSubmitted }) => {
+const AgentMessage = ({ theme = Theme.GLOBAL_CUSTOM, agentName, type, messages, hideAgentName = false, isResponseStreaming = false, isPendingResponse = false, neverShowSingleProductCards = false, showVerifiedBuyer = false, isPartialView, onFormResponseSubmitted }) => {
 	const handleFormSubmittedAtomFallback = useSetAtom(handleFormSubmittedAtom);
 	const finalTheme = resolveTheme(theme);
 	if (new Set([
@@ -27,7 +27,7 @@ const AgentMessage = ({ theme = Theme.GLOBAL_CUSTOM, agentName, type, messages,
 		if (msg.type === MessageType.Text && msg.metadata.content) return /* @__PURE__ */ jsx(Message, {
 			variant: MessageVariant.AGENT,
 			agentName: hideAgentName ? void 0 : agentName,
-			showSparkle: isResponseStreaming,
+			showSparkle: isResponseStreaming || isPendingResponse,
 			content: msg.metadata.content
 		}, msg.id);
 		return null;

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
@@ -66,6 +66,7 @@ const ChatMessages = (0, react.forwardRef)(({ theme = require_theme.Theme.GLOBAL
 								type,
 								messages: assistantMessages,
 								isResponseStreaming: isResponseStreaming && isLastMessageTurn,
+								isPendingResponse: isLoading && isLastMessageTurn,
 								neverShowSingleProductCards,
 								showVerifiedBuyer,
 								isPartialView,
@@ -78,7 +79,6 @@ const ChatMessages = (0, react.forwardRef)(({ theme = require_theme.Theme.GLOBAL
 			}),
 			isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Message.Message, {
 				isLoading: true,
-				agentName,
 				variant: require_index$1.MessageVariant.AGENT
 			})
 		]

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 classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/FloatingChat/components/ChatMessages.tsx
@@ -64,6 +64,7 @@ const ChatMessages = forwardRef(({ theme = Theme.GLOBAL_CUSTOM, className, agent
 								type,
 								messages: assistantMessages,
 								isResponseStreaming: isResponseStreaming && isLastMessageTurn,
+								isPendingResponse: isLoading && isLastMessageTurn,
 								neverShowSingleProductCards,
 								showVerifiedBuyer,
 								isPartialView,
@@ -76,7 +77,6 @@ const ChatMessages = forwardRef(({ theme = Theme.GLOBAL_CUSTOM, className, agent
 			}),
 			isLoading && /* @__PURE__ */ jsx(Message, {
 				isLoading: true,
-				agentName,
 				variant: MessageVariant.AGENT
 			})
 		]

package/dist/FloatingChat/components/Layout.cjs

@@ -6,9 +6,9 @@ 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, debugBar }) => {

package/dist/FloatingChat/components/Layout.js

@@ -5,8 +5,8 @@ import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";
 import { isValidElement } from "react";
-import classNames from "classnames";
 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, debugBar }) => {

package/dist/FloatingChat/hooks/useSnapSetup.cjs

@@ -4,18 +4,21 @@ let react = require("react");
 let framer_motion = require("framer-motion");
 
 //#region src/components/FloatingChat/hooks/useSnapSetup.ts
-const useSnapSetup = ({ isFloatingChatOpen }) => {
+const useSnapSetup = ({ isFloatingChatOpen, partialViewDisabled }) => {
 	const maxSwipeableViewHeight = 89;
 	const modalSheetControl = (0, react.useRef)(null);
 	const { viewportWidth } = require_useCheckIsMobile.useCheckIsMobile();
 	const isMobile = viewportWidth !== void 0 && viewportWidth < 512;
 	const shouldAutoExpand = Boolean(isMobile && window?._spiffy?.selectedCustomizeOption);
-	const snaps = shouldAutoExpand ? [43, 100] : [
-		0,
-		43,
-		100
-	];
-	const initialSnap = 1;
+	const snaps = (() => {
+		if (partialViewDisabled) return shouldAutoExpand ? [100] : [0, 100];
+		return shouldAutoExpand ? [43, 100] : [
+			0,
+			43,
+			100
+		];
+	})();
+	const initialSnap = partialViewDisabled ? shouldAutoExpand ? 0 : 1 : 1;
 	const [currentSnapPercentage, setCurrentSnapPercentage] = (0, react.useState)(snaps[initialSnap] || 43);
 	const animationKey = (0, framer_motion.useMotionValue)(0);
 	const snap43Percent = 57 / 100 * window.innerHeight;

package/dist/FloatingChat/hooks/useSnapSetup.js

@@ -3,18 +3,21 @@ import { useEffect, useRef, useState } from "react";
 import { useMotionValue, useTransform } from "framer-motion";
 
 //#region src/components/FloatingChat/hooks/useSnapSetup.ts
-const useSnapSetup = ({ isFloatingChatOpen }) => {
+const useSnapSetup = ({ isFloatingChatOpen, partialViewDisabled }) => {
 	const maxSwipeableViewHeight = 89;
 	const modalSheetControl = useRef(null);
 	const { viewportWidth } = useCheckIsMobile();
 	const isMobile = viewportWidth !== void 0 && viewportWidth < 512;
 	const shouldAutoExpand = Boolean(isMobile && window?._spiffy?.selectedCustomizeOption);
-	const snaps = shouldAutoExpand ? [43, 100] : [
-		0,
-		43,
-		100
-	];
-	const initialSnap = 1;
+	const snaps = (() => {
+		if (partialViewDisabled) return shouldAutoExpand ? [100] : [0, 100];
+		return shouldAutoExpand ? [43, 100] : [
+			0,
+			43,
+			100
+		];
+	})();
+	const initialSnap = partialViewDisabled ? shouldAutoExpand ? 0 : 1 : 1;
 	const [currentSnapPercentage, setCurrentSnapPercentage] = useState(snaps[initialSnap] || 43);
 	const animationKey = useMotionValue(0);
 	const snap43Percent = 57 / 100 * window.innerHeight;

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 classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#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 classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#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 classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#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 classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/Form/components/TextFieldItem.tsx
 const TextFieldItem = ({ label, value, onChange, type, error, ariaLabel, id, testId, className, style }) => {

package/dist/FullPageSalesAgent/FullPageSalesAgent.d.cts

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

package/dist/FullPageSalesAgent/FullPageSalesAgent.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { FloatingChatConfig, LookAndFeelConfig } from "@envive-ai/react-hooks/contexts/typesV3";
 import { HardcopyResponse } from "@envive-ai/react-hooks/contexts/hardcopyContext";
 
@@ -19,6 +19,6 @@ declare const FullPageSalesAgent: ({
   hardcopyContent,
   headerContainer,
   autoHeight
-}: FullPageSalesAgentProps) => react_jsx_runtime21.JSX.Element;
+}: FullPageSalesAgentProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { FullPageSalesAgent };

package/dist/FullPageSalesAgent/components/Layout.cjs

@@ -6,9 +6,9 @@ const require_useGetContainerStyles = require('../hooks/useGetContainerStyles.cj
 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);
-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 }) => {