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

package/dist/Disclaimer/components/Container.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.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_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);

package/dist/Disclaimer/components/Container.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
 

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts

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

package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts

@@ -1,5 +1,5 @@
 import { DocumentRetrievalCardProps } from "./types/index.js";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime26 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_runtime21.JSX.Element;
+}: DocumentRetrievalCardProps) => react_jsx_runtime26.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_Container = require('../../Container/Container.cjs');
-require('../../Container/index.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_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 { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/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/FloatingButton/FloatingButton.d.cts

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

package/dist/FloatingChat/FloatingChat.cjs

@@ -21,13 +21,13 @@ const require_useSnapSetup = require('./hooks/useSnapSetup.cjs');
 const require_useChatSuggestions = require('./hooks/useChatSuggestions.cjs');
 const require_WelcomeMessage = require('../WelcomeMessage/WelcomeMessage.cjs');
 const require_useFilteredChatMessages = require('./hooks/useFilteredChatMessages.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 
 //#region src/components/FloatingChat/FloatingChat.tsx
-const FloatingChat = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
+const FloatingChat = ({ id, className, style, testId, theme = require_theme.Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, debugBar, onClose, onToggleCXButton }) => {
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const [query, setQuery] = (0, react.useState)("");
 	const chatMessagesRef = (0, react.useRef)(null);
@@ -119,7 +119,8 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		onSubmit: () => {
 			onTypedMessageSubmitted({
 				query,
-				userTyped: true
+				userTyped: true,
+				displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_TEXT_INPUT
 			});
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
@@ -183,7 +184,8 @@ const FloatingChat = ({ id, className, style, testId, theme = require_theme.Them
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : 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
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Disclaimer.Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0,
+		debugBar
 	});
 	const mobileLayout = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FloatingChatComponents.Layout, {
 		id,

package/dist/FloatingChat/FloatingChat.d.cts

@@ -1,5 +1,5 @@
 import { FloatingChatProps } from "./types/types.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -14,8 +14,9 @@ declare const FloatingChat: ({
   lookAndFeelConfig,
   isCXButtonSwitchEnabled,
   isFloatingChatOpen,
+  debugBar,
   onClose,
   onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime2.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime34.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_runtime22 from "react/jsx-runtime";
 
 //#region src/components/FloatingChat/FloatingChat.d.ts
 declare const FloatingChat: ({
@@ -14,8 +14,9 @@ declare const FloatingChat: ({
   lookAndFeelConfig,
   isCXButtonSwitchEnabled,
   isFloatingChatOpen,
+  debugBar,
   onClose,
   onToggleCXButton
-}: FloatingChatProps) => react_jsx_runtime23.JSX.Element;
+}: FloatingChatProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { FloatingChat };

package/dist/FloatingChat/FloatingChat.js

@@ -20,13 +20,13 @@ import { useSnapSetup } from "./hooks/useSnapSetup.js";
 import { useChatSuggestions } from "./hooks/useChatSuggestions.js";
 import { WelcomeMessage } from "../WelcomeMessage/WelcomeMessage.js";
 import { useFilteredChatMessages } from "./hooks/useFilteredChatMessages.js";
-import { jsx } from "react/jsx-runtime";
 import { useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/FloatingChat/FloatingChat.tsx
-const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, onClose, onToggleCXButton }) => {
+const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTOM, salesAgentData, floatingChatConfig, hardcopyContent, lookAndFeelConfig, isCXButtonSwitchEnabled, isFloatingChatOpen, debugBar, onClose, onToggleCXButton }) => {
 	const finalTheme = resolveTheme(theme);
 	const [query, setQuery] = useState("");
 	const chatMessagesRef = useRef(null);
@@ -118,7 +118,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		onSubmit: () => {
 			onTypedMessageSubmitted({
 				query,
-				userTyped: true
+				userTyped: true,
+				displayLocation: ChatElementDisplayLocationV3.FLOATING_CHAT_TEXT_INPUT
 			});
 			setAnswerSuggestions([]);
 			setGeneralSuggestions([]);
@@ -182,7 +183,8 @@ const FloatingChat = ({ id, className, style, testId, theme = Theme.GLOBAL_CUSTO
 		chatMessages,
 		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
 		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ jsx(FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
-		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0
+		disclaimer: disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ jsx(Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0,
+		debugBar
 	});
 	const mobileLayout = /* @__PURE__ */ jsx(FloatingChatComponents.Layout, {
 		id,

package/dist/FloatingChat/components/ChatMessages.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_index$1 = require('../../Message/types/index.cjs');
 const require_Message = require('../../Message/Message.cjs');
 require('../../Message/index.cjs');
@@ -13,8 +13,8 @@ const require_UserMessage = require('./UserMessage.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_AgentMessage = require('./AgentMessage.cjs');
 const require_MessageDivider = require('./MessageDivider.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");

package/dist/FloatingChat/components/ChatMessages.js

@@ -1,10 +1,10 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
 import { MessageVariant } from "../../Message/types/index.js";
 import { Message } from "../../Message/Message.js";
 import "../../Message/index.js";
@@ -12,8 +12,8 @@ import { UserMessage } from "./UserMessage.js";
 import { checkIfHideAgentName, getGroupableMessages } from "../utils/functions.js";
 import { AgentMessage } from "./AgentMessage.js";
 import { MessageDivider } from "./MessageDivider.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 

package/dist/FloatingChat/components/Layout.cjs

@@ -1,17 +1,17 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
-const require_Container = require('../../Container/Container.cjs');
-require('../../Container/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
+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);
 
 //#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

@@ -1,15 +1,15 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
 import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 
 //#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/ModalSheet.cjs

@@ -1,13 +1,12 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_useSnapControl = require('../hooks/useSnapControl.cjs');
 const require_usePreventScroll = require('../hooks/usePreventScroll.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
 
 //#region src/components/FloatingChat/components/ModalSheet.tsx
-const BOTTOM_OFFSET = 100;
 const ModalSheet = ({ animationKey, children, open, height, unit, snaps = [], initSnap = 0, handler, animation = {
 	type: "spring",
 	stiffness: 300,
@@ -132,7 +131,7 @@ const ModalSheet = ({ animationKey, children, open, height, unit, snaps = [], in
 			},
 			initial: { y: swipeviewHeightPx },
 			animate: { y: initSnapInPixels },
-			exit: { y: swipeviewHeightPx + BOTTOM_OFFSET },
+			exit: { y: swipeviewHeightPx },
 			transition: animation,
 			onDragEnd: handleDragEnd,
 			onClick: expandToFullView,
@@ -152,16 +151,16 @@ const ModalSheet = ({ animationKey, children, open, height, unit, snaps = [], in
 			onTouchEnd: handleTouchEnd,
 			onTouchMove: (event) => handleContentGesture(event.touches[0].clientX, event.touches[0].clientY),
 			onPointerMove: disableDrag ? void 0 : (event) => handleContentGesture(event.clientX, event.clientY),
-			initial: { y: swipeviewHeightPx + BOTTOM_OFFSET },
+			initial: { y: swipeviewHeightPx },
 			animate: { y: initSnapInPixels },
-			exit: { y: swipeviewHeightPx + BOTTOM_OFFSET },
+			exit: { y: swipeviewHeightPx },
 			transition: animation,
 			style: {
 				y: animatedY,
 				width: "100%",
-				height: swipeviewHeightPx + BOTTOM_OFFSET,
+				height: swipeviewHeightPx,
 				position: "fixed",
-				bottom: -BOTTOM_OFFSET + 2,
+				bottom: 0,
 				right: 0,
 				boxSizing: "content-box",
 				zIndex: 2147483646

package/dist/FloatingChat/components/ModalSheet.js

@@ -1,11 +1,10 @@
 import { useSnapControl } from "../hooks/useSnapControl.js";
 import { usePreventScroll } from "../hooks/usePreventScroll.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useImperativeHandle } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion, useAnimate } from "framer-motion";
 
 //#region src/components/FloatingChat/components/ModalSheet.tsx
-const BOTTOM_OFFSET = 100;
 const ModalSheet = ({ animationKey, children, open, height, unit, snaps = [], initSnap = 0, handler, animation = {
 	type: "spring",
 	stiffness: 300,
@@ -130,7 +129,7 @@ const ModalSheet = ({ animationKey, children, open, height, unit, snaps = [], in
 			},
 			initial: { y: swipeviewHeightPx },
 			animate: { y: initSnapInPixels },
-			exit: { y: swipeviewHeightPx + BOTTOM_OFFSET },
+			exit: { y: swipeviewHeightPx },
 			transition: animation,
 			onDragEnd: handleDragEnd,
 			onClick: expandToFullView,
@@ -150,16 +149,16 @@ const ModalSheet = ({ animationKey, children, open, height, unit, snaps = [], in
 			onTouchEnd: handleTouchEnd,
 			onTouchMove: (event) => handleContentGesture(event.touches[0].clientX, event.touches[0].clientY),
 			onPointerMove: disableDrag ? void 0 : (event) => handleContentGesture(event.clientX, event.clientY),
-			initial: { y: swipeviewHeightPx + BOTTOM_OFFSET },
+			initial: { y: swipeviewHeightPx },
 			animate: { y: initSnapInPixels },
-			exit: { y: swipeviewHeightPx + BOTTOM_OFFSET },
+			exit: { y: swipeviewHeightPx },
 			transition: animation,
 			style: {
 				y: animatedY,
 				width: "100%",
-				height: swipeviewHeightPx + BOTTOM_OFFSET,
+				height: swipeviewHeightPx,
 				position: "fixed",
-				bottom: -BOTTOM_OFFSET + 2,
+				bottom: 0,
 				right: 0,
 				boxSizing: "content-box",
 				zIndex: 2147483646

package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.cjs

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

package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.js

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

package/dist/FloatingChat/components/ScrollToBottomButton.cjs

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_ArrowUp = require("@envive-ai/react-icons/ArrowUp");
 __envive_ai_react_icons_ArrowUp = require_rolldown_runtime.__toESM(__envive_ai_react_icons_ArrowUp);
 

package/dist/FloatingChat/components/ScrollToBottomButton.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Children, cloneElement } from "react";
+import { jsx } from "react/jsx-runtime";
 import ArrowUp from "@envive-ai/react-icons/ArrowUp";
 
 //#region src/components/FloatingChat/components/ScrollToBottomButton.tsx

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

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

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

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

package/dist/Form/Form.cjs

@@ -4,8 +4,8 @@ const require_useFormsTextFieldValues = require('./hooks/useFormsTextFieldValues
 const require_buildSubmitButtonElement = require('./utils/buildSubmitButtonElement.cjs');
 const require_handleFormsSubmit = require('./utils/handleFormsSubmit.cjs');
 const require_mapTextFields = require('./utils/mapTextFields.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 

package/dist/Form/Form.js

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