@davi-ai/retorik-framework 1.0.17 → 1.0.18

package/dist/index.js

@@ -1204,10 +1204,11 @@ const $5f7f457957bd2c8d$var$initialState = {
     activeRecognitionState: (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed,
     lastRecognitionInterim: "",
     streamingReplyToId: null,
-    streamingReplyToIdForText: null,
     streamingQueue: [],
     streamingQueueForText: [],
-    currentStreaming: null
+    currentStreaming: null,
+    streamingQueueFullLength: 0,
+    streamingReplyToIdToIgnore: null
 };
 const $5f7f457957bd2c8d$export$f299240efcda25a2 = (0, $dWhh5$zustand.create)()(()=>{
     return $5f7f457957bd2c8d$var$initialState;
@@ -1266,16 +1267,7 @@ const $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb = (value)=>{
 };
 const $5f7f457957bd2c8d$export$614a80601162ec38 = (value)=>{
     $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
-        streamingReplyToId: value,
-        streamingReplyToIdForText: value
-    });
-    value === null && $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
-        currentStreaming: null
-    });
-};
-const $5f7f457957bd2c8d$export$de8aad637f733113 = (value)=>{
-    $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
-        streamingReplyToIdForText: value
+        streamingReplyToId: value
     });
 };
 const $5f7f457957bd2c8d$export$87afd75c41a617d7 = (value)=>{
@@ -1285,11 +1277,12 @@ const $5f7f457957bd2c8d$export$87afd75c41a617d7 = (value)=>{
     });
 };
 const $5f7f457957bd2c8d$export$9a026d007e335fc0 = (value)=>{
-    if (value.replyToId) {
+    const idToIgnore = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToIdToIgnore;
+    if (value.replyToId && value.replyToId !== idToIgnore) {
         // Set replyToId and new queue if replyToId is different from the current one
         if ($5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId !== value.replyToId) $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
+            streamingQueueFullLength: 0,
             streamingReplyToId: value.replyToId,
-            streamingReplyToIdForText: value.replyToId,
             streamingQueue: [
                 value
             ],
@@ -1322,11 +1315,36 @@ const $5f7f457957bd2c8d$export$eb50624bfd363865 = ()=>{
         });
     }
 };
+const $5f7f457957bd2c8d$export$8505d436556ca045 = (replyToId)=>{
+    const currentId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
+    currentId !== replyToId && $5f7f457957bd2c8d$export$c3296e37e9ef3fed();
+};
+const $5f7f457957bd2c8d$export$c3296e37e9ef3fed = ()=>{
+    const currentId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
+    $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
+        streamingReplyToId: null,
+        streamingQueue: [],
+        streamingQueueForText: [],
+        currentStreaming: null,
+        streamingQueueFullLength: 0,
+        streamingReplyToIdToIgnore: currentId
+    });
+};
 const $5f7f457957bd2c8d$export$d300d9470f5679ba = (value)=>{
     $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
         currentStreaming: value
     });
 };
+const $5f7f457957bd2c8d$export$e9ca045daeb00700 = (value, replyToId)=>{
+    if (replyToId) {
+        const currentStreamingId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
+        replyToId === currentStreamingId && $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
+            streamingQueueFullLength: value
+        });
+    } else $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
+        streamingQueueFullLength: value
+    });
+};
 const $5f7f457957bd2c8d$export$b6d2196a3ce412d8 = ()=>{
     $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
         ...$5f7f457957bd2c8d$var$initialState
@@ -1370,7 +1388,9 @@ const $9acd31406c230961$var$addActivity = async (activity, resetQueue)=>{
     const isBot = activity.from.role === "bot" || activity.replyToId || ((_activity_from_name = activity.from.name) === null || _activity_from_name === void 0 ? void 0 : _activity_from_name.toLowerCase()) === "bot";
     if (activity.type === "message") {
         if (isBot) {
-            var _currentState_botMessageActivities, _activity_replyToId;
+            var _activity_value, _currentState_botMessageActivities, _activity_replyToId;
+            // If this activity is the one concluding a streaming, let's set the amount of streams previously generated
+            if (!currentState.retrievingConversation && ((_activity_value = activity.value) === null || _activity_value === void 0 ? void 0 : _activity_value.streamingCount)) (0, $5f7f457957bd2c8d$export$e9ca045daeb00700)(activity.value.streamingCount, activity.replyToId);
             if (((_currentState_botMessageActivities = currentState.botMessageActivities) === null || _currentState_botMessageActivities === void 0 ? void 0 : _currentState_botMessageActivities.length) && ((_activity_replyToId = activity.replyToId) === null || _activity_replyToId === void 0 ? void 0 : _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.
             $9acd31406c230961$export$b56465394e2b1287.setState({
@@ -1497,6 +1517,8 @@ const $9acd31406c230961$export$f9786f6b1a1e81e3 = (activity)=>{
     $9acd31406c230961$var$timerRef && clearTimeout($9acd31406c230961$var$timerRef);
     $9acd31406c230961$var$timerRef = setTimeout(()=>{
         $9acd31406c230961$var$updateActivities();
+        // Let speechStore check if this activity has an impact on a curent streaming
+        (0, $5f7f457957bd2c8d$export$8505d436556ca045)(activity.replyToId);
     }, 500);
 };
 const $9acd31406c230961$export$210f7e70e69f7df5 = (activity)=>{
@@ -1508,12 +1530,6 @@ const $9acd31406c230961$export$210f7e70e69f7df5 = (activity)=>{
     const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
     currentConversationId && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && $9acd31406c230961$export$f9786f6b1a1e81e3(activity);
 };
-const $9acd31406c230961$export$35bf93b87d9ffb15 = (activity)=>{
-    var _activity_id;
-    const retrieving = $9acd31406c230961$export$b56465394e2b1287.getState().retrievingConversation;
-    const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
-    currentConversationId && !retrieving && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && (0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(activity);
-};
 const $9acd31406c230961$export$4365557467e67cdc = (value)=>{
     const currentState = $9acd31406c230961$export$b56465394e2b1287.getState();
     // Check directline id to know if we have to reset the activities
@@ -1550,7 +1566,6 @@ const $9acd31406c230961$export$b7b23f8e09258fa6 = ()=>{
 };
 
 
-
 const $c79349f4444d81d7$var$regexDataCommand = /(\{data-command=")[\p{L}\p{N}\p{Po}\p{Pd}\p{Pc}\s\u0027\u2019]+("\})(<br\s\/>)?/gu;
 const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conversationCookieMaxAge, addressData, locale, externalEventHandler, isUsedOnBorne, isRetorikNews)=>{
     return (0, $dWhh5$botframeworkwebchat.createStore)({}, ({ dispatch: dispatch })=>(next)=>async (action)=>{
@@ -1641,10 +1656,14 @@ const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conve
                             var _action_payload_activity_text;
                             if ((_action_payload_activity_text = action.payload.activity.text) === null || _action_payload_activity_text === void 0 ? void 0 : _action_payload_activity_text.trim().length) {
                                 // Create speak field from the text one
-                                const processedText = (0, $48f0df83bc0817a8$export$1b8fbc30fb87d9aa)(action.payload.activity.text, true);
-                                action.payload.activity.text = processedText.text;
+                                // const processedText = processMarkdownAndSpeechMarkdown(
+                                //   action.payload.activity.text,
+                                //   true
+                                // )
+                                const processedText = (0, $175044c5f3c2d8cc$export$2e2bcd8739ae039)(action);
+                                // action.payload.activity.text = processedText.htmlText
                                 action.payload.activity.speak = processedText.text;
-                                (0, $9acd31406c230961$export$35bf93b87d9ffb15)(action.payload.activity);
+                                (0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(action.payload.activity);
                             }
                             return next(action);
                         }
@@ -5437,17 +5456,15 @@ const $0425d21c89c76455$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);
@@ -15645,7 +15662,6 @@ const $1068fd56b5926747$export$f0e9d14ede4c01bd = ()=>{
 
 
 
-
 const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe9a", companyName: companyName, companyNameLocalized: companyNameLocalized, subCompanyMessage: subCompanyMessage, subCompanyMessageLocalized: subCompanyMessageLocalized, imageUrl: imageUrl = "" })=>{
     const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
     const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
@@ -15705,107 +15721,131 @@ const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe
 };
 
 
-const $a2a195f52aaf1332$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile })=>{
-    const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
-    const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
-    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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)=>{
-            var _activity_attachments;
-            const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
-            return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "rf-px-4 rf-text-[#9A9A9A]",
-                        children: answerTime.toLocaleString(locale, {
-                            hour: "numeric",
-                            minute: "numeric"
-                        })
-                    }),
-                    activity.htmlText ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "rf-px-4",
-                        dangerouslySetInnerHTML: {
-                            __html: activity.htmlText
-                        }
-                    }) : activity.text ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "rf-px-4",
-                        children: (0, $547da4225675b90f$export$d6c6ec86eedacfd9)(activity.text)
-                    }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
-                    !!(activity === null || activity === void 0 ? void 0 : (_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
-                            activity: activity
-                        })
-                    })
-                ]
-            }, key);
-        })
-    });
-};
-var $a2a195f52aaf1332$export$2e2bcd8739ae039 = $a2a195f52aaf1332$var$DisplayStandard;
 
 
 
 
 
-const $8113fa9a024156c4$var$interval = 25;
-const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue, triggerScroll: triggerScroll })=>{
+
+
+const $8113fa9a024156c4$var$interval = 150 // 20 // 25
+;
+const $8113fa9a024156c4$var$md = new (0, ($parcel$interopDefault($dWhh5$markdownit)))({
+    breaks: true,
+    html: true,
+    xhtmlOut: true,
+    typographer: true,
+    quotes: `""''`
+});
+const $8113fa9a024156c4$var$DisplayStreaming = ({ triggerScroll: triggerScroll, setStreamingEnded: setStreamingEnded, streamingActivity: streamingActivity, currentStreaming: currentStreaming, isMobile: isMobile })=>{
+    var _streamingActivity_attachments;
+    const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
+    const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
+    const streamingCount = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueFullLength);
+    const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
     const [streamingTextToDisplay, setStreamingTextToDisplay] = (0, $dWhh5$react.useState)("");
     const [currentTextEnded, setCurrentTextEnded] = (0, $dWhh5$react.useState)(true);
     const [currentQueueIndex, setCurrentQueueIndex] = (0, $dWhh5$react.useState)(0);
+    const time = (0, $dWhh5$react.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, $dWhh5$react.useRef)(null);
     const streamRef = (0, $dWhh5$react.useRef)([]);
+    const streamIndexRef = (0, $dWhh5$react.useRef)(0);
+    const previousTextRef = (0, $dWhh5$react.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 = $8113fa9a024156c4$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(()=>{
-            var _streamRef_current;
-            if ((_streamRef_current = streamRef.current) === null || _streamRef_current === void 0 ? void 0 : _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);
             }
         }, $8113fa9a024156c4$var$interval);
     };
+    const resetData = ()=>{
+        setCurrentQueueIndex(0);
+        streamIndexRef.current = 0;
+        previousTextRef.current = [];
+        (0, $5f7f457957bd2c8d$export$e9ca045daeb00700)(0);
+        (intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current) && clearInterval(intervalRef.current);
+    };
     (0, $dWhh5$react.useEffect)(()=>{
-        if ((streamingQueue === null || streamingQueue === void 0 ? void 0 : streamingQueue.length) && currentTextEnded) {
-            if (streamingQueue.length > currentQueueIndex) {
-                handleNewStreaming(streamingQueue[currentQueueIndex].text || "");
-                setCurrentQueueIndex((value)=>value + 1);
+        if (currentTextEnded && (streamingQueue === null || streamingQueue === void 0 ? void 0 : 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, $5f7f457957bd2c8d$export$de8aad637f733113)(null);
+                let fullText = "";
+                streamingQueue.forEach((activity)=>{
+                    fullText = `${fullText} ${activity.text}`;
+                });
+                setStreamingTextToDisplay($8113fa9a024156c4$var$md.render(fullText));
+                setStreamingEnded(true);
+                resetData();
             }
         }
     }, [
         streamingQueue,
-        currentTextEnded
+        currentTextEnded,
+        streamingCount
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
-        streamingTextToDisplay.length % 20 === 0 && triggerScroll();
+        if (!currentStreaming) {
+            setCurrentTextEnded(true);
+            setStreamingTextToDisplay("");
+            resetData();
+        }
     }, [
-        streamingTextToDisplay
+        currentStreaming
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         return ()=>{
@@ -15813,17 +15853,30 @@ const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue
         };
     }, []);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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, $dWhh5$reactjsxruntime.jsx)("div", {
+                className: "rf-px-4 rf-text-[#9A9A9A]",
+                children: time.toLocaleString(locale, {
+                    hour: "numeric",
+                    minute: "numeric"
+                })
+            }),
             streamingTextToDisplay && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-px-4 rf-text-textModePanelConversationBot",
+                className: "rf-px-4",
                 dangerouslySetInnerHTML: {
                     __html: streamingTextToDisplay
                 }
             }),
-            currentQueueIndex !== 0 && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-px-4 rf-font-bold rf-text-textModePanelConversationBot rf-animate-blink",
+            currentQueueIndex === 0 ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+                children: !!(streamingActivity === null || streamingActivity === void 0 ? void 0 : (_streamingActivity_attachments = streamingActivity.attachments) === null || _streamingActivity_attachments === void 0 ? void 0 : _streamingActivity_attachments.length) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                    className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${streamingActivity.attachments.length <= 1 && "rf-px-4"}`,
+                    children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
+                        activity: streamingActivity
+                    })
+                })
+            }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                className: "rf-px-4 rf-font-bold rf-animate-blink",
                 children: "..."
             })
         ]
@@ -15832,7 +15885,79 @@ const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue
 var $8113fa9a024156c4$export$2e2bcd8739ae039 = $8113fa9a024156c4$var$DisplayStreaming;
 
 
-const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, streamingId: streamingId, streamingQueue: streamingQueue, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll })=>{
+
+const $a2a195f52aaf1332$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
+    const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
+    const currentStreaming = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.currentStreaming);
+    const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToId);
+    const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
+    const [streamingActivity, setStreamingActivity] = (0, $dWhh5$react.useState)(undefined);
+    const [streamingEnded, setStreamingEnded] = (0, $dWhh5$react.useState)(false);
+    const nonStreamingActivities = (0, $dWhh5$react.useMemo)(()=>{
+        if (streamingActivity) return botResponses.filter((act)=>act.id !== streamingActivity.id && act.replyToId === streamingActivity.replyToId);
+        return botResponses;
+    }, [
+        streamingActivity,
+        botResponses
+    ]);
+    (0, $dWhh5$react.useEffect)(()=>{
+        if (botResponses.length && currentStreaming) setStreamingActivity(botResponses.find((act)=>{
+            var _act_value;
+            return act.replyToId === streamingId && ((_act_value = act.value) === null || _act_value === void 0 ? void 0 : _act_value.streamingCount);
+        }));
+        else setStreamingActivity(undefined);
+    }, [
+        botResponses,
+        currentStreaming,
+        streamingId
+    ]);
+    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+        children: [
+            canBeStreaming && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8113fa9a024156c4$export$2e2bcd8739ae039), {
+                triggerScroll: triggerScroll,
+                setStreamingEnded: setStreamingEnded,
+                streamingActivity: streamingActivity,
+                currentStreaming: currentStreaming,
+                isMobile: isMobile
+            }),
+            (!streamingActivity || streamingActivity && streamingEnded) && nonStreamingActivities.map((activity, key)=>{
+                var _activity_attachments;
+                const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
+                return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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, $dWhh5$reactjsxruntime.jsx)("div", {
+                            className: "rf-px-4 rf-text-[#9A9A9A]",
+                            children: answerTime.toLocaleString(locale, {
+                                hour: "numeric",
+                                minute: "numeric"
+                            })
+                        }),
+                        activity.htmlText ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                            className: "rf-px-4",
+                            dangerouslySetInnerHTML: {
+                                __html: activity.htmlText
+                            }
+                        }) : activity.text ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                            className: "rf-px-4",
+                            children: (0, $547da4225675b90f$export$d6c6ec86eedacfd9)(activity.text)
+                        }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
+                        !!(activity === null || activity === void 0 ? void 0 : (_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
+                                activity: activity
+                            })
+                        })
+                    ]
+                }, key);
+            })
+        ]
+    });
+};
+var $a2a195f52aaf1332$export$2e2bcd8739ae039 = $a2a195f52aaf1332$var$DisplayStandard;
+
+
+const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
     const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
@@ -15853,12 +15978,15 @@ const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion,
                     })
                 ]
             }, userQuestion.id),
-            streamingId && (streamingQueue === null || streamingQueue === void 0 ? void 0 : streamingQueue.length) ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8113fa9a024156c4$export$2e2bcd8739ae039), {
-                streamingQueue: streamingQueue,
-                triggerScroll: triggerScroll
-            }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a2a195f52aaf1332$export$2e2bcd8739ae039), {
-                botResponses: botResponses || [],
-                isMobile: isMobile
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                id: "retorik-botResponses",
+                className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
+                children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a2a195f52aaf1332$export$2e2bcd8739ae039), {
+                    triggerScroll: triggerScroll,
+                    botResponses: botResponses || [],
+                    isMobile: isMobile,
+                    canBeStreaming: canBeStreaming
+                })
             })
         ]
     });
@@ -15880,8 +16008,6 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
     const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $dWhh5$react.useState)(false);
     const [scrollButtonDirection, setScrollButtonDirection] = (0, $dWhh5$react.useState)("bottom");
     const [preventScroll, setPreventScroll] = (0, $dWhh5$react.useState)(false);
-    const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
-    const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
     const retorikConversationRef = (0, $dWhh5$react.useRef)(null);
     const botEndRef = (0, $dWhh5$react.useRef)(null);
     const timerRef = (0, $dWhh5$react.useRef)(null);
@@ -15985,11 +16111,10 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
                             children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4d9ea07b04f0d01b$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);
                     }),
@@ -16010,8 +16135,7 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
 var $7df5d708684c32ba$export$2e2bcd8739ae039 = $7df5d708684c32ba$var$ConversationPanelMobile;
 
 
-
-
+/* eslint-disable react/jsx-boolean-value */ 
 
 
 
@@ -16021,8 +16145,6 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
     var _homeActivity_attachments, _homeActivity_attachments1;
     const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
     const { mediumLandscape: mediumLandscape } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
-    const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
-    const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
     const botEndRef = (0, $dWhh5$react.useRef)(null);
     const timerRef = (0, $dWhh5$react.useRef)(null);
     const userQuestion = (0, $dWhh5$react.useMemo)(()=>{
@@ -16054,7 +16176,7 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
     }, [
         itemsInConversation
     ]);
-    return (homeActivity === null || homeActivity === void 0 ? void 0 : (_homeActivity_attachments = homeActivity.attachments) === null || _homeActivity_attachments === void 0 ? void 0 : _homeActivity_attachments.length) || streamingId || userQuestion || botResponses ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+    return (homeActivity === null || homeActivity === void 0 ? void 0 : (_homeActivity_attachments = homeActivity.attachments) === null || _homeActivity_attachments === void 0 ? void 0 : _homeActivity_attachments.length) || userQuestion || botResponses ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.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, $dWhh5$reactjsxruntime.jsxs)("div", {
             id: "retorik-conversation",
@@ -16068,9 +16190,8 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
                 }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4d9ea07b04f0d01b$export$2e2bcd8739ae039), {
                     userQuestion: userQuestion,
                     botResponses: botResponses,
-                    streamingId: streamingId,
-                    streamingQueue: streamingQueue,
-                    triggerScroll: handleScroll
+                    triggerScroll: handleScroll,
+                    canBeStreaming: true
                 }),
                 /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                     ref: botEndRef
@@ -18818,6 +18939,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         if (cancel) {
             utterance ? setUtterance(null) : (0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(false);
             setNextUtterance(null);
+            (0, $5f7f457957bd2c8d$export$c3296e37e9ef3fed)();
         }
     }, [
         cancel
@@ -19004,9 +19126,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         // Check if the audio ended because of a cancel call
         if (cancelRef.current) {
             queuedActivitiesRef.current = [];
-            (0, $5f7f457957bd2c8d$export$614a80601162ec38)(null);
             tempCurrentStreamingRef.current = null;
-            (0, $5f7f457957bd2c8d$export$87afd75c41a617d7)([]);
+            // killCurrentStreaming()
             (0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(false);
         } else if (streamingQueue.length) {
             const tempActivity = streamingQueue[0];
@@ -19020,7 +19141,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
             tempCurrentStreamingRef.current = tempActivity.text || null;
         } else {
             var _queuedActivitiesRef_current, _currentPlayingRef_current;
-            (0, $5f7f457957bd2c8d$export$614a80601162ec38)(null);
+            // setStreamingReplyToId(null)
             // Launch next activity in the queue and remove it from the queue
             if ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length) {
                 const activity = queuedActivitiesRef.current[0];
@@ -19277,8 +19398,11 @@ var $9e19251bfed127fc$export$2e2bcd8739ae039 = $9e19251bfed127fc$var$SpeechManag
 
 
 
+
+
 const $fa132146e65c60c8$var$FocusManager = ()=>{
-    const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
+    const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
+    const open = (0, $1068fd56b5926747$export$d95eb9b67812311f)((state)=>state.open);
     const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
     const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
     const focusedRef = (0, $dWhh5$react.useRef)(true);
@@ -19294,6 +19418,23 @@ const $fa132146e65c60c8$var$FocusManager = ()=>{
     }, [
         activeRecognitionState
     ]);
+    (0, $dWhh5$react.useEffect)(()=>{
+        if ((0, $dWhh5$reactdevicedetect.isMobile) && isWidget) {
+            if (open) {
+                focusedRef.current = true;
+                oldMutedRef.current === false && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(false);
+            } else {
+                focusedRef.current = false;
+                (0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(true);
+                (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(true);
+                recognitionStateRef.current === (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening && (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing);
+            }
+        }
+    }, [
+        open,
+        isWidget,
+        (0, $dWhh5$reactdevicedetect.isMobile)
+    ]);
     const handleVisibilityChange = ()=>{
         if (document.visibilityState === "visible") {
             focusedRef.current = true;
@@ -19306,12 +19447,12 @@ const $fa132146e65c60c8$var$FocusManager = ()=>{
         }
     };
     (0, $dWhh5$react.useEffect)(()=>{
-        currentDeviceType === (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile && document.addEventListener("visibilitychange", handleVisibilityChange);
+        (0, $dWhh5$reactdevicedetect.isMobile) && document.addEventListener("visibilitychange", handleVisibilityChange);
         return ()=>{
             document.removeEventListener("visibilitychange", handleVisibilityChange);
         };
     }, [
-        currentDeviceType
+        (0, $dWhh5$reactdevicedetect.isMobile)
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
 };