@davi-ai/retorik-framework 4.0.1 → 4.0.2

package/dist/index.js

@@ -21,6 +21,7 @@ var $dWhh5$opentelemetryinstrumentationdocumentload = require("@opentelemetry/in
 var $dWhh5$reacterrorboundary = require("react-error-boundary");
 var $dWhh5$reactshadow = require("react-shadow");
 var $dWhh5$leaflet = require("leaflet");
+var $dWhh5$daviaivirtualkeyboard = require("@davi-ai/virtual-keyboard");
 var $dWhh5$adaptivecardslibcardelements = require("adaptivecards/lib/card-elements");
 var $dWhh5$swchelperscjs_ts_decoratecjs = require("@swc/helpers/cjs/_ts_decorate.cjs");
 var $dWhh5$daviaiwebspeechcognitiveservicesdavi = require("@davi-ai/web-speech-cognitive-services-davi");
@@ -31803,16 +31804,15 @@ const $edd32e16dfb9e66e$var$Qb = /* @__PURE__ */ $edd32e16dfb9e66e$var$wy($edd32
                 t.payload
             ]);
         },
-        setCookiesInBrowser: (e)=>{
-            const t = e.cookies;
-            t.length && (t.forEach((r)=>{
-                if (r.indexOf("<conversationId>") > -1) {
-                    const i = e.conversationId;
-                    if (i) {
-                        const n = r.replace("<conversationId>", i);
+        setCookiesInBrowser: (e, t)=>{
+            const r = e.cookies;
+            r.length && (r.forEach((i)=>{
+                if (i.indexOf("<conversationId>") > -1) {
+                    if (t.payload) {
+                        const n = i.replace("<conversationId>", t.payload);
                         document.cookie = n;
                     }
-                } else document.cookie = r;
+                } else document.cookie = i;
             }), e.cookies = []);
         },
         setCurrentQueue: (e, t)=>{
@@ -31904,10 +31904,10 @@ const $edd32e16dfb9e66e$var$Qb = /* @__PURE__ */ $edd32e16dfb9e66e$var$wy($edd32
         };
         localStorage.setItem(`Retorik.News.Conversation.${r.addRetorikNewsConversationIdInLocalStorage}`, JSON.stringify(n)), i.addRetorikNewsConversationIdInLocalStorage = void 0;
     }
-    return e && e !== r.conversationId && (t.dispatch($edd32e16dfb9e66e$var$Zb()), r.conversationId === null ? i.conversationId = e : i = {
+    return e && e !== r.conversationId && (r.conversationId === null ? i.conversationId = e : i = {
         ...$edd32e16dfb9e66e$var$Lu,
         conversationId: e
-    }), i;
+    }, t.dispatch($edd32e16dfb9e66e$var$Zb(e))), i;
 }), $edd32e16dfb9e66e$var$gn = $edd32e16dfb9e66e$var$Te("activity/processQueue", async (e, t)=>{
     const r = t.getState().activityReducer;
     if (r.queue.length) {
@@ -32404,14 +32404,14 @@ const $edd32e16dfb9e66e$var$Nc = {
                 domain: e.addressData.directline.address,
                 conversationId: l.id
             });
-            return t.dispatch($edd32e16dfb9e66e$var$rr()), t.dispatch($edd32e16dfb9e66e$var$rn(c)), {
+            return await t.dispatch($edd32e16dfb9e66e$var$rr()), await t.dispatch($edd32e16dfb9e66e$var$rn(c)), {
                 userId: e.userId
             };
         } else {
             const l = await $edd32e16dfb9e66e$var$QM(e.addressData.directline.tokenEndpoint);
             if (l) {
                 const c = e.userId || `defaultId_${Date.now()}`;
-                t.dispatch($edd32e16dfb9e66e$var$rv()), r.externalActivityHandlers.forEach((h)=>{
+                await t.dispatch($edd32e16dfb9e66e$var$rv()), r.externalActivityHandlers.forEach((h)=>{
                     h({
                         type: $edd32e16dfb9e66e$var$Nc[0]
                     });
@@ -32420,7 +32420,7 @@ const $edd32e16dfb9e66e$var$Nc = {
                     token: l,
                     domain: e.addressData.directline.address
                 });
-                return t.dispatch($edd32e16dfb9e66e$var$rr()), t.dispatch($edd32e16dfb9e66e$var$rn(d)), t.dispatch($edd32e16dfb9e66e$var$Nu({
+                return await t.dispatch($edd32e16dfb9e66e$var$rr()), await t.dispatch($edd32e16dfb9e66e$var$rn(d)), await t.dispatch($edd32e16dfb9e66e$var$Nu({
                     name: "Davi.GDPRConsent",
                     value: {
                         userConsent: !0
@@ -32501,7 +32501,7 @@ const $edd32e16dfb9e66e$var$Nc = {
 }), $edd32e16dfb9e66e$var$cv = $edd32e16dfb9e66e$var$Te("directline/endConversation", async (e, t)=>{
     var i;
     t.dispatch($edd32e16dfb9e66e$var$rr()), (i = t.getState().directlineReducer.directLine) == null || i.end();
-}), $edd32e16dfb9e66e$var$lv = $edd32e16dfb9e66e$var$Te("directline/resetDirectlineStore", async (e, t)=>(t.dispatch($edd32e16dfb9e66e$var$rr()), t.dispatch($edd32e16dfb9e66e$var$cv()), {
+}), $edd32e16dfb9e66e$var$lv = $edd32e16dfb9e66e$var$Te("directline/resetDirectlineStore", async (e, t)=>(t.dispatch($edd32e16dfb9e66e$var$rr()), await t.dispatch($edd32e16dfb9e66e$var$cv()), {
         ...$edd32e16dfb9e66e$var$nv
     })), $edd32e16dfb9e66e$var$t9 = $edd32e16dfb9e66e$var$Te("directline/sendMessageToChatbot", async (e, t)=>{
     const r = t.getState();
@@ -32802,31 +32802,26 @@ const $51b67076509d447f$var$Carousel = ({ className: className, medias: medias,
     const [currentIndex, setCurrentIndex] = (0, $dWhh5$react.useState)(0);
     const [currentMedia, setCurrentMedia] = (0, $dWhh5$react.useState)();
     const timerRef = (0, $dWhh5$react.useRef)(null);
-    /**
-   * On medias state change :
-   *  - clear timerRef interval if set
-   *  - call startNewMedia to reset medias
-   *  - if there are more than 1 media, set a timeout and launch it
-   * On component unmount :
-   *  - clear timerRef interval if set
-   */ (0, $dWhh5$react.useEffect)(()=>{
-        // Clear interval
-        timerRef.current && clearInterval(timerRef.current);
+    const startTimer = ()=>{
+        if (medias.length > 1 && timer !== 0) {
+            timerRef.current && clearTimeout(timerRef.current);
+            timerRef.current = setTimeout(handleMore, timer || 3000);
+        }
+    };
+    (0, $dWhh5$react.useEffect)(()=>{
+        // Clear timeout
+        timerRef.current && clearTimeout(timerRef.current);
         // Call the reset function to set currentIndex and currentMedia states
         startNewMedias();
         // Launch timer only if there are more than 1 media
-        if (medias.length > 1 && timer !== 0) timerRef.current = setTimeout(()=>{
-            handleMore();
-        }, timer || 3000);
-        return ()=>timerRef.current && clearTimeout(timerRef.current);
+        startTimer();
+        return ()=>{
+            (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
+        };
     }, [
         medias
     ]);
-    /**
-   * On currentIndex state change :
-   *  - check type of media in medias array at current index by calling checkType method
-   *  - set currentMedia state
-   */ (0, $dWhh5$react.useEffect)(()=>{
+    (0, $dWhh5$react.useEffect)(()=>{
         if (currentIndex !== undefined) {
             const index = currentIndex % medias.length;
             const type = checkType(medias[index].url);
@@ -32836,51 +32831,40 @@ const $51b67076509d447f$var$Carousel = ({ className: className, medias: medias,
                     type: type
                 });
                 // Reset timer only if there are more than 1 media
-                if (medias.length > 1 && timer !== 0) {
-                    timerRef.current && clearTimeout(timerRef.current);
-                    timerRef.current = setTimeout(()=>{
-                        handleMore();
-                    }, timer || 3000);
-                }
+                if (medias.length > 1 && timer !== 0) startTimer();
             }
         }
     }, [
         currentIndex
     ]);
-    /**
-   * On call :
-   *  - check if the currentIndex state is 0
-   *  - if so, if we just update this state to 0 it will remain the same and won't change the currentMedia state. We just leave currentIndex as is and set currentMedia state instead.
-   *  - otherwise, set the currentIndex state to 0
-   */ const startNewMedias = ()=>{
+    const startNewMedias = ()=>{
         if (currentIndex === 0) {
             const type = checkType(medias[0].url);
-            if (type) setCurrentMedia({
+            type && setCurrentMedia({
                 ...medias[0],
                 type: type
             });
         } else setCurrentIndex(0);
     };
     /**
-   * On call :
-   *  - retrieve the extension of the media
-   *  - return if it's either an image, or a video, or null
+   *  Retrieve the extension of the media and return if it's either an image, a video, or null
    * @param src : string
    * @returns number | null
    */ const checkType = (src)=>{
-        const extension = src.split('.').slice(-1)[0];
+        const url = src.split('?')[0];
+        const extension = url.split('.').slice(-1)[0].toLowerCase();
         return $51b67076509d447f$var$images.includes(extension.toLowerCase()) ? 1 : $51b67076509d447f$var$videos.includes(extension.toLowerCase()) ? 2 : null;
     };
     const handleChoice = (choice)=>{
         setCurrentIndex(choice);
     };
     const handleLess = ()=>{
-        currentIndex === 0 ? setCurrentIndex(medias.length - 1) : setCurrentIndex((currentIndex)=>currentIndex - 1);
+        if (medias.length > 1) currentIndex === 0 ? setCurrentIndex(medias.length - 1) : setCurrentIndex((currentIndex)=>currentIndex - 1);
     };
     const handleMore = ()=>{
-        currentIndex === medias.length - 1 ? setCurrentIndex(0) : setCurrentIndex((currentIndex)=>currentIndex + 1);
+        if (medias.length > 1) setCurrentIndex((prev)=>prev === medias.length - 1 ? 0 : prev + 1);
     };
-    return currentMedia && currentMedia.type ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+    return (currentMedia === null || currentMedia === void 0 ? void 0 : currentMedia.type) ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
             currentMedia.type === 1 ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
                 className: className,
@@ -32894,6 +32878,10 @@ const $51b67076509d447f$var$Carousel = ({ className: className, medias: medias,
                 style: {
                     maxHeight: maxHeight
                 },
+                autoPlay: true,
+                muted: true,
+                loop: medias.length === 1,
+                onEnded: handleMore,
                 children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("source", {
                     src: currentMedia.url
                 })
@@ -32912,7 +32900,8 @@ const $51b67076509d447f$var$Carousel = ({ className: className, medias: medias,
                             }, `${media.url}${key}`);
                         })
                     }),
-                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
+                        "aria-label": "Previous",
                         className: "rf-absolute rf-left-4 rf-top-1/2 -rf-translate-y-1/2 rf-cursor-pointer",
                         onClick: handleLess,
                         children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a1QE2.default), {
@@ -32920,7 +32909,8 @@ const $51b67076509d447f$var$Carousel = ({ className: className, medias: medias,
                             color: "#FFF"
                         })
                     }),
-                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
+                        "aria-label": "Next",
                         className: "rf-absolute rf-right-4 rf-top-1/2 -rf-translate-y-1/2 rf-cursor-pointer",
                         onClick: handleMore,
                         children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a4tZ1.default), {
@@ -33058,14 +33048,6 @@ $parcel$export(module.exports, "default", () => $071bb34c9db044ce$export$2e2bcd8
 
 
 var $kpW3P = parcelRequire("kpW3P");
-var $071bb34c9db044ce$var$EventsReceived = /*#__PURE__*/ function(EventsReceived) {
-    EventsReceived[EventsReceived["retorikSendActivity"] = 1] = "retorikSendActivity";
-    EventsReceived[EventsReceived["retorikSendEvent"] = 2] = "retorikSendEvent";
-    EventsReceived[EventsReceived["retorikStartListening"] = 3] = "retorikStartListening";
-    EventsReceived[EventsReceived["retorikDisplaySubtitles"] = 4] = "retorikDisplaySubtitles";
-    EventsReceived[EventsReceived["retorikSetVisibility"] = 5] = "retorikSetVisibility";
-    return EventsReceived;
-}($071bb34c9db044ce$var$EventsReceived || {});
 const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isRetorikNews, hasConversationCookie: hasConversationCookie, userData: userData })=>{
     const dispatch = (0, $dWhh5$reactredux.useDispatch)();
     const displayGDPR = (0, $dWhh5$reactredux.useSelector)((state)=>state.utilsReducer.GDPRDisplay);
@@ -33076,7 +33058,7 @@ const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isReto
     const userAlreadySet = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.userAlreadySet);
     const characterLoaded = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.characterLoaded);
     /**
-   * Send mandatory events : setUser to start conversation, Davi.GDPRConsent for GDPR module
+   * Send mandatory events : Davi.GDPRConsent for GDPR module then setUser to start conversation
    */ const sendMandatoryEvents = async ()=>{
         dispatch((0, $kpW3P.storeActions).directline.sendEvent({
             name: 'Davi.GDPRConsent',
@@ -36589,7 +36571,7 @@ var $71d6c880af885c00$export$2e2bcd8739ae039 = $71d6c880af885c00$var$Version;
 
 });
 parcelRegister("93cl9", function(module, exports) {
-module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"4.0.1\",\"homepage\":\".\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc -force\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"1.0.12\",\"@davi-ai/retorik-map\":\"4.0.2\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"3.0.0\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@mediapipe/tasks-vision\":\"^0.10.22-rc.20250304\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"classnames\":\"^2.3.1\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-redux\":\"^9.2.0\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
+module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"4.0.2\",\"homepage\":\".\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc -force\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"1.0.12\",\"@davi-ai/retorik-map\":\"4.0.2\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/virtual-keyboard\":\"1.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"3.0.0\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@mediapipe/tasks-vision\":\"0.10.32\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"classnames\":\"^2.3.1\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-redux\":\"^9.2.0\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
 
 });
 
@@ -44161,11 +44143,6 @@ module.exports = Promise.resolve(require("./NewsContainer.c0a24775.js")).then(()
 });
 
 
-parcelRegister("4gset", function(module, exports) {
-module.exports = Promise.resolve(require("./VeilleManager.46a9de36.js")).then(()=>parcelRequire('jtgpJ'));
-
-});
-
 parcelRegister("50fTr", function(module, exports) {
 module.exports = Promise.resolve(require("./ThreeJsWrapper.4302165c.js")).then(()=>parcelRequire('3QHCU'));
 
@@ -44176,6 +44153,11 @@ module.exports = Promise.resolve(require("./SpiritEngineWrapper.39627300.js")).t
 
 });
 
+parcelRegister("4gset", function(module, exports) {
+module.exports = Promise.resolve(require("./VeilleManager.26dcadac.js")).then(()=>parcelRequire('jtgpJ'));
+
+});
+
 
 $parcel$defineInteropFlag(module.exports);
 
@@ -50116,13 +50098,14 @@ const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userD
                 const conversationCookie = (_document_cookie_split_find = document.cookie.split('; ').find((row)=>row.startsWith('retorikConversationCookie='))) === null || _document_cookie_split_find === void 0 ? void 0 : _document_cookie_split_find.split('=')[1];
                 if (conversationCookie) {
                     const splitCookieData = conversationCookie.split('||');
-                    if (splitCookieData.length === 2) {
+                    if (splitCookieData.length === 3) {
                         const cookieConversationId = splitCookieData[0];
                         const cookieTenantName = splitCookieData[1];
+                        const cookieConversationToken = splitCookieData[2];
                         const fullTenantName = (addressData.baseURI || `${addressData.prefix || ''}${addressData.tenant}`).replace(/;|,|\s/g, '');
                         if (cookieTenantName === fullTenantName) {
                             setDirectLineCreationData({
-                                token: token,
+                                token: cookieConversationToken || token,
                                 domain: directLineData.address,
                                 conversationId: cookieConversationId,
                                 watermark: '0'
@@ -50136,7 +50119,7 @@ const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userD
                 } else {
                     const fullTenantName = (addressData.baseURI || `${addressData.prefix || ''}${addressData.tenant}`).replace(/;|,|\s/g, '');
                     const maxAge = configuration.conversationCookieMaxAge || 3600;
-                    dispatch((0, $kpW3P.storeActions).activity.addCookie(`retorikConversationCookie=<conversationId>||${fullTenantName}; max-age=${maxAge}`));
+                    dispatch((0, $kpW3P.storeActions).activity.addCookie(`retorikConversationCookie=<conversationId>||${fullTenantName}||${token}; max-age=${maxAge}`));
                 }
             }
             test && setDirectLineCreationData({
@@ -50178,9 +50161,9 @@ const $c610b7db00433cde$var$RetorikComposer = ({ addressData: addressData, userD
         connectionStatus,
         calibrationCompleted
     ]);
-    return connectionStatus === (0, $kpW3P.ConnectionStatus).Online && agentData && processedUserData ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+    return agentData && processedUserData ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
-            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $7JzH7.default), {
+            connectionStatus === (0, $kpW3P.ConnectionStatus).Online && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $7JzH7.default), {
                 isRetorikNews: isRetorikNews,
                 hasConversationCookie: hasConversationCookie,
                 userData: processedUserData
@@ -53821,16 +53804,12 @@ const $3b4c49538547c1bc$var$WarningBeforeNewsView = ()=>{
 var $3b4c49538547c1bc$export$2e2bcd8739ae039 = $3b4c49538547c1bc$var$WarningBeforeNewsView;
 
 
-
-const $1e3451b8a577006c$var$VeilleManager = /*#__PURE__*/ (0, $dWhh5$react.lazy)(()=>(parcelRequire("4gset")));
 const $1e3451b8a577006c$var$RetorikRouter = (props)=>{
     const dispatch = (0, $dWhh5$reactredux.useDispatch)();
     const isUsedOnBorne = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.configuration.isUsedOnBorne);
     const mode = (0, $dWhh5$reactredux.useSelector)((state)=>state.speechReducer.mode);
-    const veilleConfiguration = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.veilleConfiguration);
     const route = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.route);
     const lastBotEvent = (0, $dWhh5$reactredux.useSelector)((state)=>state.activityReducer.lastBotEventActivity);
-    const [veilleEnabled, setVeilleEnabled] = (0, $dWhh5$react.useState)(false);
     (0, $dWhh5$react.useEffect)(()=>{
         if (lastBotEvent) switch(lastBotEvent.name){
             case 'news.ShowFlashInfo':
@@ -53845,20 +53824,12 @@ const $1e3451b8a577006c$var$RetorikRouter = (props)=>{
     }, [
         lastBotEvent
     ]);
-    (0, $dWhh5$react.useEffect)(()=>{
-        setVeilleEnabled(!!veilleConfiguration.enabled);
-    }, [
-        veilleConfiguration
-    ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
             route === (0, $7WHA7.Routes).Home ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6c3069cd619942d1$export$2e2bcd8739ae039), {
                 ...props
             }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
-            route === (0, $7WHA7.Routes).News ? mode === (0, $7WHA7.Mode).vocal || !!isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $2sSL9.default), {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $3b4c49538547c1bc$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
-            veilleEnabled && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$react.Suspense), {
-                children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($1e3451b8a577006c$var$VeilleManager, {})
-            })
+            route === (0, $7WHA7.Routes).News ? mode === (0, $7WHA7.Mode).vocal || !!isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $2sSL9.default), {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $3b4c49538547c1bc$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {})
         ]
     });
 };
@@ -53902,6 +53873,7 @@ var $9ccee10030bde87b$export$2e2bcd8739ae039 = $9ccee10030bde87b$var$ModalFullsc
 
 const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, parent: parent })=>{
     const dispatch = (0, $dWhh5$reactredux.useDispatch)();
+    const locale = (0, $dWhh5$reactredux.useSelector)((state)=>state.localeReducer.locale);
     const themeColors = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.themeColors);
     const currentDeviceType = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.currentDeviceType);
     const isTactile = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.isTactile);
@@ -55941,11 +55913,34 @@ const $8f73b7a6f73661a7$var$ThreeJsWrapper = /*#__PURE__*/ (0, $dWhh5$react.lazy
 
 const $8f73b7a6f73661a7$var$SpiritEngineWrapper = /*#__PURE__*/ (0, $dWhh5$react.lazy)(()=>(parcelRequire("4nh3H")));
 const $8f73b7a6f73661a7$var$intervalInMilliseconds = 100;
-const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered, chatbotData: chatbotData, showSubtitles: showSubtitles, isNewsView: isNewsView, visible: visible })=>{
+const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered, chatbotData: chatbotData, isNewsView: isNewsView, parent: parent })=>{
     const dispatch = (0, $dWhh5$reactredux.useDispatch)();
     const agentData = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.agentData);
     const speaking = (0, $dWhh5$reactredux.useSelector)((state)=>state.speechReducer.speaking);
     const boundaryData = (0, $dWhh5$reactredux.useSelector)((state)=>state.speechReducer.boundaryData);
+    const mode = (0, $dWhh5$reactredux.useSelector)((state)=>state.speechReducer.mode);
+    const displayAgentInNews = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.displayAgentInNews);
+    const displayAgent = (0, $dWhh5$reactredux.useSelector)((state)=>state.utilsReducer.displayAgent);
+    const route = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.route);
+    const isMobile = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.isMobile);
+    const visibility = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.visibility);
+    const isNews = (0, $dWhh5$react.useMemo)(()=>{
+        return parent === (0, $7WHA7.ContainerParent).news || route === (0, $7WHA7.Routes).News;
+    }, [
+        parent,
+        route
+    ]);
+    const isAgentVisible = (0, $dWhh5$react.useMemo)(()=>{
+        return displayAgent && !(isNews && !displayAgentInNews) && !(isMobile && mode === (0, $7WHA7.Mode).text) && route !== (0, $7WHA7.Routes).EmptyVeille && route !== (0, $7WHA7.Routes).ScreenSaver && route !== (0, $7WHA7.Routes).SlideShow && visibility === 'visible';
+    }, [
+        mode,
+        isMobile,
+        displayAgent,
+        displayAgentInNews,
+        isNews,
+        visibility,
+        route
+    ]);
     const [speechIntervals, setSpeechIntervals] = (0, $dWhh5$react.useState)([]);
     const [isSpeaking, setIsSpeaking] = (0, $dWhh5$react.useState)(false);
     const [elapsedTime, setElapsedTime] = (0, $dWhh5$react.useState)(0);
@@ -56034,18 +56029,18 @@ const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                 id: "retorik-animation-container",
-                className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik:-rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
+                className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${(!centered || isNews) && 'landscape-retorik:-rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
                 style: {
-                    visibility: visible ? 'visible' : 'hidden',
+                    visibility: isAgentVisible ? 'visible' : 'hidden',
                     gridRow: `${gridRowStart} / span ${gridRowSpan}`
                 },
                 onClick: (e)=>handleClick(e),
                 children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$react.Suspense), {
                     children: agentData.useBodyEngineThree ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($8f73b7a6f73661a7$var$ThreeJsWrapper, {
                         agentData: agentData,
-                        visible: visible,
+                        visible: isAgentVisible,
                         ...chatbotData,
-                        centered: !!centered
+                        centered: !!(centered && !isNews)
                     }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($8f73b7a6f73661a7$var$SpiritEngineWrapper, {
                         agentData: agentData,
                         height: chatbotData === null || chatbotData === void 0 ? void 0 : chatbotData.height,
@@ -56054,7 +56049,7 @@ const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered
                     })
                 })
             }),
-            showSubtitles && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c6f26ebf51eadf8c$export$2e2bcd8739ae039), {
+            !isNews && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c6f26ebf51eadf8c$export$2e2bcd8739ae039), {
                 isSpeaking: isSpeaking,
                 elapsedTime: elapsedTime
             })
@@ -56064,35 +56059,116 @@ const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered
 var $8f73b7a6f73661a7$export$2e2bcd8739ae039 = $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer;
 
 
-// Overload adaptive card rendering classes
-(0, $85d8b0d1ec40dae5$export$6108075486421829)();
-const $bbc725a084d1069a$var$RetorikContainer = ({ config: config, viewsConfig: viewsConfig, veilleConfig: veilleConfig, mapConfig: mapConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, addressData: addressData, userData: userData, skipLoader: skipLoader, defaultMode: defaultMode, customVoice: customVoice, externalEventHandler: externalEventHandler, externalComponents: externalComponents, width: width, height: height, colors: colors, parent: parent })=>{
+
+
+
+
+var $kpW3P = parcelRequire("kpW3P");
+
+const $a698bbd1dffc9091$var$VeilleManager = /*#__PURE__*/ (0, $dWhh5$react.lazy)(()=>(parcelRequire("4gset")));
+const $a698bbd1dffc9091$var$VeilleContainer = ()=>{
     const dispatch = (0, $dWhh5$reactredux.useDispatch)();
-    const currentLayout = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.currentLayout);
-    const mode = (0, $dWhh5$reactredux.useSelector)((state)=>state.speechReducer.mode);
-    const processedAgentData = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.agentData);
-    const displayAgentInNews = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.displayAgentInNews);
-    const displayAgent = (0, $dWhh5$reactredux.useSelector)((state)=>state.utilsReducer.displayAgent);
-    const route = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.route);
-    const isMobile = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.isMobile);
-    const visibility = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.visibility);
-    const isNews = (0, $dWhh5$react.useMemo)(()=>{
-        return parent === (0, $7WHA7.ContainerParent).news || route === (0, $7WHA7.Routes).News;
+    const addressData = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.addressData);
+    const veilleConfiguration = (0, $dWhh5$reactredux.useSelector)((state)=>state.viewReducer.veilleConfiguration);
+    const veilleEnabled = (0, $dWhh5$reactredux.useSelector)((state)=>!!state.viewReducer.veilleConfiguration.enabled);
+    const loaderClosed = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.loaderClosed);
+    const appAvailable = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.appAvailable);
+    const typingCount = (0, $dWhh5$reactredux.useSelector)((state)=>state.directlineReducer.typingCount);
+    const [applicationReady, setApplicationReady] = (0, $dWhh5$react.useState)(false);
+    const [veilleLaunched, setVeilleLaunched] = (0, $dWhh5$react.useState)(false);
+    const timerRef = (0, $dWhh5$react.useRef)(null);
+    const veilleConfigurationRef = (0, $dWhh5$react.useRef)(veilleConfiguration);
+    const veilleEnabledRef = (0, $dWhh5$react.useRef)(veilleEnabled);
+    const veilleLaunchedRef = (0, $dWhh5$react.useRef)(false);
+    (0, $dWhh5$react.useEffect)(()=>{
+        if (loaderClosed || appAvailable) setApplicationReady(true);
     }, [
-        parent,
-        route
+        loaderClosed,
+        appAvailable
     ]);
-    const isAgentVisible = (0, $dWhh5$react.useMemo)(()=>{
-        return displayAgent && !(isNews && !displayAgentInNews) && !(isMobile && mode === (0, $7WHA7.Mode).text) && route !== (0, $7WHA7.Routes).EmptyVeille && route !== (0, $7WHA7.Routes).ScreenSaver && route !== (0, $7WHA7.Routes).SlideShow && visibility === 'visible';
+    (0, $dWhh5$react.useEffect)(()=>{
+        if (!veilleEnabled) {
+            veilleEnabledRef.current = veilleEnabled;
+            timerRef.current && clearTimeout(timerRef.current);
+            onClose();
+        } else if (applicationReady) veilleEnabledRef.current = veilleEnabled;
     }, [
-        mode,
-        isMobile,
-        displayAgent,
-        displayAgentInNews,
-        isNews,
-        visibility,
-        route
+        veilleEnabled,
+        applicationReady
+    ]);
+    (0, $dWhh5$react.useEffect)(()=>{
+        veilleLaunchedRef.current = veilleLaunched;
+    }, [
+        veilleLaunched
     ]);
+    const refreshTimer = async ()=>{
+        timerRef.current && clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(async ()=>{
+            var _veilleConfigurationRef_current;
+            if ((_veilleConfigurationRef_current = veilleConfigurationRef.current) === null || _veilleConfigurationRef_current === void 0 ? void 0 : _veilleConfigurationRef_current.killConversationOnLaunch) {
+                var // Reset directline if a new one has already been recreated for the news inside the veille
+                _veilleConfigurationRef_current_views_news, _veilleConfigurationRef_current_views;
+                ((_veilleConfigurationRef_current_views = veilleConfigurationRef.current.views) === null || _veilleConfigurationRef_current_views === void 0 ? void 0 : (_veilleConfigurationRef_current_views_news = _veilleConfigurationRef_current_views.news) === null || _veilleConfigurationRef_current_views_news === void 0 ? void 0 : _veilleConfigurationRef_current_views_news.enabled) && await dispatch((0, $kpW3P.storeActions).directline.endConversation());
+                await dispatch((0, $kpW3P.storeActions).directline.recreateDirectline({
+                    addressData: addressData,
+                    userId: `veille_${Date.now()}`,
+                    skipWelcome: true
+                }));
+            }
+            setVeilleLaunched(true);
+        }, (veilleConfiguration.delayBeforeLaunchInSeconds || 120) * 1000);
+    };
+    (0, $dWhh5$react.useEffect)(()=>{
+        return ()=>{
+            timerRef.current && clearTimeout(timerRef.current);
+        };
+    }, []);
+    /**
+   * Refresh the timer of the veille on each typing activity emitted
+   */ (0, $dWhh5$react.useEffect)(()=>{
+        if (!veilleLaunchedRef.current && veilleEnabledRef.current) refreshTimer();
+    }, [
+        typingCount
+    ]);
+    const onClose = async ()=>{
+        if (veilleLaunchedRef.current) {
+            var _veilleConfigurationRef_current;
+            // Kill and recreate directline if needed
+            if ((_veilleConfigurationRef_current = veilleConfigurationRef.current) === null || _veilleConfigurationRef_current === void 0 ? void 0 : _veilleConfigurationRef_current.killConversationOnLaunch) {
+                var // Reset directline if a new one has already been recreated for the news inside the veille
+                _veilleConfigurationRef_current_views_news, _veilleConfigurationRef_current_views;
+                ((_veilleConfigurationRef_current_views = veilleConfigurationRef.current.views) === null || _veilleConfigurationRef_current_views === void 0 ? void 0 : (_veilleConfigurationRef_current_views_news = _veilleConfigurationRef_current_views.news) === null || _veilleConfigurationRef_current_views_news === void 0 ? void 0 : _veilleConfigurationRef_current_views_news.enabled) && await dispatch((0, $kpW3P.storeActions).directline.endConversation());
+                await dispatch((0, $kpW3P.storeActions).directline.recreateDirectline({
+                    addressData: addressData
+                }));
+            }
+            setVeilleLaunched(false);
+        }
+        veilleEnabledRef.current && refreshTimer();
+    };
+    return veilleLaunched ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$react.Suspense), {
+        children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($a698bbd1dffc9091$var$VeilleManager, {
+            onClose: onClose
+        })
+    }) : null;
+};
+var $a698bbd1dffc9091$export$2e2bcd8739ae039 = $a698bbd1dffc9091$var$VeilleContainer;
+
+
+
+const $bbc725a084d1069a$var$VirtualKeyboard = /*#__PURE__*/ (0, $dWhh5$react.lazy)(()=>Promise.resolve($dWhh5$daviaivirtualkeyboard).then((module)=>{
+        var _module_default;
+        return {
+            default: (_module_default = module.default) !== null && _module_default !== void 0 ? _module_default : module
+        };
+    }));
+// Overload adaptive card rendering classes
+(0, $85d8b0d1ec40dae5$export$6108075486421829)();
+const $bbc725a084d1069a$var$RetorikContainer = ({ config: config, viewsConfig: viewsConfig, veilleConfig: veilleConfig, mapConfig: mapConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, addressData: addressData, userData: userData, skipLoader: skipLoader, defaultMode: defaultMode, customVoice: customVoice, externalEventHandler: externalEventHandler, externalComponents: externalComponents, width: width, height: height, colors: colors, parent: parent, enableVirtualKeyboard: enableVirtualKeyboard })=>{
+    const dispatch = (0, $dWhh5$reactredux.useDispatch)();
+    const locale = (0, $dWhh5$reactredux.useSelector)((state)=>state.localeReducer.locale);
+    const currentLayout = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.currentLayout);
+    const processedAgentData = (0, $dWhh5$reactredux.useSelector)((state)=>state.retorikReducer.agentData);
     (0, $dWhh5$react.useEffect)(()=>{
         dispatch((0, $kpW3P.storeActions).view.setThemeColors((0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors)));
     }, []);
@@ -56126,16 +56202,23 @@ const $bbc725a084d1069a$var$RetorikContainer = ({ config: config, viewsConfig: v
                         parent: parent,
                         children: [
                             processedAgentData && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8f73b7a6f73661a7$export$2e2bcd8739ae039), {
-                                centered: chatbotData.fullWidthInDesktopMode && !isNews,
+                                centered: chatbotData.fullWidthInDesktopMode,
                                 chatbotData: currentLayout === (0, $7WHA7.ContainerParent).agent ? chatbotData : chatbotDataWidget,
-                                showSubtitles: !isNews,
-                                visible: isAgentVisible
+                                parent: parent
                             }),
                             parent === (0, $7WHA7.ContainerParent).news ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $2sSL9.default), {
                                 hideMenu: true,
                                 isRetorikNews: true
                             }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $1e3451b8a577006c$export$2e2bcd8739ae039), {
                                 externalComponents: externalComponents
+                            }),
+                            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a698bbd1dffc9091$export$2e2bcd8739ae039), {}),
+                            enableVirtualKeyboard && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$react.Suspense), {
+                                children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($bbc725a084d1069a$var$VirtualKeyboard, {
+                                    locale: locale,
+                                    onlyOnTactileDevices: false,
+                                    onlyWithRetorikFramework: true
+                                })
                             })
                         ]
                     }),
@@ -56222,7 +56305,7 @@ var $9569bd86e01b07fd$export$2e2bcd8739ae039 = $9569bd86e01b07fd$var$Loader;
 
 
 
-const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfig: viewsConfig, veilleConfig: veilleConfig, mapConfig: mapConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors, skipLoader: skipLoader, defaultMode: defaultMode, GDPR: GDPR, customScripts: customScripts, customCSS: customCSS, addressData: addressData, externalEventHandler: externalEventHandler, externalComponents: externalComponents, userData: userData, width: width, height: height, menuConfig: menuConfig, environmentPreset: environmentPreset, parent: parent })=>{
+const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfig: viewsConfig, veilleConfig: veilleConfig, mapConfig: mapConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors, skipLoader: skipLoader, defaultMode: defaultMode, GDPR: GDPR, customScripts: customScripts, customCSS: customCSS, addressData: addressData, externalEventHandler: externalEventHandler, externalComponents: externalComponents, userData: userData, width: width, height: height, menuConfig: menuConfig, environmentPreset: environmentPreset, parent: parent, enableVirtualKeyboard: enableVirtualKeyboard })=>{
     const dispatch = (0, $dWhh5$reactredux.useDispatch)();
     const baseAddress = (0, $dWhh5$reactredux.useSelector)((state)=>state.localeReducer.baseAddress);
     const [fetchedConfig, setFetchedConfig] = (0, $dWhh5$react.useState)();
@@ -56249,7 +56332,8 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfi
             userData: userData,
             width: width,
             height: height,
-            menuConfig: menuConfig
+            menuConfig: menuConfig,
+            enableVirtualKeyboard: enableVirtualKeyboard
         }, baseAddress);
         console.log('Retorik Framework > configuration fetched from Retorik Studio');
         fetchedConfig && setFetchedConfig(fetchedConfig);
@@ -56348,7 +56432,8 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfi
                 externalEventHandler: externalEventHandler,
                 externalComponents: externalComponents,
                 width: width,
-                height: height
+                height: height,
+                enableVirtualKeyboard: enableVirtualKeyboard
             };
             // Prevent menus from being copied again after each modification of configuration
             if (mergedMainConfig.config) {