@davi-ai/retorik-framework 1.0.17 → 1.0.18

package/dist/index.modern.js

@@ -1156,10 +1156,11 @@ const $04ce41b46d359821$var$initialState = {
     activeRecognitionState: (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closed,
     lastRecognitionInterim: "",
     streamingReplyToId: null,
-    streamingReplyToIdForText: null,
     streamingQueue: [],
     streamingQueueForText: [],
-    currentStreaming: null
+    currentStreaming: null,
+    streamingQueueFullLength: 0,
+    streamingReplyToIdToIgnore: null
 };
 const $04ce41b46d359821$export$f299240efcda25a2 = (0, $b3y7N$create)()(()=>{
     return $04ce41b46d359821$var$initialState;
@@ -1218,16 +1219,7 @@ const $04ce41b46d359821$export$a5c8d6d0ec4b5ccb = (value)=>{
 };
 const $04ce41b46d359821$export$614a80601162ec38 = (value)=>{
     $04ce41b46d359821$export$f299240efcda25a2.setState({
-        streamingReplyToId: value,
-        streamingReplyToIdForText: value
-    });
-    value === null && $04ce41b46d359821$export$f299240efcda25a2.setState({
-        currentStreaming: null
-    });
-};
-const $04ce41b46d359821$export$de8aad637f733113 = (value)=>{
-    $04ce41b46d359821$export$f299240efcda25a2.setState({
-        streamingReplyToIdForText: value
+        streamingReplyToId: value
     });
 };
 const $04ce41b46d359821$export$87afd75c41a617d7 = (value)=>{
@@ -1237,11 +1229,12 @@ const $04ce41b46d359821$export$87afd75c41a617d7 = (value)=>{
     });
 };
 const $04ce41b46d359821$export$9a026d007e335fc0 = (value)=>{
-    if (value.replyToId) {
+    const idToIgnore = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToIdToIgnore;
+    if (value.replyToId && value.replyToId !== idToIgnore) {
         // Set replyToId and new queue if replyToId is different from the current one
         if ($04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId !== value.replyToId) $04ce41b46d359821$export$f299240efcda25a2.setState({
+            streamingQueueFullLength: 0,
             streamingReplyToId: value.replyToId,
-            streamingReplyToIdForText: value.replyToId,
             streamingQueue: [
                 value
             ],
@@ -1274,11 +1267,36 @@ const $04ce41b46d359821$export$eb50624bfd363865 = ()=>{
         });
     }
 };
+const $04ce41b46d359821$export$8505d436556ca045 = (replyToId)=>{
+    const currentId = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId;
+    currentId !== replyToId && $04ce41b46d359821$export$c3296e37e9ef3fed();
+};
+const $04ce41b46d359821$export$c3296e37e9ef3fed = ()=>{
+    const currentId = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId;
+    $04ce41b46d359821$export$f299240efcda25a2.setState({
+        streamingReplyToId: null,
+        streamingQueue: [],
+        streamingQueueForText: [],
+        currentStreaming: null,
+        streamingQueueFullLength: 0,
+        streamingReplyToIdToIgnore: currentId
+    });
+};
 const $04ce41b46d359821$export$d300d9470f5679ba = (value)=>{
     $04ce41b46d359821$export$f299240efcda25a2.setState({
         currentStreaming: value
     });
 };
+const $04ce41b46d359821$export$e9ca045daeb00700 = (value, replyToId)=>{
+    if (replyToId) {
+        const currentStreamingId = $04ce41b46d359821$export$f299240efcda25a2.getState().streamingReplyToId;
+        replyToId === currentStreamingId && $04ce41b46d359821$export$f299240efcda25a2.setState({
+            streamingQueueFullLength: value
+        });
+    } else $04ce41b46d359821$export$f299240efcda25a2.setState({
+        streamingQueueFullLength: value
+    });
+};
 const $04ce41b46d359821$export$b6d2196a3ce412d8 = ()=>{
     $04ce41b46d359821$export$f299240efcda25a2.setState({
         ...$04ce41b46d359821$var$initialState
@@ -1321,6 +1339,8 @@ const $9b100ac34d01a331$var$addActivity = async (activity, resetQueue)=>{
     const isBot = activity.from.role === "bot" || activity.replyToId || activity.from.name?.toLowerCase() === "bot";
     if (activity.type === "message") {
         if (isBot) {
+            // If this activity is the one concluding a streaming, let's set the amount of streams previously generated
+            if (!currentState.retrievingConversation && activity.value?.streamingCount) (0, $04ce41b46d359821$export$e9ca045daeb00700)(activity.value.streamingCount, activity.replyToId);
             if (currentState.botMessageActivities?.length && activity.replyToId?.substring(activity.replyToId.length - 4) === "0000") // Special process when retrieving conversation from directline : the first activity is delayed by botframwork-webchat and is treated after the other.
             // We must put this activity back in first place in the array.
             $9b100ac34d01a331$export$b56465394e2b1287.setState({
@@ -1447,6 +1467,8 @@ const $9b100ac34d01a331$export$f9786f6b1a1e81e3 = (activity)=>{
     $9b100ac34d01a331$var$timerRef && clearTimeout($9b100ac34d01a331$var$timerRef);
     $9b100ac34d01a331$var$timerRef = setTimeout(()=>{
         $9b100ac34d01a331$var$updateActivities();
+        // Let speechStore check if this activity has an impact on a curent streaming
+        (0, $04ce41b46d359821$export$8505d436556ca045)(activity.replyToId);
     }, 500);
 };
 const $9b100ac34d01a331$export$210f7e70e69f7df5 = (activity)=>{
@@ -1457,11 +1479,6 @@ const $9b100ac34d01a331$export$210f7e70e69f7df5 = (activity)=>{
     const currentConversationId = $9b100ac34d01a331$export$b56465394e2b1287.getState().conversationId;
     currentConversationId && activity.id?.includes(currentConversationId) && $9b100ac34d01a331$export$f9786f6b1a1e81e3(activity);
 };
-const $9b100ac34d01a331$export$35bf93b87d9ffb15 = (activity)=>{
-    const retrieving = $9b100ac34d01a331$export$b56465394e2b1287.getState().retrievingConversation;
-    const currentConversationId = $9b100ac34d01a331$export$b56465394e2b1287.getState().conversationId;
-    currentConversationId && !retrieving && activity.id?.includes(currentConversationId) && (0, $04ce41b46d359821$export$9a026d007e335fc0)(activity);
-};
 const $9b100ac34d01a331$export$4365557467e67cdc = (value)=>{
     const currentState = $9b100ac34d01a331$export$b56465394e2b1287.getState();
     // Check directline id to know if we have to reset the activities
@@ -1498,7 +1515,6 @@ const $9b100ac34d01a331$export$b7b23f8e09258fa6 = ()=>{
 };
 
 
-
 const $9a5f0912c55d1da2$var$regexDataCommand = /(\{data-command=")[\p{L}\p{N}\p{Po}\p{Pd}\p{Pc}\s\u0027\u2019]+("\})(<br\s\/>)?/gu;
 const $9a5f0912c55d1da2$var$createCustomStore = (enableConversationCookie, conversationCookieMaxAge, addressData, locale, externalEventHandler, isUsedOnBorne, isRetorikNews)=>{
     return (0, $b3y7N$createStore)({}, ({ dispatch: dispatch })=>(next)=>async (action)=>{
@@ -1585,10 +1601,14 @@ const $9a5f0912c55d1da2$var$createCustomStore = (enableConversationCookie, conve
                         if (action.payload?.activity?.type === "event" && action.payload?.activity?.name?.toLowerCase() === "davi.streammessageactivity") {
                             if (action.payload.activity.text?.trim().length) {
                                 // Create speak field from the text one
-                                const processedText = (0, $2e5b8b358de6cd42$export$1b8fbc30fb87d9aa)(action.payload.activity.text, true);
-                                action.payload.activity.text = processedText.text;
+                                // const processedText = processMarkdownAndSpeechMarkdown(
+                                //   action.payload.activity.text,
+                                //   true
+                                // )
+                                const processedText = (0, $6e91c96224d17014$export$2e2bcd8739ae039)(action);
+                                // action.payload.activity.text = processedText.htmlText
                                 action.payload.activity.speak = processedText.text;
-                                (0, $9b100ac34d01a331$export$35bf93b87d9ffb15)(action.payload.activity);
+                                (0, $04ce41b46d359821$export$9a026d007e335fc0)(action.payload.activity);
                             }
                             return next(action);
                         }
@@ -5370,17 +5390,15 @@ const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: m
             } else if (index !== undefined) {
                 setDiscoverClicked(index);
                 const tempData = data;
-                const value = tempData.FilterId ? {
+                dataToSend = {
+                    type: "event",
+                    name: tempData.EventName,
                     value: {
                         filterId: tempData.FilterId,
                         filterValue: tempData.FilterValue,
-                        followingCardText: tempData.FollowingCardText
+                        followingCardText: tempData.FollowingCardText,
+                        identifier: tempData.Identifier
                     }
-                } : {};
-                dataToSend = {
-                    type: "event",
-                    name: tempData.EventName,
-                    ...value
                 };
             }
             sendPostBack(dataToSend);
@@ -15510,7 +15528,6 @@ const $f9b55dee2122a017$export$f0e9d14ede4c01bd = ()=>{
 
 
 
-
 const $0d96395552e34116$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe9a", companyName: companyName, companyNameLocalized: companyNameLocalized, subCompanyMessage: subCompanyMessage, subCompanyMessageLocalized: subCompanyMessageLocalized, imageUrl: imageUrl = "" })=>{
     const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
     const translation = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.currentTranslations);
@@ -15569,105 +15586,130 @@ const $0d96395552e34116$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe
 };
 
 
-const $ea27a870d6ff37c7$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile })=>{
-    const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
-    const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
-    return /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-        id: "retorik-botResponses",
-        className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
-        children: botResponses.map((activity, key)=>{
-            const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
-            return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
-                className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
-                children: [
-                    isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-                        className: "rf-px-4 rf-text-[#9A9A9A]",
-                        children: answerTime.toLocaleString(locale, {
-                            hour: "numeric",
-                            minute: "numeric"
-                        })
-                    }),
-                    activity.htmlText ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-                        className: "rf-px-4",
-                        dangerouslySetInnerHTML: {
-                            __html: activity.htmlText
-                        }
-                    }) : activity.text ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-                        className: "rf-px-4",
-                        children: (0, $3792187fd212489a$export$d6c6ec86eedacfd9)(activity.text)
-                    }) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {}),
-                    !!activity?.attachments?.length && !(0, $1136774ec828a7ed$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-                        className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
-                        children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d7c37f48f10c5387$export$2e2bcd8739ae039), {
-                            activity: activity
-                        })
-                    })
-                ]
-            }, key);
-        })
-    });
-};
-var $ea27a870d6ff37c7$export$2e2bcd8739ae039 = $ea27a870d6ff37c7$var$DisplayStandard;
 
 
 
 
 
-const $b22a7bbed115cb27$var$interval = 25;
-const $b22a7bbed115cb27$var$DisplayStreaming = ({ streamingQueue: streamingQueue, triggerScroll: triggerScroll })=>{
+
+
+const $b22a7bbed115cb27$var$interval = 150 // 20 // 25
+;
+const $b22a7bbed115cb27$var$md = new (0, $b3y7N$markdownit)({
+    breaks: true,
+    html: true,
+    xhtmlOut: true,
+    typographer: true,
+    quotes: `""''`
+});
+const $b22a7bbed115cb27$var$DisplayStreaming = ({ triggerScroll: triggerScroll, setStreamingEnded: setStreamingEnded, streamingActivity: streamingActivity, currentStreaming: currentStreaming, isMobile: isMobile })=>{
+    const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
+    const streamingQueue = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
+    const streamingCount = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueFullLength);
+    const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
     const [streamingTextToDisplay, setStreamingTextToDisplay] = (0, $b3y7N$useState)("");
     const [currentTextEnded, setCurrentTextEnded] = (0, $b3y7N$useState)(true);
     const [currentQueueIndex, setCurrentQueueIndex] = (0, $b3y7N$useState)(0);
+    const time = (0, $b3y7N$useMemo)(()=>{
+        if (streamingQueue.length) {
+            const answerTime = streamingQueue[0].localTimestamp ? new Date(streamingQueue[0].localTimestamp) : streamingQueue[0].timestamp ? new Date(streamingQueue[0].timestamp) : new Date();
+            return answerTime;
+        }
+        return null;
+    }, [
+        streamingQueue
+    ]);
     const intervalRef = (0, $b3y7N$useRef)(null);
     const streamRef = (0, $b3y7N$useRef)([]);
+    const streamIndexRef = (0, $b3y7N$useRef)(0);
+    const previousTextRef = (0, $b3y7N$useRef)([]);
+    // const handleNewStreaming = (text: string): void => {
+    //   text = md.render(text)
+    //   if (previousTextRef.current) {
+    //     for (let i = 0; i < previousTextRef.current.length; i++) {
+    //       if (text[i] !== previousTextRef.current[i]) {
+    //         streamIndexRef.current = i
+    //         break
+    //       }
+    //     }
+    //   } else {
+    //     streamIndexRef.current = 0
+    //   }
+    //   setCurrentTextEnded(false)
+    //   streamRef.current = text.split('')
+    //   previousTextRef.current = text
+    //   streamIndexRef.current !== streamingTextToDisplay.length &&
+    //     setStreamingTextToDisplay((value) =>
+    //       value.substring(0, streamIndexRef.current)
+    //     )
+    //   intervalRef.current = setInterval(() => {
+    //     if (streamIndexRef.current < streamRef.current?.length) {
+    //       const current = streamRef.current[streamIndexRef.current]
+    //       setStreamingTextToDisplay((value) => `${value}${current}`)
+    //       streamIndexRef.current = streamIndexRef.current + 1
+    //     } else {
+    //       setCurrentTextEnded(true)
+    //       intervalRef.current && clearInterval(intervalRef.current)
+    //     }
+    //   }, interval)
+    // }
     const handleNewStreaming = (text)=>{
+        text = $b22a7bbed115cb27$var$md.render(text);
+        streamRef.current = text.split(" ");
         setCurrentTextEnded(false);
-        // Create array containing indexes of \n parts to replace them with html <br /> tag later
-        const slashNIndexesArray = [];
-        let searchIndex = 0;
-        while(text.indexOf("\n", searchIndex) !== -1){
-            const index = text.indexOf("\n", searchIndex);
-            slashNIndexesArray.push(index);
-            searchIndex = index + 2;
-        }
-        streamRef.current = text.split("");
-        let currentIndex = 0;
         intervalRef.current = setInterval(()=>{
-            if (streamRef.current?.length) {
-                const current = streamRef.current[0];
-                if (slashNIndexesArray.includes(currentIndex)) {
-                    // If the current index is present in the array of indexes, then it means it is a \n so replace it with <br /> and jump 2 characters after
-                    setStreamingTextToDisplay((value)=>`${value}<br />`);
-                    streamRef.current = streamRef.current.slice(1);
-                } else {
-                    setStreamingTextToDisplay((value)=>`${value}${current}`);
-                    streamRef.current = streamRef.current.slice(1);
-                }
-                currentIndex++;
+            if (streamIndexRef.current < streamRef.current.length - 1) {
+                const current = streamRef.current[streamIndexRef.current];
+                setStreamingTextToDisplay((value)=>`${value} ${current}`);
+                streamIndexRef.current = streamIndexRef.current + 1;
+                streamIndexRef.current % 10 === 0 && triggerScroll();
             } else {
                 setCurrentTextEnded(true);
+                triggerScroll();
                 intervalRef.current && clearInterval(intervalRef.current);
             }
         }, $b22a7bbed115cb27$var$interval);
     };
+    const resetData = ()=>{
+        setCurrentQueueIndex(0);
+        streamIndexRef.current = 0;
+        previousTextRef.current = [];
+        (0, $04ce41b46d359821$export$e9ca045daeb00700)(0);
+        intervalRef?.current && clearInterval(intervalRef.current);
+    };
     (0, $b3y7N$useEffect)(()=>{
-        if (streamingQueue?.length && currentTextEnded) {
-            if (streamingQueue.length > currentQueueIndex) {
-                handleNewStreaming(streamingQueue[currentQueueIndex].text || "");
-                setCurrentQueueIndex((value)=>value + 1);
+        if (currentTextEnded && streamingQueue?.length) {
+            if (streamingCount === 0 || currentQueueIndex < streamingCount) {
+                if (streamingQueue.length > currentQueueIndex) {
+                    setStreamingEnded(false);
+                    let text = "";
+                    for(let i = 0; i <= currentQueueIndex; i++)text = text + streamingQueue[i].text;
+                    handleNewStreaming(text);
+                    setCurrentQueueIndex((value)=>value + 1);
+                }
             } else {
-                setCurrentQueueIndex(0);
-                (0, $04ce41b46d359821$export$de8aad637f733113)(null);
+                let fullText = "";
+                streamingQueue.forEach((activity)=>{
+                    fullText = `${fullText} ${activity.text}`;
+                });
+                setStreamingTextToDisplay($b22a7bbed115cb27$var$md.render(fullText));
+                setStreamingEnded(true);
+                resetData();
             }
         }
     }, [
         streamingQueue,
-        currentTextEnded
+        currentTextEnded,
+        streamingCount
     ]);
     (0, $b3y7N$useEffect)(()=>{
-        streamingTextToDisplay.length % 20 === 0 && triggerScroll();
+        if (!currentStreaming) {
+            setCurrentTextEnded(true);
+            setStreamingTextToDisplay("");
+            resetData();
+        }
     }, [
-        streamingTextToDisplay
+        currentStreaming
     ]);
     (0, $b3y7N$useEffect)(()=>{
         return ()=>{
@@ -15675,17 +15717,30 @@ const $b22a7bbed115cb27$var$DisplayStreaming = ({ streamingQueue: streamingQueue
         };
     }, []);
     return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
-        id: "retorik-botResponses",
-        className: "rf-flex rf-flex-col rf-text-size-auto rf-scrollbar-hidden",
+        className: "rf-text-textModePanelConversationBot rf-flex rf-flex-col rf-items-start rf-gap-2",
         children: [
+            isMobile && time && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                className: "rf-px-4 rf-text-[#9A9A9A]",
+                children: time.toLocaleString(locale, {
+                    hour: "numeric",
+                    minute: "numeric"
+                })
+            }),
             streamingTextToDisplay && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-                className: "rf-px-4 rf-text-textModePanelConversationBot",
+                className: "rf-px-4",
                 dangerouslySetInnerHTML: {
                     __html: streamingTextToDisplay
                 }
             }),
-            currentQueueIndex !== 0 && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
-                className: "rf-px-4 rf-font-bold rf-text-textModePanelConversationBot rf-animate-blink",
+            currentQueueIndex === 0 ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
+                children: !!streamingActivity?.attachments?.length && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                    className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${streamingActivity.attachments.length <= 1 && "rf-px-4"}`,
+                    children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d7c37f48f10c5387$export$2e2bcd8739ae039), {
+                        activity: streamingActivity
+                    })
+                })
+            }) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                className: "rf-px-4 rf-font-bold rf-animate-blink",
                 children: "..."
             })
         ]
@@ -15694,7 +15749,75 @@ const $b22a7bbed115cb27$var$DisplayStreaming = ({ streamingQueue: streamingQueue
 var $b22a7bbed115cb27$export$2e2bcd8739ae039 = $b22a7bbed115cb27$var$DisplayStreaming;
 
 
-const $df2e46a0b1d75dd8$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, streamingId: streamingId, streamingQueue: streamingQueue, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll })=>{
+
+const $ea27a870d6ff37c7$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
+    const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
+    const currentStreaming = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.currentStreaming);
+    const streamingId = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingReplyToId);
+    const { configuration: { forceMobileView: forceMobileView } } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
+    const [streamingActivity, setStreamingActivity] = (0, $b3y7N$useState)(undefined);
+    const [streamingEnded, setStreamingEnded] = (0, $b3y7N$useState)(false);
+    const nonStreamingActivities = (0, $b3y7N$useMemo)(()=>{
+        if (streamingActivity) return botResponses.filter((act)=>act.id !== streamingActivity.id && act.replyToId === streamingActivity.replyToId);
+        return botResponses;
+    }, [
+        streamingActivity,
+        botResponses
+    ]);
+    (0, $b3y7N$useEffect)(()=>{
+        if (botResponses.length && currentStreaming) setStreamingActivity(botResponses.find((act)=>act.replyToId === streamingId && act.value?.streamingCount));
+        else setStreamingActivity(undefined);
+    }, [
+        botResponses,
+        currentStreaming,
+        streamingId
+    ]);
+    return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
+        children: [
+            canBeStreaming && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b22a7bbed115cb27$export$2e2bcd8739ae039), {
+                triggerScroll: triggerScroll,
+                setStreamingEnded: setStreamingEnded,
+                streamingActivity: streamingActivity,
+                currentStreaming: currentStreaming,
+                isMobile: isMobile
+            }),
+            (!streamingActivity || streamingActivity && streamingEnded) && nonStreamingActivities.map((activity, key)=>{
+                const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
+                return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
+                    className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
+                    children: [
+                        isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                            className: "rf-px-4 rf-text-[#9A9A9A]",
+                            children: answerTime.toLocaleString(locale, {
+                                hour: "numeric",
+                                minute: "numeric"
+                            })
+                        }),
+                        activity.htmlText ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                            className: "rf-px-4",
+                            dangerouslySetInnerHTML: {
+                                __html: activity.htmlText
+                            }
+                        }) : activity.text ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                            className: "rf-px-4",
+                            children: (0, $3792187fd212489a$export$d6c6ec86eedacfd9)(activity.text)
+                        }) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {}),
+                        !!activity?.attachments?.length && !(0, $1136774ec828a7ed$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                            className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
+                            children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d7c37f48f10c5387$export$2e2bcd8739ae039), {
+                                activity: activity
+                            })
+                        })
+                    ]
+                }, key);
+            })
+        ]
+    });
+};
+var $ea27a870d6ff37c7$export$2e2bcd8739ae039 = $ea27a870d6ff37c7$var$DisplayStandard;
+
+
+const $df2e46a0b1d75dd8$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
     const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
     return /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
         children: [
@@ -15715,12 +15838,15 @@ const $df2e46a0b1d75dd8$var$ConversationDisplay = ({ userQuestion: userQuestion,
                     })
                 ]
             }, userQuestion.id),
-            streamingId && streamingQueue?.length ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b22a7bbed115cb27$export$2e2bcd8739ae039), {
-                streamingQueue: streamingQueue,
-                triggerScroll: triggerScroll
-            }) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $ea27a870d6ff37c7$export$2e2bcd8739ae039), {
-                botResponses: botResponses || [],
-                isMobile: isMobile
+            /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+                id: "retorik-botResponses",
+                className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
+                children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $ea27a870d6ff37c7$export$2e2bcd8739ae039), {
+                    triggerScroll: triggerScroll,
+                    botResponses: botResponses || [],
+                    isMobile: isMobile,
+                    canBeStreaming: canBeStreaming
+                })
             })
         ]
     });
@@ -15741,8 +15867,6 @@ const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActiv
     const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $b3y7N$useState)(false);
     const [scrollButtonDirection, setScrollButtonDirection] = (0, $b3y7N$useState)("bottom");
     const [preventScroll, setPreventScroll] = (0, $b3y7N$useState)(false);
-    const streamingId = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
-    const streamingQueue = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
     const retorikConversationRef = (0, $b3y7N$useRef)(null);
     const botEndRef = (0, $b3y7N$useRef)(null);
     const timerRef = (0, $b3y7N$useRef)(null);
@@ -15846,11 +15970,10 @@ const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActiv
                             children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $df2e46a0b1d75dd8$export$2e2bcd8739ae039), {
                                 userQuestion: activity.question,
                                 botResponses: activity.answers,
-                                streamingId: index === activities.length - 1 ? streamingId : null,
-                                streamingQueue: streamingQueue,
                                 userQuestionTime: userQuestionTime,
                                 isMobile: true,
-                                triggerScroll: ()=>scrollHandler("bottom", "newMessage")
+                                triggerScroll: ()=>scrollHandler("bottom", "newMessage"),
+                                canBeStreaming: index === activities.length - 1
                             })
                         }, index);
                     }),
@@ -15871,8 +15994,7 @@ const $2aae80cf8e050a0a$var$ConversationPanelMobile = ({ homeActivity: homeActiv
 var $2aae80cf8e050a0a$export$2e2bcd8739ae039 = $2aae80cf8e050a0a$var$ConversationPanelMobile;
 
 
-
-
+/* eslint-disable react/jsx-boolean-value */ 
 
 
 
@@ -15881,8 +16003,6 @@ var $2aae80cf8e050a0a$export$2e2bcd8739ae039 = $2aae80cf8e050a0a$var$Conversatio
 const $158745933e0ea53f$var$ConversationPanelLarge = ({ homeActivity: homeActivity, itemsInConversation: itemsInConversation })=>{
     const activities = (0, $d8c9d0fe519d0cbe$export$2e2bcd8739ae039)();
     const { mediumLandscape: mediumLandscape } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
-    const streamingId = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
-    const streamingQueue = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
     const botEndRef = (0, $b3y7N$useRef)(null);
     const timerRef = (0, $b3y7N$useRef)(null);
     const userQuestion = (0, $b3y7N$useMemo)(()=>{
@@ -15912,7 +16032,7 @@ const $158745933e0ea53f$var$ConversationPanelLarge = ({ homeActivity: homeActivi
     }, [
         itemsInConversation
     ]);
-    return homeActivity?.attachments?.length || streamingId || userQuestion || botResponses ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
+    return homeActivity?.attachments?.length || userQuestion || botResponses ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
         className: `rf-relative rf-max-h-full ${mediumLandscape ? "rf-col-start-4" : "rf-col-start-5"} vertical:rf-col-start-1 rf-col-span-full rf-row-start-4 rf-row-end-12 large-vertical:rf-row-start-7 large-vertical:rf-row-span-6 rf-self-start rf-overflow-hidden rf-justify-self-center rf-w-3/5 rf-flex rf-flex-col rf-rounded rf-bg-textModePanelBackground`,
         children: /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
             id: "retorik-conversation",
@@ -15926,9 +16046,8 @@ const $158745933e0ea53f$var$ConversationPanelLarge = ({ homeActivity: homeActivi
                 }) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $df2e46a0b1d75dd8$export$2e2bcd8739ae039), {
                     userQuestion: userQuestion,
                     botResponses: botResponses,
-                    streamingId: streamingId,
-                    streamingQueue: streamingQueue,
-                    triggerScroll: handleScroll
+                    triggerScroll: handleScroll,
+                    canBeStreaming: true
                 }),
                 /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
                     ref: botEndRef
@@ -18658,6 +18777,7 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         if (cancel) {
             utterance ? setUtterance(null) : (0, $04ce41b46d359821$export$d0df6aec4e971f52)(false);
             setNextUtterance(null);
+            (0, $04ce41b46d359821$export$c3296e37e9ef3fed)();
         }
     }, [
         cancel
@@ -18841,9 +18961,8 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         // Check if the audio ended because of a cancel call
         if (cancelRef.current) {
             queuedActivitiesRef.current = [];
-            (0, $04ce41b46d359821$export$614a80601162ec38)(null);
             tempCurrentStreamingRef.current = null;
-            (0, $04ce41b46d359821$export$87afd75c41a617d7)([]);
+            // killCurrentStreaming()
             (0, $04ce41b46d359821$export$d0df6aec4e971f52)(false);
         } else if (streamingQueue.length) {
             const tempActivity = streamingQueue[0];
@@ -18856,7 +18975,7 @@ const $45f8218489149157$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
             futureUtterance = checkSayAsWordsAndCreateUtterance(params);
             tempCurrentStreamingRef.current = tempActivity.text || null;
         } else {
-            (0, $04ce41b46d359821$export$614a80601162ec38)(null);
+            // setStreamingReplyToId(null)
             // Launch next activity in the queue and remove it from the queue
             if (queuedActivitiesRef.current?.length) {
                 const activity = queuedActivitiesRef.current[0];
@@ -19111,8 +19230,11 @@ var $efe892d829a9a26a$export$2e2bcd8739ae039 = $efe892d829a9a26a$var$SpeechManag
 
 
 
+
+
 const $86772fb907b8c462$var$FocusManager = ()=>{
-    const currentDeviceType = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
+    const isWidget = (0, $957e950ca3ff2781$export$d13b2577cb75f2ad)((state)=>state.isWidget);
+    const open = (0, $f9b55dee2122a017$export$d95eb9b67812311f)((state)=>state.open);
     const muted = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.muted);
     const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
     const focusedRef = (0, $b3y7N$useRef)(true);
@@ -19128,6 +19250,23 @@ const $86772fb907b8c462$var$FocusManager = ()=>{
     }, [
         activeRecognitionState
     ]);
+    (0, $b3y7N$useEffect)(()=>{
+        if ((0, $b3y7N$isMobile) && isWidget) {
+            if (open) {
+                focusedRef.current = true;
+                oldMutedRef.current === false && (0, $04ce41b46d359821$export$a1680ba91cc9be33)(false);
+            } else {
+                focusedRef.current = false;
+                (0, $04ce41b46d359821$export$d0df6aec4e971f52)(true);
+                (0, $04ce41b46d359821$export$a1680ba91cc9be33)(true);
+                recognitionStateRef.current === (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Listening && (0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).ForceClosing);
+            }
+        }
+    }, [
+        open,
+        isWidget,
+        (0, $b3y7N$isMobile)
+    ]);
     const handleVisibilityChange = ()=>{
         if (document.visibilityState === "visible") {
             focusedRef.current = true;
@@ -19140,12 +19279,12 @@ const $86772fb907b8c462$var$FocusManager = ()=>{
         }
     };
     (0, $b3y7N$useEffect)(()=>{
-        currentDeviceType === (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).mobile && document.addEventListener("visibilitychange", handleVisibilityChange);
+        (0, $b3y7N$isMobile) && document.addEventListener("visibilitychange", handleVisibilityChange);
         return ()=>{
             document.removeEventListener("visibilitychange", handleVisibilityChange);
         };
     }, [
-        currentDeviceType
+        (0, $b3y7N$isMobile)
     ]);
     return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {});
 };