impact-ui 4.0.4 → 4.0.5-alpha.2

package/dist/components/Chatbot/chatInput.js

@@ -4,6 +4,7 @@ import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/SaveOutlined.js";
 import TextareaAutosize from "react-textarea-autosize";
 import { getAssetUrl } from "../../utils/assetBase.js";
+import { onResize } from "../../utils/onResize.js";
 import { Button } from "../Button/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
@@ -14,6 +15,7 @@ const MicIcon = getAssetUrl("icons/chatBotMicIcon.svg");
 const RefreshIcon = getAssetUrl("icons/chatBotRefreshIcon.svg");
 const SendIcon = getAssetUrl("icons/chatBotSendIcon.svg");
 const ChatbotStopIcon = getAssetUrl("icons/chatbotStopIcon.svg");
+const COMPACT_INPUT_WIDTH = 480;
 function ChatInput({
   inputValue,
   setInputValue,
@@ -37,13 +39,21 @@ function ChatInput({
   customInputComponent
 }) {
   const { t } = useTranslation();
+  const containerRef = useRef(null);
   const inputRef = useRef(null);
+  const [isCompact, setIsCompact] = useState(false);
   const [isFixed, setIsFixed] = useState(false);
   const [isScrollable, setIsScrollable] = useState(false);
   const [height, setHeight] = useState("auto");
   const MAX_HEIGHT = 142;
   const handleHeightChange = (textareaHeight) => {
     if (!textareaHeight) return;
+    if (!inputValue.trim()) {
+      setIsFixed(false);
+      setIsScrollable(false);
+      setHeight("auto");
+      return;
+    }
     if (textareaHeight > 40) setIsFixed(true);
     setIsScrollable(textareaHeight >= MAX_HEIGHT);
     const newHeight = textareaHeight > (newChatScreen ? 88 : 40) ? textareaHeight + 40 : "auto";
@@ -55,6 +65,13 @@ function ChatInput({
       setIsFixed(false);
     }
   }, [inputValue]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    return onResize(container, ({ width }) => {
+      setIsCompact(width < COMPACT_INPUT_WIDTH);
+    });
+  }, []);
   const handleSendMessage = () => {
     var _a;
     setIsNewChat == null ? void 0 : setIsNewChat(false);
@@ -75,6 +92,7 @@ function ChatInput({
   return /* @__PURE__ */ jsxs(
     Box,
     {
+      ref: containerRef,
       className: `chat-input-box ${newChatScreen ? "new-chat-screen" : ""} ${customScreen ? "custom-screen" : ""}`,
       children: [
         showSuggestionBanner && /* @__PURE__ */ jsxs("div", { className: "suggestion-banner", children: [
@@ -125,7 +143,7 @@ function ChatInput({
                   {
                     icon: /* @__PURE__ */ jsx("img", { alt: "refresh", src: RefreshIcon }),
                     iconPlacement: "left",
-                    size: "large",
+                    size: isCompact ? "medium" : "large",
                     type: "default",
                     variant: "url",
                     onClick: handleRefresh
@@ -136,7 +154,7 @@ function ChatInput({
                   {
                     icon: /* @__PURE__ */ jsx("img", { alt: "mic", src: MicIcon }),
                     iconPlacement: "left",
-                    size: "large",
+                    size: isCompact ? "medium" : "large",
                     type: "default",
                     variant: "tertiary",
                     onClick: handleMicClick
@@ -148,7 +166,7 @@ function ChatInput({
                     icon: /* @__PURE__ */ jsx(default_1$1, {}),
                     iconPlacement: "left",
                     id: "chat-input-save-button",
-                    size: "large",
+                    size: isCompact ? "medium" : "large",
                     type: "default",
                     variant: "tertiary",
                     onClick: handleSaveChat
@@ -161,7 +179,7 @@ function ChatInput({
                     icon: !isStopIcon ? /* @__PURE__ */ jsx("img", { alt: "send", src: SendIcon }) : /* @__PURE__ */ jsx("img", { alt: "stop", src: ChatbotStopIcon }),
                     iconPlacement: "left",
                     id: "chat-input-send-button",
-                    size: "large",
+                    size: isCompact ? "medium" : "large",
                     type: "default",
                     variant: "primary",
                     onClick: !isStopIcon ? handleSendMessage : handleStopIconClick

package/dist/components/Chatbot/chatbotModuleMenu.d.ts

@@ -1,4 +1,4 @@
 import { ChatbotModuleMenuProps } from './Chatbot.types';
 
-export declare function ChatbotModuleMenu({ hideMenuArrow, onModuleClick, moduleList, activeList, hideChildren, isModuleListLoading, hideSmartBotIcon, hideCenterOptions, threadList: threadListProp, activeThread: activeThreadProp, handleSavedChat, onClose, isFullWidth, handleCloseThread: handleCloseThreadProp, handleThreadClick, onMinimiseChatBot, }: ChatbotModuleMenuProps): import("react").JSX.Element;
+export declare function ChatbotModuleMenu({ hideMenuArrow, onModuleClick, moduleList, activeList, hideChildren, isModuleListLoading, hideSmartBotIcon, hideCenterOptions, threadList: threadListProp, activeThread: activeThreadProp, handleSavedChat, onClose, isFullWidth, handleCloseThread: handleCloseThreadProp, handleThreadClick, onMinimiseChatBot, dragHandleProps, isCollapsed, onToggleCollapse, }: ChatbotModuleMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=chatbotModuleMenu.d.ts.map

package/dist/components/Chatbot/chatbotModuleMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbotModuleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatbotModuleMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAO9D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAoB,EACpB,mBAAmB,EACnB,gBAAwB,EACxB,iBAAyB,EACzB,UAAU,EAAE,cAAmB,EAC/B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,EACjB,iBAAiB,GAClB,EAAE,sBAAsB,+BAoPxB"}
+{"version":3,"file":"chatbotModuleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/chatbotModuleMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAS9D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,YAAoB,EACpB,mBAAmB,EACnB,gBAAwB,EACxB,iBAAyB,EACzB,UAAU,EAAE,cAAmB,EAC/B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAmB,EACnB,gBAAgB,GACjB,EAAE,sBAAsB,2CAgOxB"}

package/dist/components/Chatbot/chatbotModuleMenu.js

@@ -13,6 +13,8 @@ const ActiveIcon = getAssetUrl("icons/activeModuleIcon.svg");
 const HomeIcon = getAssetUrl("icons/chat-home-icon.svg");
 const CloseThreadIcon = getAssetUrl("icons/close.svg");
 const SmartBotIcon = getAssetUrl("icons/smartBotAlan.svg");
+const CollapseIcon = getAssetUrl("icons/Collapse.svg");
+const ExpandIcon = getAssetUrl("icons/expand-icon.svg");
 function ChatbotModuleMenu({
   hideMenuArrow,
   onModuleClick,
@@ -29,7 +31,10 @@ function ChatbotModuleMenu({
   isFullWidth,
   handleCloseThread: handleCloseThreadProp,
   handleThreadClick,
-  onMinimiseChatBot
+  onMinimiseChatBot,
+  dragHandleProps,
+  isCollapsed = false,
+  onToggleCollapse
 }) {
   var _a;
   const { t } = useTranslation();
@@ -62,210 +67,181 @@ function ChatbotModuleMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ jsxs("div", { className: "conversation-screen-container-header", children: [
-    /* @__PURE__ */ jsxs("div", { className: "left_logo_arrow_container", children: [
-      !hideSmartBotIcon && /* @__PURE__ */ jsx("div", { className: "conversation_chatbot_logo_container", children: /* @__PURE__ */ jsx("img", { alt: "smartbot", src: SmartBotIcon }) }),
-      !hideMenuArrow && /* @__PURE__ */ jsxs("div", { className: "menu_arrow", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            icon: isDropdownOpen ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
-            iconPlacement: "right",
-            size: hideChildren ? "small" : "medium",
-            type: "default",
-            variant: "text",
-            onClick: () => {
-              setIsDropdownOpen(!isDropdownOpen);
-            },
-            children: !hideChildren && t("chatBot.moduleMenu.module")
-          }
-        ),
-        isDropdownOpen && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `chatbot-component-header-dropdown-container ${isDropdownOpen ? "open" : ""}`,
-            style: {
-              width: 397,
-              position: "absolute",
-              boxShadow: "0px 1px 6px 0px #1933451A",
-              top: 52,
-              zIndex: 999999,
-              backgroundColor: "white",
-              padding: "16px",
-              borderRadius: "18px"
-            },
-            children: isModuleListLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
-              "div",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `conversation-screen-container-header ${dragHandleProps ? "draggable" : ""} ${isCollapsed ? "collapsed" : ""}`,
+      onPointerDown: dragHandleProps == null ? void 0 : dragHandleProps.onPointerDown,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "left_logo_arrow_container", children: [
+          !hideSmartBotIcon && /* @__PURE__ */ jsx("div", { className: "conversation_chatbot_logo_container", children: /* @__PURE__ */ jsx("img", { alt: "smartbot", draggable: false, src: SmartBotIcon }) }),
+          !hideMenuArrow && /* @__PURE__ */ jsxs("div", { className: "menu_arrow", children: [
+            /* @__PURE__ */ jsx(
+              Button,
               {
-                className: "chatbot-component-header-dropdown-item",
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  justifyContent: "center",
-                  backgroundColor: "white",
-                  gap: 16,
-                  cursor: "pointer"
+                icon: isDropdownOpen ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
+                iconPlacement: "right",
+                size: hideChildren ? "small" : "medium",
+                type: "default",
+                variant: "text",
+                onClick: () => {
+                  setIsDropdownOpen(!isDropdownOpen);
                 },
-                children: moduleList.map((module, idx) => /* @__PURE__ */ jsxs(
+                children: !hideChildren && t("chatBot.moduleMenu.module")
+              }
+            ),
+            isDropdownOpen && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `chatbot-component-header-dropdown-container ${isDropdownOpen ? "open" : ""}`,
+                children: isModuleListLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx("div", { className: `item ${isCollapsed ? "isCollapsed" : ""}`, children: moduleList.map((module, idx) => /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: "chatbot-component-header-dropdown-item-container",
-                    style: {
-                      display: "flex",
-                      height: 66,
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      padding: "12px"
-                    },
+                    className: `item-container ${isCollapsed ? "isCollapsed" : ""}`,
                     onClick: () => {
                       setActiveModule(module.name ?? "");
                       onModuleClick == null ? void 0 : onModuleClick(module.id, module.name, activeList);
                       setIsDropdownOpen(false);
                     },
                     children: [
-                      /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          className: "chatbot-component-header-dropdown-item-content",
-                          style: { display: "flex", alignItems: "center", gap: 10 },
-                          children: [
-                            typeof module.icon === "string" ? /* @__PURE__ */ jsx("img", { alt: module.key ?? module.name, src: module.icon }) : module.icon,
-                            /* @__PURE__ */ jsxs(
-                              "div",
-                              {
-                                className: "chatbot-component-header-dropdown-item-content-text",
-                                style: { display: "flex", flexDirection: "column" },
-                                children: [
-                                  /* @__PURE__ */ jsx(
-                                    "span",
-                                    {
-                                      className: "chatbot-component-header-dropdown-item-content-text-name",
-                                      style: {
-                                        fontWeight: 600,
-                                        fontSize: 16,
-                                        lineHeight: "24px",
-                                        color: "#1F2B4D"
-                                      },
-                                      children: module.name
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsx(
-                                    "span",
-                                    {
-                                      className: "chatbot-component-header-dropdown-item-content-text-description",
-                                      style: {
-                                        fontWeight: 500,
-                                        fontSize: 12,
-                                        lineHeight: "16px",
-                                        color: "#7A8294"
-                                      },
-                                      children: module.description
-                                    }
-                                  )
-                                ]
-                              }
-                            )
-                          ]
-                        }
-                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "item-content", children: [
+                        typeof module.icon === "string" ? /* @__PURE__ */ jsx("img", { alt: module.key ?? module.name, src: module.icon }) : module.icon,
+                        /* @__PURE__ */ jsxs("div", { className: "item-content-text", children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: `item-content-text-name ${isCollapsed ? "collapsed" : ""}`,
+                              children: module.name
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: `item-content-text-description ${isCollapsed ? "collapsed" : ""}`,
+                              children: module.description
+                            }
+                          )
+                        ] })
+                      ] }),
                       activeModule === module.name && /* @__PURE__ */ jsx("img", { alt: "active", src: ActiveIcon })
                     ]
                   },
                   `${module.id ?? module.name ?? idx}`
-                ))
+                )) })
               }
             )
-          }
-        )
-      ] })
-    ] }),
-    !hideCenterOptions && /* @__PURE__ */ jsxs("div", { className: "center_options_container", children: [
-      /* @__PURE__ */ jsx("div", { className: "left_tabs_container", children: /* @__PURE__ */ jsx("ul", { children: threadList.map((thread, idx) => /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: `${activeThread === thread ? "active" : ""} ${thread === "Home" ? "home" : ""}`,
-          role: "tab",
-          tabIndex: 0,
-          onClick: () => {
-            setActiveThread(thread);
-            handleThreadClick == null ? void 0 : handleThreadClick(thread, idx);
-          },
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              setActiveThread(thread);
-              handleThreadClick == null ? void 0 : handleThreadClick(thread, idx);
-            }
-          },
-          children: thread === "Home" ? /* @__PURE__ */ jsx("img", { alt: t("chatBot.moduleMenu.homeAlt"), src: HomeIcon }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            thread,
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "close_thread",
-                role: "button",
-                tabIndex: 0,
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    handleCloseThread(e, idx);
-                  }
-                },
-                children: /* @__PURE__ */ jsx(
-                  "img",
+          ] })
+        ] }),
+        !isCollapsed && !hideCenterOptions && /* @__PURE__ */ jsxs("div", { className: "center_options_container", children: [
+          /* @__PURE__ */ jsx("div", { className: "left_tabs_container", children: /* @__PURE__ */ jsx("ul", { children: threadList.map((thread, idx) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: `${activeThread === thread ? "active" : ""} ${thread === "Home" ? "home" : ""}`,
+              role: "tab",
+              tabIndex: 0,
+              onClick: () => {
+                setActiveThread(thread);
+                handleThreadClick == null ? void 0 : handleThreadClick(thread, idx);
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  setActiveThread(thread);
+                  handleThreadClick == null ? void 0 : handleThreadClick(thread, idx);
+                }
+              },
+              children: thread === "Home" ? /* @__PURE__ */ jsx("img", { alt: t("chatBot.moduleMenu.homeAlt"), draggable: false, src: HomeIcon }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                thread,
+                /* @__PURE__ */ jsx(
+                  "span",
                   {
-                    alt: t("chatBot.moduleMenu.closeThreadAlt"),
-                    src: CloseThreadIcon,
-                    onClick: (e) => {
-                      handleCloseThread(e, idx);
-                    }
+                    className: "close_thread",
+                    role: "button",
+                    tabIndex: 0,
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleCloseThread(e, idx);
+                      }
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        alt: t("chatBot.moduleMenu.closeThreadAlt"),
+                        draggable: false,
+                        src: CloseThreadIcon,
+                        onClick: (e) => {
+                          handleCloseThread(e, idx);
+                        }
+                      }
+                    )
                   }
                 )
-              }
-            )
-          ] })
-        },
-        idx
-      )) }) }),
-      /* @__PURE__ */ jsx("div", { className: "right_info_container" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "right_close_save_icon_container", children: [
-      onMinimiseChatBot && !isFullWidth && /* @__PURE__ */ jsx("div", { className: "minimise_icon_container", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: "chatbot-component-header-close-icon",
-          icon: /* @__PURE__ */ jsx(default_1$2, {}),
-          size: "small",
-          type: "default",
-          variant: "text",
-          onClick: onMinimiseChatBot
-        }
-      ) }),
-      handleSavedChat && /* @__PURE__ */ jsx("div", { className: "save_icon_container", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(default_1$3, {}),
-          iconPlacement: "left",
-          size: "small",
-          type: "default",
-          variant: "text",
-          onClick: handleSavedChat
-        }
-      ) }),
-      !isFullWidth && /* @__PURE__ */ jsx("div", { className: "close_icon_container", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(default_1$4, {}),
-          iconPlacement: "left",
-          size: "small",
-          type: "default",
-          variant: "text",
-          onClick: onClose
-        }
-      ) })
-    ] })
-  ] });
+              ] })
+            },
+            idx
+          )) }) }),
+          /* @__PURE__ */ jsx("div", { className: "right_info_container" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "right_close_save_icon_container", children: [
+          onMinimiseChatBot && !isFullWidth && /* @__PURE__ */ jsx("div", { className: "minimise_icon_container", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "chatbot-component-header-close-icon",
+              icon: /* @__PURE__ */ jsx(default_1$2, {}),
+              size: "small",
+              type: "default",
+              variant: "text",
+              onClick: onMinimiseChatBot
+            }
+          ) }),
+          handleSavedChat && /* @__PURE__ */ jsx("div", { className: "save_icon_container", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: /* @__PURE__ */ jsx(default_1$3, {}),
+              iconPlacement: "left",
+              size: "small",
+              type: "default",
+              variant: "text",
+              onClick: handleSavedChat
+            }
+          ) }),
+          onToggleCollapse && !isFullWidth && /* @__PURE__ */ jsx("div", { className: "collapse_icon_container", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": isCollapsed ? "Expand chatbot" : "Collapse chatbot",
+              icon: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  draggable: false,
+                  height: isCollapsed ? 24 : 26,
+                  src: isCollapsed ? ExpandIcon : CollapseIcon,
+                  width: isCollapsed ? 24 : 26
+                }
+              ),
+              size: "small",
+              type: "default",
+              variant: "text",
+              onClick: onToggleCollapse
+            }
+          ) }),
+          !isFullWidth && /* @__PURE__ */ jsx("div", { className: "close_icon_container", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: /* @__PURE__ */ jsx(default_1$4, {}),
+              iconPlacement: "left",
+              size: "small",
+              type: "default",
+              variant: "text",
+              onClick: onClose
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
 }
 export {
   ChatbotModuleMenu

package/dist/components/Chatbot/conversationScreen.d.ts

@@ -1,4 +1,4 @@
 import { ConversationScreenProps } from './Chatbot.types';
 
-export declare function ConversationScreen({ userChats, setUserChats, onSendIconClick, conversation, isAssistantThinking, activeList, onLikeClick, onDislikeClick, inputText, handleRefresh, handleSaveChat, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, }: ConversationScreenProps): import("react").JSX.Element;
+export declare function ConversationScreen({ userChats, setUserChats, onSendIconClick, conversation, isAssistantThinking, activeList, onLikeClick, onDislikeClick, inputText, handleRefresh, handleSaveChat, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, footerText, isCollapsed, }: ConversationScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=conversationScreen.d.ts.map

package/dist/components/Chatbot/conversationScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversationScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/conversationScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAe,uBAAuB,EAAsB,MAAM,iBAAiB,CAAC;AAEhG,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,EAAE,uBAAuB,+BAuNzB"}
+{"version":3,"file":"conversationScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/conversationScreen.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,uBAAuB,EAAsB,MAAM,iBAAiB,CAAC;AAEhG,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,GACZ,EAAE,uBAAuB,2CAwNzB"}

package/dist/components/Chatbot/conversationScreen.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, Fragment } from "react";
 import moment from "moment";
+import { ChatBotFooter } from "./chatBotFooter.js";
 import ChatInput from "./chatInput.js";
 import { getDateLabel, formatAMPM } from "./utils.js";
 import { useTranslation } from "../../i18n/useTranslation.js";
@@ -22,7 +23,9 @@ function ConversationScreen({
   onStopIconClick,
   onCloseSuggestionBanner,
   showSuggestionBanner,
-  customInputComponent
+  customInputComponent,
+  footerText,
+  isCollapsed
 }) {
   const { t, locale } = useTranslation();
   const [input, setInput] = useState(inputText ?? "");
@@ -86,7 +89,7 @@ function ConversationScreen({
       "div",
       {
         ref: conversationBodyRef,
-        className: `conversation-body-container ${showSuggestionBanner ? "show-suggestion-banner" : ""}`,
+        className: `conversation-body-container ${showSuggestionBanner ? "show-suggestion-banner" : ""} ${isCollapsed ? "collapsed" : ""}`,
         children: [
           conversationMessages.map((chat, idx) => {
             var _a, _b, _c;
@@ -195,7 +198,8 @@ function ConversationScreen({
         onSendIconClick,
         onStopIconClick
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx(ChatBotFooter, { footerText })
   ] });
 }
 export {

package/dist/components/Chatbot/customScreen.d.ts

@@ -1,4 +1,4 @@
 import { CustomScreenProps } from './Chatbot.types';
 
-export declare function CustomScreen({ onClose, customScreenJsx, userChats, setUserChats, onSendIconClick, activeList, handleRefresh, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, isFullWidth, }: CustomScreenProps): import("react").JSX.Element;
+export declare function CustomScreen({ onClose, customScreenJsx, userChats, setUserChats, onSendIconClick, activeList, handleRefresh, handleMicClick, suggestionBanner, isStopIcon, onStopIconClick, onCloseSuggestionBanner, showSuggestionBanner, customInputComponent, isFullWidth, footerText, }: CustomScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=customScreen.d.ts.map

package/dist/components/Chatbot/customScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/customScreen.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,GACZ,EAAE,iBAAiB,+BA2CnB"}
+{"version":3,"file":"customScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/customScreen.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,UAAU,GACX,EAAE,iBAAiB,2CA0CnB"}

package/dist/components/Chatbot/customScreen.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
 import { Button } from "../Button/index.js";
+import { ChatBotFooter } from "./chatBotFooter.js";
 import ChatInput from "./chatInput.js";
 function CustomScreen({
   onClose,
@@ -18,7 +19,8 @@ function CustomScreen({
   onCloseSuggestionBanner,
   showSuggestionBanner,
   customInputComponent,
-  isFullWidth
+  isFullWidth,
+  footerText
 }) {
   const [input, setInput] = useState("");
   return /* @__PURE__ */ jsxs("div", { className: "chatbot-landing-screen-container", style: { pointerEvents: "auto" }, children: [
@@ -34,30 +36,29 @@ function CustomScreen({
         onClick: onClose
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: "chatbot-landing-screen-container-body", children: [
-      customScreenJsx,
-      /* @__PURE__ */ jsx("div", { className: "conversation-footer-container", children: /* @__PURE__ */ jsx(
-        ChatInput,
-        {
-          customScreen: true,
-          activeList,
-          customInputComponent,
-          handleMicClick,
-          handleRefresh,
-          inputValue: input,
-          isStopIcon,
-          minRows: 1,
-          setInputValue: setInput,
-          setUserChats,
-          showSuggestionBanner,
-          suggestionBanner,
-          userChats,
-          onCloseSuggestionBanner,
-          onSendIconClick,
-          onStopIconClick
-        }
-      ) })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "chatbot-landing-screen-container-body", children: customScreenJsx }),
+    /* @__PURE__ */ jsx("div", { className: "conversation-footer-container", children: /* @__PURE__ */ jsx(
+      ChatInput,
+      {
+        customScreen: true,
+        activeList,
+        customInputComponent,
+        handleMicClick,
+        handleRefresh,
+        inputValue: input,
+        isStopIcon,
+        minRows: 1,
+        setInputValue: setInput,
+        setUserChats,
+        showSuggestionBanner,
+        suggestionBanner,
+        userChats,
+        onCloseSuggestionBanner,
+        onSendIconClick,
+        onStopIconClick
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ChatBotFooter, { footerText })
   ] });
 }
 export {

package/dist/components/Chatbot/historyPanel.d.ts

@@ -1,4 +1,4 @@
 import { HistoryPanelProps } from './Chatbot.types';
 
-export declare function HistoryPanel({ historyPanelData, onClose, onSearchChange, onSelectConversation, onToggleGroup, openGroups, onMenuAction, }: HistoryPanelProps): import("react").JSX.Element;
+export declare function HistoryPanel({ historyPanelData, onClose, onSearchChange, onSelectConversation, onToggleGroup, openGroups, onMenuAction, }: HistoryPanelProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=historyPanel.d.ts.map