impact-chatbot 2.3.65 → 2.3.66

package/dist/index.esm.js

@@ -315,7 +315,7 @@ const useBotConfiguration = (setRefreshLoader, setEnableRefreshAction, dispatch)
  */
 const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAndName = false, sessionId = "", utilityData = {}, inputBody = null, utilityObject = {}) => {
     const timeString = disableTimeAndName ? "" : moment().format("DD-MM-YYYY HH:mm:ss");
-    const userName = disableTimeAndName ? "" : "Alan";
+    const userName = disableTimeAndName ? "" : "Iris";
     switch (type || data?.type) {
         case "text":
             return {
@@ -1392,7 +1392,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 hasDirectActionType: false,
             };
             const loaderData = {
-                userName: "Alan",
+                userName: "Iris",
                 timeStamp: currentTimeString,
                 userType: "loader",
             };
@@ -1958,7 +1958,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
             const failResponseText = {
                 timeStamp: getCurrentDateTimeString(),
                 userType: "bot",
-                userName: "Alan",
+                userName: "Iris",
                 bodyText: error?.response?.data?.data?.error?.response
                     ? error?.response?.data?.data?.error?.response
                     : "Sorry, chatbot is not available now",
@@ -2202,7 +2202,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
         return {
             timeStamp: timeString,
             userType: "bot",
-            userName: "Alan",
+            userName: "Iris",
             headerTitle: headerTitle,
             bodyType: "chips",
             bodyText: screens.map((screen) => ({
@@ -2256,7 +2256,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             flow_type: flowType,
         };
         const loaderData = {
-            userName: "Alan",
+            userName: "Iris",
             timeStamp: currentTimeString,
             userType: "loader",
         };
@@ -2290,7 +2290,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                 const failResponseText = {
                     timeStamp: getCurrentDateTimeString(),
                     userType: "bot",
-                    userName: "Alan",
+                    userName: "Iris",
                     bodyText: options.data.data.message,
                     enableLikes: false,
                     headerTitle: "",
@@ -2309,7 +2309,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             const failResponseText = {
                 timeStamp: getCurrentDateTimeString(),
                 userType: "bot",
-                userName: "Alan",
+                userName: "Iris",
                 bodyText: "Failed to fetch user screens. Please try again later.",
                 headerTitle: "",
                 enableLikes: false,
@@ -2381,7 +2381,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             hasDirectActionType: fetchQuestions,
         };
         const loaderData = {
-            userName: "Alan",
+            userName: "Iris",
             timeStamp: currentTimeString,
             userType: "loader",
         };
@@ -2501,7 +2501,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             const failResponseText = {
                 timeStamp: getCurrentDateTimeString(),
                 userType: "bot",
-                userName: "Alan",
+                userName: "Iris",
                 bodyText: error?.response?.data?.data?.error?.response
                     ? error?.response?.data?.data?.error?.response
                     : "Sorry, chatbot is not available now",
@@ -2712,10 +2712,10 @@ const useChatSession = (chatDataRef, setFlowType, setScreenName, setUserInput, s
                 {
                     timeStamp: getCurrentDateTimeString(),
                     userType: "bot",
-                    userName: "Alan",
+                    userName: "Iris",
                     headerTitle: `Hi ${getUserName()}!`,
                     bodyType: "text",
-                    bodyText: `I am Alan, your virtual assistant. I am here to help you on anything you are looking for in IA Smart Platform`,
+                    bodyText: `I am Iris, your virtual assistant. I am here to help you on anything you are looking for in IA Smart Platform`,
                 },
             ];
             // chatDataRef.current[currentMode].conversations[
@@ -4881,7 +4881,7 @@ const ChatPlaceholder = (props) => {
         agentId: card.agentId || card.id
     }));
     const dataToMap = legacyAgentScreen || displayQuestions ? transformedCardList : rectangleData;
-    return (jsxs("div", { className: classes.placeholderContainer, children: [jsx("div", { className: classes.centerIconContainer, children: jsx(SvgCenter3D, { className: classes.centerIcon }) }), jsxs("div", { className: classes.headingContainer, children: [jsx(Typography, { variant: "h1", className: classes.heading, children: "Alan's Capabilities" }), jsx("span", { className: classes.alphaTag, children: "Beta" })] }), jsx(Typography, { variant: "body1", className: classes.headingHelperText, children: "Discover potential issues & opportunities Alan can help you with!" }), jsx("div", { className: classes.rectanglesContainer, children: dataToMap.map((item, index) => (jsx(Rectangle, { type: item.type, icon: item.icon, title: item.title, description: item.description, onClick: () => handleRectangleClick(item?.agentId, item?.title), hoverable: legacyAgentScreen || displayQuestions }, index))) })] }));
+    return (jsxs("div", { className: classes.placeholderContainer, children: [jsx("div", { className: classes.centerIconContainer, children: jsx(SvgCenter3D, { className: classes.centerIcon }) }), jsxs("div", { className: classes.headingContainer, children: [jsx(Typography, { variant: "h1", className: classes.heading, children: "Iris's Capabilities" }), jsx("span", { className: classes.alphaTag, children: "Beta" })] }), jsx(Typography, { variant: "body1", className: classes.headingHelperText, children: "Discover potential issues & opportunities Iris can help you with!" }), jsx("div", { className: classes.rectanglesContainer, children: dataToMap.map((item, index) => (jsx(Rectangle, { type: item.type, icon: item.icon, title: item.title, description: item.description, onClick: () => handleRectangleClick(item?.agentId, item?.title), hoverable: legacyAgentScreen || displayQuestions }, index))) })] }));
 };
 
 const dateFormat = "DD-MM-YYYY HH:mm:ss";
@@ -7127,15 +7127,43 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
     const chatbotFilterOptions = useSelector((state) => state.smartBotReducer.chatbotFilterOptions);
     const dimensionHierarchies = useSelector((state) => state.userRoleManagementService?.dimensionHierarchies);
     const [isFormSubmitted, setIsFormSubmitted] = useState(false);
+    const [isTimedOut, setIsTimedOut] = useState(false);
+    const timeoutRef = useRef(null);
+    // 30-minute inactivity timeout: disable form and switch to agent_response tab
+    const FORM_TIMEOUT_MS = 30 * 60 * 1000;
+    useEffect(() => {
+        if (isFormDisabled || isFormSubmitted || isTimedOut)
+            return;
+        const startTime = Date.now();
+        timeoutRef.current = setTimeout(() => {
+            setIsTimedOut(true);
+            const elapsedSeconds = Math.floor((Date.now() - startTime) / 1000);
+            window.dispatchEvent(new CustomEvent("stepFormTimeout", { detail: { elapsedSeconds } }));
+        }, FORM_TIMEOUT_MS);
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
+        };
+    }, [isFormDisabled, isFormSubmitted, isTimedOut]);
+    // Clear timeout when form is submitted
+    useEffect(() => {
+        if (isFormSubmitted && timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    }, [isFormSubmitted]);
     useEffect(() => {
         if (stepFormStreamData?.status === "streaming_start") {
             setIsFormSubmitted(true);
         }
     }, [stepFormStreamData]);
-    // Reset isFormSubmitted when parent signals the form should be enabled (new step_form from restream)
+    // Reset isFormSubmitted and isTimedOut when parent signals the form should be enabled (new step_form from restream)
     useEffect(() => {
         if (!isFormDisabled) {
             setIsFormSubmitted(false);
+            setIsTimedOut(false);
         }
     }, [isFormDisabled]);
     const [isFilterSetOpen, setIsFilterSetOpen] = useState(false);
@@ -7206,8 +7234,8 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
             return val && (Array.isArray(val) ? val.length > 0 : !!val);
         });
     }, [persistedFormValues, messageIndex]);
-    const formFieldsDisabled = isFormDisabled || isFilterSelected || isFormSubmitted;
-    const savedFilterDisabled = isFormDisabled || isFormFieldUsed || isFormSubmitted;
+    const formFieldsDisabled = isFormDisabled || isFilterSelected || isFormSubmitted || isTimedOut;
+    const savedFilterDisabled = isFormDisabled || isFormFieldUsed || isFormSubmitted || isTimedOut;
     const requiredFieldsFilled = useMemo(() => {
         if (!formData || !Array.isArray(formData))
             return false;
@@ -7795,7 +7823,40 @@ const AgentResponse$1 = (props) => {
 
 const StepsResponseTab = (props) => {
     const { steps, setSteps, stepsDone, setStepsDone, finalStepDone, setFinalStepDone, content, isStreaming, stepChange, currentMode, questions, questionsStepsMap, stepFormDataMap, isFormDisabled, streamingWidgetData, isRetrying, } = props;
+    const dispatch = useDispatch();
+    const thinkingContext = useSelector((state) => state.smartBotReducer.thinkingContext);
+    const streamStartTimeRef = useRef(thinkingContext?.streamStartTime);
+    // Keep streamStartTime ref in sync with Redux for use in event handler closures
+    useEffect(() => {
+        streamStartTimeRef.current = thinkingContext?.streamStartTime;
+    }, [thinkingContext?.streamStartTime]);
     const [tabValue, setTabValue] = useState("steps");
+    const [timeoutMessage, setTimeoutMessage] = useState("");
+    // Switch to agent_response tab on form inactivity timeout (30 min)
+    useEffect(() => {
+        const handleStepFormTimeout = () => {
+            setTimeoutMessage("This session timed out due to inactivity. Please start a new message to continue.");
+            setTabValue("agent_response");
+            dispatch(setMinimizedStreamData(null));
+            const elapsed = streamStartTimeRef.current
+                ? Math.floor((Date.now() - streamStartTimeRef.current) / 1000)
+                : null;
+            const mins = elapsed != null ? Math.floor(elapsed / 60) : 0;
+            const secs = elapsed != null ? elapsed % 60 : 0;
+            const timedOutLabel = `Worked for ${mins}m:${String(secs).padStart(2, '0')}s`;
+            dispatch(setThinkingContext({
+                streamStartTime: null,
+                isStreamCompleted: true,
+                finalElapsedSeconds: elapsed,
+                thinkingHeaderMessage: timedOutLabel,
+                thinkingContent: "",
+            }));
+        };
+        window.addEventListener("stepFormTimeout", handleStepFormTimeout);
+        return () => {
+            window.removeEventListener("stepFormTimeout", handleStepFormTimeout);
+        };
+    }, []);
     // When retry countdown starts, switch to agent_response to show it.
     // When retry actually fires (isRetrying goes false + isStreaming goes true), switch back to steps.
     useEffect(() => {
@@ -7824,7 +7885,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 }),
-                jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData }),
+                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: "" }) }))] }),
             ], value: tabValue }) }));
 };
 
@@ -8652,6 +8713,7 @@ const StreamedContent = ({ botData }) => {
             // Check if this is a user-initiated abort (should not trigger retry)
             const isUserAbort = event.reason === "Network request aborted";
             event.statusCode === 503;
+            const isAgentUnavailable = event.statusCode === 502 || event.statusCode === 404;
             if (isThinking) {
                 setIsThinking(false);
                 const endTime = Date.now();
@@ -8662,8 +8724,50 @@ const StreamedContent = ({ botData }) => {
                 thinkingStartTimeRef.current = finalThinkingTime;
                 messageToStoreRef.current.chatData.thinkingResponse.thinkingTime = finalThinkingTime;
             }
+            // Agent unavailable (502/404) — show specific message, no retry
+            if (isAgentUnavailable) {
+                setWasStreamingAborted(true);
+                wasStreamingAbortedRef.current = true;
+                const currentSteps = stepRef.current;
+                if (currentSteps.length > 0) {
+                    const lastStep = currentSteps[currentSteps.length - 1];
+                    if (lastStep.step_status === "not-completed") {
+                        lastStep.step_status = "completed";
+                    }
+                    stepRef.current = [...currentSteps];
+                    setSteps([...currentSteps]);
+                }
+                const agentUnavailableMessage = "Agent isn't available right now. Please contact your administrator or try again later.";
+                const hasExistingWidgetsOnUnavail = messageToStoreRef.current.appendedData &&
+                    (isArray(messageToStoreRef.current.appendedData)
+                        ? messageToStoreRef.current.appendedData.length > 0
+                        : Object.keys(messageToStoreRef.current.appendedData).length > 0);
+                if (hasExistingWidgetsOnUnavail) {
+                    const errorWidget = { type: "text", response: agentUnavailableMessage };
+                    if (isArray(messageToStoreRef.current.appendedData)) {
+                        messageToStoreRef.current.appendedData.push(errorWidget);
+                    }
+                    else {
+                        messageToStoreRef.current.appendedData = [messageToStoreRef.current.appendedData, errorWidget];
+                    }
+                }
+                else {
+                    messageToStoreRef.current.chatData.response = agentUnavailableMessage;
+                }
+                setContent(agentUnavailableMessage);
+                dispatch(setMinimizedStreamData({
+                    isStreaming: false,
+                    stepHeader: questionsRef.current[questionsRef.current.length - 1] || "Agent unavailable",
+                    stepSubHeader: "Connection closed",
+                    stepStatus: "completed",
+                    streamStartTime: streamStartTimeRef.current,
+                    actionCount: questionsRef.current.length || 1,
+                }));
+                setStepsDone(true);
+                setIsStreamingDone(true);
+            }
             // Check if we can auto-retry (abrupt close or 503, but not user abort)
-            if (!isUserAbort && retryCountRef.current < MAX_RETRY_COUNT) {
+            else if (!isUserAbort && retryCountRef.current < MAX_RETRY_COUNT) {
                 // Still have retries left — start countdown instead of showing final error
                 setStepsDone(true); // Switch to agent_response tab to show countdown
                 const retryMessage = "The service is temporarily unavailable because of an unusual load. Please wait a moment and try again.";
@@ -8981,19 +9085,19 @@ const StreamedContent = ({ botData }) => {
                 // [
                 //   {
                 //     header: "Finding relevant information",
-                //     sub_header: "Alan is working to identify relevant information to user answer user query",
+                //     sub_header: "Iris is working to identify relevant information to user answer user query",
                 //     step_status: "not-completed",
                 //   },
                 // ];
                 // [
                 //   {
                 //     header: "Finding relevant information",
-                //     sub_header: "Alan is working to identify relevant information to user answer user query",
+                //     sub_header: "Iris is working to identify relevant information to user answer user query",
                 //     step_status: "completed",
                 //   },
                 //   {
                 //     header: "Output Generation",
-                //     sub_header: "Alan is finalizing response to user query",
+                //     sub_header: "Iris is finalizing response to user query",
                 //     step_status: "not-completed",
                 //   },
                 // ];
@@ -9233,7 +9337,7 @@ const StreamedContent = ({ botData }) => {
      * @returns {JSX.Element} Rendered content with optional blinking cursor
      */
     const renderContent = () => {
-        return (jsxs("div", { className: classes.streamContainer, children: [jsx(StepsResponseTab, { steps: steps, stepChange: stepChange, setSteps: setSteps, stepsDone: stepsDone, setStepsDone: setStepsDone, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, content: content, isStreaming: isStreaming, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: botData?.isFormDisabled || false, streamingWidgetData: streamingWidgetData, isRetrying: isRetrying }), isRetrying && (jsx("div", { className: classes.retryContainer, children: jsxs("span", { className: classes.retryMessage, children: ["Auto re-trying in ", retryCountdown, "s"] }) }))] }));
+        return (jsxs("div", { className: classes.streamContainer, children: [jsx(StepsResponseTab, { steps: steps, stepChange: stepChange, setSteps: setSteps, stepsDone: stepsDone, setStepsDone: setStepsDone, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, content: content, isStreaming: isStreaming, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: botData?.isFormDisabled || false, streamingWidgetData: streamingWidgetData, isRetrying: isRetrying }), isRetrying && (jsx("div", { className: classes.retryContainer, children: jsx(TextRenderer, { text: `Auto re-trying in ${retryCountdown}s`, thinking: "" }) }))] }));
     };
     if (currentMode === "agent") {
         return renderContent();
@@ -9504,6 +9608,12 @@ let activeTabularInstanceId = null;
 const TabularContent = ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions = [], questionsStepsMap: initialQuestionsStepsMap = {}, stepFormDataMap: initialStepFormDataMap = {}, isFormDisabled = false, sessionId: propSessionId = "" }) => {
     const dispatch = useDispatch();
     const stepFormStreamData = useSelector((state) => state.smartBotReducer.stepFormStreamData);
+    const thinkingContext = useSelector((state) => state.smartBotReducer.thinkingContext);
+    const streamStartTimeRef = useRef(thinkingContext?.streamStartTime);
+    // Keep streamStartTime ref in sync with Redux for use in event handler closures
+    useEffect(() => {
+        streamStartTimeRef.current = thinkingContext?.streamStartTime;
+    }, [thinkingContext?.streamStartTime]);
     const [tabValue, setTabValue] = useState(currentTabValue);
     // Local state — initialized from props, updated by SSE chunks
     const [stepsState, setStepsState] = useState(() => {
@@ -9526,6 +9636,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
     const [hasNewStepFormFromRestream, setHasNewStepFormFromRestream] = useState(false);
     const [activeFormIntent, setActiveFormIntent] = useState(null);
     const [retryCountdown, setRetryCountdown] = useState(0);
+    const [timeoutMessage, setTimeoutMessage] = useState("");
     // Stable unique instance ID for this TabularContent mount
     const instanceIdRef = useRef(null);
     if (instanceIdRef.current === null) {
@@ -9550,6 +9661,32 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
             window.removeEventListener("stepFormStreamCompleted", handleStepFormCompleted);
         };
     }, []);
+    // Switch to agent_response tab on form inactivity timeout (30 min)
+    useEffect(() => {
+        const handleStepFormTimeout = () => {
+            setTimeoutMessage("This session timed out due to inactivity. Please start a new message to continue.");
+            setStepFormSubmitted(true);
+            setTabValue("agent_response");
+            dispatch(setMinimizedStreamData(null));
+            const elapsed = streamStartTimeRef.current
+                ? Math.floor((Date.now() - streamStartTimeRef.current) / 1000)
+                : null;
+            const mins = elapsed != null ? Math.floor(elapsed / 60) : 0;
+            const secs = elapsed != null ? elapsed % 60 : 0;
+            const timedOutLabel = `Worked for ${mins}m:${String(secs).padStart(2, '0')}s`;
+            dispatch(setThinkingContext({
+                streamStartTime: null,
+                isStreamCompleted: true,
+                finalElapsedSeconds: elapsed,
+                thinkingHeaderMessage: timedOutLabel,
+                thinkingContent: "",
+            }));
+        };
+        window.addEventListener("stepFormTimeout", handleStepFormTimeout);
+        return () => {
+            window.removeEventListener("stepFormTimeout", handleStepFormTimeout);
+        };
+    }, []);
     // Render a widget item from SSE data
     const renderWidget = (item, index) => {
         try {
@@ -9889,7 +10026,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                 },
             ], tabPanels: [
                 jsx(Steps, { steps: stepsState, questions: questionsState, questionsStepsMap: questionsStepsMapState, stepFormDataMap: stepFormDataMapState, isFormDisabled: (isFormDisabled && !isRestreaming) || stepFormSubmitted, activeFormIntent: hasNewStepFormFromRestream ? activeFormIntent : null, isRestreaming: isRestreaming }),
-                jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsx("div", { className: "restream-widget-content", children: renderedWidgets })), retryCountdown > 0 && (jsx("div", { style: { marginTop: "8px" }, children: jsxs("span", { style: { fontFamily: "Manrope", fontSize: "13px", fontWeight: 500, color: "#374151" }, children: ["Auto re-trying in ", retryCountdown, "s"] }) }))] }),
+                jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsx("div", { className: "restream-widget-content", children: renderedWidgets })), retryCountdown > 0 && (jsx("div", { style: { marginTop: "8px" }, children: jsx(TextRenderer, { text: `Auto re-trying in ${retryCountdown}s`, thinking: "" }) })), timeoutMessage && (jsx("div", { style: { marginTop: "8px" }, children: jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };
 /** Reset the active instance tracker (call when a new conversation starts from the input field) */
@@ -12939,7 +13076,7 @@ let singleConversationNewData = [
             {
                 header: "Creating Plan of Action",
                 step_status: "completed",
-                sub_header: "Alan is working to determine the best approach to answer user query",
+                sub_header: "Iris is working to determine the best approach to answer user query",
                 current_intent: "List the products which are about to change status in next 10 days"
             },
             {
@@ -14863,7 +15000,7 @@ const SmartBot = (props) => {
         try {
             // if (localStorage.getItem("isStreaming") === "true") {
             //   displaySnackMessages(
-            //     "Alan is processing request in another tab, This request can be processed once Alan is available",
+            //     "Iris is processing request in another tab, This request can be processed once Iris is available",
             //     "warning"
             //   );
             //   return;
@@ -15205,7 +15342,7 @@ const SmartBot = (props) => {
                             :
                                 jsx(ChatbotSaveFilterComponent$1, { savedFilterSets: savedFilterSets, partialClose: partialClose, chatBotWidth: chatBotWidth }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
                             freeTextHeading: "Try adding more details :",
-                            freeTextContent: "Alan works better when you provide more context and pointed questions",
+                            freeTextContent: "Iris works better when you provide more context and pointed questions",
                         }, isStopIcon: isStop, onStopIconClick: onStopIconClick, footerText: "AI-generated responses may contain errors\u2014please verify important information", showSuggestionBanner: showSavedFilters ? false : showSuggestionBanner, onCloseSuggestionBanner: () => {
                             setShowSuggestionBanner(false);
                         }, landingScreen: isLandingScreen, onLikeClick: (params, params2) => {