impact-chatbot 2.3.76 → 2.3.77

package/dist/index.esm.js

@@ -5699,6 +5699,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;
@@ -8092,7 +8096,7 @@ const Steps$1 = ({ steps, setSteps, done, setTabValue, setDone, finalStepDone, s
                 }, children: 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)
@@ -8105,6 +8109,22 @@ const renderWidgetItem = (item, index) => {
                 return jsx(TableContent, { bodyText: parsedData.bodyText }, key);
             case "graph":
                 return jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
+            case "radio":
+                return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "checkbox":
+                return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "select":
+                return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "slider":
+                return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "button":
+                return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "input":
+                return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "datePicker":
+                return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "dateRangePicker":
+                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             default:
                 return null;
         }
@@ -8115,11 +8135,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 (jsxs("div", { className: chatClasses.agentResponseContainer, children: [content ? (jsxs(Typography, { className: chatClasses.bodyTextStyling, children: [jsx(TextRenderer, { text: content }), isStreaming && renderedWidgets.length === 0 && jsx("span", { className: classes.cursor })] })) : null, renderedWidgets.length > 0 && (jsx("div", { className: "streaming-widget-content", children: renderedWidgets })), isStreaming && (renderedWidgets.length > 0 || !content) && (jsx("span", { className: classes.cursor }))] }));
 };
@@ -8190,7 +8210,7 @@ const StepsResponseTab = (props) => {
                 },
             ], tabPanels: [
                 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 }),
-                jsxs(Fragment, { children: [jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData }), timeoutMessage && (jsx("div", { style: { marginTop: "8px", padding: "0 8px" }, children: jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
+                jsxs(Fragment, { children: [jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData, isFormDisabled: isFormDisabled || isTimedOut }), timeoutMessage && (jsx("div", { style: { marginTop: "8px", padding: "0 8px" }, children: jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };
 
@@ -9335,6 +9355,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
                     : {});
@@ -10096,6 +10126,22 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                     return jsx(TableContent, { bodyText: parsedData.bodyText }, key);
                 case "graph":
                     return jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
+                case "radio":
+                    return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "checkbox":
+                    return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "select":
+                    return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "slider":
+                    return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "button":
+                    return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "input":
+                    return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "datePicker":
+                    return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                case "dateRangePicker":
+                    return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
                 default:
                     return null;
             }
@@ -10396,6 +10442,29 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
         setQuestionsStepsMapState(cloneDeep(newQuestionsStepsMap));
         setStepFormDataMapState(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);
         }
@@ -14777,11 +14846,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 () => {