impact-chatbot 2.3.75 → 2.3.77

package/dist/index.cjs.js

@@ -5217,6 +5217,12 @@ const sseevent = (message, messageToStoreRef) => {
                 };
             }
         }
+        // Strip large debugging metadata that is never used for rendering.
+        // The meta field contains text_chunks, supplemental_chunks, image_ids
+        // arrays that accumulate in memory and contribute to OOM crashes.
+        if (parsedData?.meta) {
+            delete parsedData.meta;
+        }
         if (messageToStoreRef.current.currentMode === "agent" &&
             (parsedData?.chat_id || parsedData?.session_id)) {
             messageToStoreRef.current.uniqueChatId = parsedData?.chat_id
@@ -5715,6 +5721,10 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                         stepFormStreamControl.uniqueChatId = data?.chat_id ? data.chat_id : "";
                         // Clear sessionStorage so stale session_id isn't picked up by future non-init calls
                         sessionStorage.setItem("stepForm_sessionId", "");
+                        // Notify SmartBot to update its initValue/sessionId state
+                        window.dispatchEvent(new CustomEvent("stepFormInitStateUpdate", {
+                            detail: { initValue: true, sessionId: "", uniqueChatId: data?.chat_id || "" },
+                        }));
                     }
                     // Stream ended — dispatch all collected chunks at once
                     stepFormStreamControl.isStreaming = false;
@@ -8108,7 +8118,7 @@ const Steps$1 = ({ steps, setSteps, done, setTabValue, setDone, finalStepDone, s
                 }, children: jsxRuntime.jsx(ProgressBarItem$1, { question: "Thinking", questionSteps: [{ header: "", sub_header: "", step_status: "not-completed" }], isLast: true, classes: classes, formData: null, isFormDisabled: isFormDisabled }) }))] }));
 };
 
-const renderWidgetItem = (item, index) => {
+const renderWidgetItem = (item, index, isFormDisabled) => {
     try {
         const parsedData = parseResponse(item, item.type, "", "", true);
         if (!parsedData)
@@ -8121,6 +8131,22 @@ const renderWidgetItem = (item, index) => {
                 return jsxRuntime.jsx(TableContent, { bodyText: parsedData.bodyText }, key);
             case "graph":
                 return jsxRuntime.jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
+            case "radio":
+                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "checkbox":
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "select":
+                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "slider":
+                return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "button":
+                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "input":
+                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "datePicker":
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "dateRangePicker":
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             default:
                 return null;
         }
@@ -8131,11 +8157,11 @@ const renderWidgetItem = (item, index) => {
     }
 };
 const AgentResponse$1 = (props) => {
-    const { content, isStreaming, streamingWidgetData = [] } = props;
+    const { content, isStreaming, streamingWidgetData = [], isFormDisabled = false } = props;
     const classes = useStyles$6();
     const chatClasses = useStyles$9();
     const renderedWidgets = streamingWidgetData
-        .map((item, index) => renderWidgetItem(item, index))
+        .map((item, index) => renderWidgetItem(item, index, isFormDisabled))
         .filter(Boolean);
     return (jsxRuntime.jsxs("div", { className: chatClasses.agentResponseContainer, children: [content ? (jsxRuntime.jsxs(material.Typography, { className: chatClasses.bodyTextStyling, children: [jsxRuntime.jsx(TextRenderer, { text: content }), isStreaming && renderedWidgets.length === 0 && jsxRuntime.jsx("span", { className: classes.cursor })] })) : null, renderedWidgets.length > 0 && (jsxRuntime.jsx("div", { className: "streaming-widget-content", children: renderedWidgets })), isStreaming && (renderedWidgets.length > 0 || !content) && (jsxRuntime.jsx("span", { className: classes.cursor }))] }));
 };
@@ -8206,7 +8232,7 @@ const StepsResponseTab = (props) => {
                 },
             ], tabPanels: [
                 jsxRuntime.jsx(Steps$1, { steps: steps, setSteps: setSteps, done: stepsDone, setDone: setStepsDone, setTabValue: setTabValue, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, stepChange: stepChange, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: isFormDisabled || isTimedOut }),
-                jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData }), timeoutMessage && (jsxRuntime.jsx("div", { style: { marginTop: "8px", padding: "0 8px" }, children: jsxRuntime.jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
+                jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData, isFormDisabled: isFormDisabled || isTimedOut }), timeoutMessage && (jsxRuntime.jsx("div", { style: { marginTop: "8px", padding: "0 8px" }, children: jsxRuntime.jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };
 
@@ -9351,6 +9377,16 @@ const StreamedContent = ({ botData }) => {
                 ];
                 botData.utilityObject.setInitValue(messageToStoreRef.current.initValue);
                 botData.utilityObject.setSessionId(messageToStoreRef.current.sessionId);
+                // Also update currentSessionId via event so the send button uses the correct session_id
+                if (messageToStoreRef.current.status === "completed" || messageToStoreRef.current.status === "follow-up") {
+                    window.dispatchEvent(new CustomEvent("stepFormInitStateUpdate", {
+                        detail: {
+                            initValue: messageToStoreRef.current.initValue,
+                            sessionId: messageToStoreRef.current.sessionId,
+                            uniqueChatId: messageToStoreRef.current.uniqueChatId,
+                        },
+                    }));
+                }
                 botData.utilityObject.setAdditionalArgs(!isEmpty(messageToStoreRef.current.additionalArgs)
                     ? messageToStoreRef.current.additionalArgs
                     : {});
@@ -9429,10 +9465,10 @@ const StreamedContent = ({ botData }) => {
                 processResponse(response, botData.inputBody, currentMode, botData.utilityObject.customChatConfig, {
                     newChatData: chatDataInfoRef,
                     isTabEnabled: true,
-                    steps: lodash.cloneDeep(stepRef.current),
+                    steps: stepRef.current.map(s => ({ ...s })),
                     currentTabValue: (stepsDone && !hasStepFormWidgets) ? "agent_response" : "steps",
-                    questions: lodash.cloneDeep(questionsRef.current),
-                    questionsStepsMap: lodash.cloneDeep(questionsStepsMapRef.current),
+                    questions: [...questionsRef.current],
+                    questionsStepsMap: { ...questionsStepsMapRef.current },
                     stepFormDataMap: { ...stepFormDataMapRef.current },
                 }, activeConversationId);
                 // [
@@ -9537,10 +9573,10 @@ const StreamedContent = ({ botData }) => {
                     processResponse(response, botData.inputBody, currentMode, botData.utilityObject.customChatConfig, {
                         newChatData: chatDataInfoRef,
                         isTabEnabled: true,
-                        steps: lodash.cloneDeep(stepRef.current),
+                        steps: stepRef.current.map(s => ({ ...s })),
                         currentTabValue: stepsDone ? "agent_response" : "steps",
-                        questions: lodash.cloneDeep(questionsRef.current),
-                        questionsStepsMap: lodash.cloneDeep(questionsStepsMapRef.current),
+                        questions: [...questionsRef.current],
+                        questionsStepsMap: { ...questionsStepsMapRef.current },
                         stepFormDataMap: { ...stepFormDataMapRef.current },
                     }, activeConversationId);
                 }
@@ -10112,6 +10148,22 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                     return jsxRuntime.jsx(TableContent, { bodyText: parsedData.bodyText }, key);
                 case "graph":
                     return jsxRuntime.jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
+                case "radio":
+                    return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "checkbox":
+                    return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "select":
+                    return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "slider":
+                    return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "button":
+                    return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "input":
+                    return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "datePicker":
+                    return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "dateRangePicker":
+                    return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
                 default:
                     return null;
             }
@@ -10412,6 +10464,29 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
         setQuestionsStepsMapState(lodash.cloneDeep(newQuestionsStepsMap));
         setStepFormDataMapState(lodash.cloneDeep(newStepFormDataMap));
         if (newWidgets.length > 0) {
+            // If widget data contains form components (radio, select, checkbox, etc.),
+            // append a Submit button so the user can submit their selection
+            const formTypes = ["radio", "select", "checkbox", "slider", "input", "datePicker", "dateRangePicker"];
+            const hasFormWidget = newWidgets.some((item) => formTypes.includes(item?.type));
+            const hasStepForm = chunks.some((c) => c.status === "step_form");
+            if (hasFormWidget && !hasStepForm) {
+                const sendButton = document.getElementById("chat-input-send-button");
+                newWidgets.push({
+                    type: "button",
+                    data: {
+                        message: "",
+                        buttons: [
+                            {
+                                label: "Submit",
+                                variant: "primary",
+                                size: "medium",
+                                disabled: false,
+                                onClick: () => sendButton?.click(),
+                            },
+                        ],
+                    },
+                });
+            }
             // Replace (not append) to avoid duplicates from real-time widget_chunk dispatches
             setWidgetContent(newWidgets);
         }
@@ -14793,11 +14868,25 @@ const SmartBot = (props) => {
                 console.error("Error updating timestamp after step form stream:", e);
             }
         };
+        // Update SmartBot-level initValue/sessionId when ButtonContent's stream receives completed/follow-up
+        const handleStepFormInitStateUpdate = (e) => {
+            const { initValue: newInitValue, sessionId: newSessionId, uniqueChatId: newChatId } = e.detail || {};
+            if (newInitValue !== undefined)
+                setInitValue(newInitValue);
+            if (newSessionId !== undefined) {
+                setSessionId(newSessionId);
+                setCurrentSessionId(newSessionId);
+            }
+            if (newChatId !== undefined)
+                setUniqueChatId(newChatId);
+        };
         window.addEventListener("stepFormStreamStart", handleStepFormStreamStart);
         window.addEventListener("stepFormStreamEnd", handleStepFormStreamEnd);
+        window.addEventListener("stepFormInitStateUpdate", handleStepFormInitStateUpdate);
         return () => {
             window.removeEventListener("stepFormStreamStart", handleStepFormStreamStart);
             window.removeEventListener("stepFormStreamEnd", handleStepFormStreamEnd);
+            window.removeEventListener("stepFormInitStateUpdate", handleStepFormInitStateUpdate);
         };
     }, []);
     const fetchCustomBotConfigurations = async () => {
@@ -15319,7 +15408,7 @@ const SmartBot = (props) => {
                 let newChatData = chatDataState?.[currentMode]?.conversations?.[activeConversationId]?.messages;
                 let newChatDataLength = newChatData?.length - 1;
                 if (newChatDataLength) {
-                    chatDataInfoRef.current[currentMode].conversations[activeConversationId].messages[chatDataInfoRefLength - 1] = lodash.cloneDeep(newChatData?.[newChatDataLength]);
+                    chatDataInfoRef.current[currentMode].conversations[activeConversationId].messages[chatDataInfoRefLength - 1] = { ...newChatData?.[newChatDataLength] };
                 }
             }
             // let chatDataForReference = JSON.stringify(
@@ -15356,15 +15445,11 @@ const SmartBot = (props) => {
                     // ;
                     message.isFormDisabled = index !== lastBotMessageIndex;
                     message.messageIndex = index;
-                    let originalUtilityObject = message.utilityObject;
-                    let originalThinkingResponse = message.thinkingResponse;
-                    let newMessage = lodash.cloneDeep(message);
-                    if (originalUtilityObject) {
-                        newMessage.utilityObject = originalUtilityObject;
-                    }
-                    if (originalThinkingResponse) {
-                        newMessage.thinkingResponse = originalThinkingResponse;
-                    }
+                    // Shallow copy — avoids cloneDeep which causes OOM on large
+                    // bodyText (images, widget data, meta objects).
+                    // utilityObject, thinkingResponse, and bodyText are preserved
+                    // by reference since child components only read them.
+                    let newMessage = { ...message };
                     message.jsx = (jsxRuntime.jsx(BotMessage, { botData: newMessage, state: loadingState, handleLikeDislike: handleLikeDislike, props: properties }));
                     let actualProps = {
                         botData: newMessage,
@@ -15377,17 +15462,20 @@ const SmartBot = (props) => {
                     // message.enableLikes = true;
                 }
             });
-            // Create a deep clone and remove JSX properties to avoid circular references
-            let newChat = lodash.cloneDeep(chatDataInfoRef?.current[currentMode]);
-            // Restore thinkingResponse (may contain JSX components like ThinkinHeaderInfo)
-            // which cloneDeep serializes into plain objects
-            const originalMessages = chatDataInfoRef?.current[currentMode]?.conversations?.[activeConversationId]?.messages || [];
-            const clonedMessages = newChat?.conversations?.[activeConversationId]?.messages || [];
-            originalMessages.forEach((origMsg, idx) => {
-                if (origMsg.thinkingResponse && clonedMessages[idx]) {
-                    clonedMessages[idx].thinkingResponse = origMsg.thinkingResponse;
-                }
-            });
+            // Shallow-clone the conversation structure to trigger React re-render
+            // without deep-cloning large message payloads (which caused OOM crashes).
+            const modeData = chatDataInfoRef?.current[currentMode];
+            const convMessages = modeData?.conversations?.[activeConversationId]?.messages || [];
+            let newChat = {
+                ...modeData,
+                conversations: {
+                    ...modeData?.conversations,
+                    [activeConversationId]: {
+                        ...modeData?.conversations?.[activeConversationId],
+                        messages: convMessages.map(msg => ({ ...msg })),
+                    },
+                },
+            };
             setConversation(newChat);
         }
         else if (showModal) {