@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/NewsContainer.932174e9.js

@@ -0,0 +1,755 @@
+require("./Weather.661c2cac.js");
+var $4L16K$reactjsxruntime = require("react/jsx-runtime");
+var $4L16K$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+      var $parcel$global =
+        typeof globalThis !== 'undefined'
+          ? globalThis
+          : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+          ? global
+          : {};
+  var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("dKdsa", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $39527ef13f22f094$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $jgaO0 = parcelRequire("jgaO0");
+
+var $6EkQS = parcelRequire("6EkQS");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $lo3s5 = parcelRequire("lo3s5");
+
+var $dMQiv = parcelRequire("dMQiv");
+
+var $9m9n7 = parcelRequire("9m9n7");
+
+var $j5z2A = parcelRequire("j5z2A");
+
+var $lONbp = parcelRequire("lONbp");
+
+var $7k0ZL = parcelRequire("7k0ZL");
+
+var $gpEnv = parcelRequire("gpEnv");
+
+var $7v7LH = parcelRequire("7v7LH");
+// Steps enum
+var $39527ef13f22f094$var$Steps = /*#__PURE__*/ function(Steps) {
+    Steps[Steps["opening"] = 1] = "opening";
+    Steps[Steps["news"] = 2] = "news";
+    Steps[Steps["events"] = 3] = "events";
+    Steps[Steps["weather"] = 4] = "weather";
+    Steps[Steps["ending"] = 5] = "ending";
+    return Steps;
+}($39527ef13f22f094$var$Steps || {});
+const $39527ef13f22f094$var$NewsContainer = ({ hideMenu: hideMenu, isRetorikNews: isRetorikNews, handleEndedWithoutloop: handleEndedWithoutloop })=>{
+    var _configurations_views_news;
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
+    const muted = (0, $jgaO0.useSpeechStore)((state)=>state.muted);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const isLandscape = (0, $kUiCn.useViewStore)((state)=>state.isLandscape);
+    const isBorne = (0, $kUiCn.useViewStore)((state)=>state.isBorne);
+    const configurations = (0, $kUiCn.useViewStore)((state)=>state.configurations);
+    const { setRoute: setRoute, setDisplayControls: setDisplayControls } = (0, $kUiCn.useViewStore)((state)=>state.actions);
+    const setMuted = (0, $jgaO0.useSpeechStore)((state)=>state.actions.setMuted);
+    const setDisplayAgentInNews = (0, $6EkQS.useRetorikStore)((state)=>state.actions.setDisplayAgentInNews);
+    const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const [displayData, setDisplayData] = (0, $4L16K$react.useState)(configurations.views.news || configurations.views.home);
+    const [step, setStep] = (0, $4L16K$react.useState)(((_configurations_views_news = configurations.views.news) === null || _configurations_views_news === void 0 ? void 0 : _configurations_views_news.openingVideo) ? 1 : 2);
+    const timerRef = (0, $4L16K$react.useRef)(null);
+    const newsEndedTimerRef = (0, $4L16K$react.useRef)(null);
+    /**
+   * On call :
+   *  - if the component is news-only, return
+   *  - else set ViewContext's route state to 'home'
+   */ const handleBack = ()=>{
+        if (isRetorikNews) return;
+        setRoute((0, $7WHA7.Routes).Home);
+    };
+    (0, $4L16K$react.useEffect)(()=>{
+        configuration.useOldRemote && setDisplayControls(false);
+        muted && setMuted(false);
+        return ()=>{
+            // Send closing events unless we are using RetorikNews component
+            if (!isRetorikNews) {
+                sendEvent('Davi.CloseWindow', null);
+                sendEvent('Davi.CloseWindowNews', null);
+            }
+        };
+    }, []);
+    /**
+   * On step change :
+   *  - switch on the current step to launch corresponding processing
+   * On component unmount :
+   *  - clear timerRef timeout
+   */ (0, $4L16K$react.useEffect)(()=>{
+        switch(step){
+            case 1:
+                {
+                    var _configurations_views_news;
+                    setDisplayAgentInNews(false);
+                    const videoUrl = (_configurations_views_news = configurations.views.news) === null || _configurations_views_news === void 0 ? void 0 : _configurations_views_news.openingVideo;
+                    videoUrl ? setViewContextCurrentConfiguration(videoUrl) : setStep(2);
+                    break;
+                }
+            case 2:
+                setDisplayAgentInNews(true);
+                setDisplayData(configurations.views.news || configurations.views.home);
+                break;
+            case 3:
+                break;
+            case 4:
+                var // If the position is known, display the weather page during 10 seconds, otherwise switch to the next step directly
+                _configuration_position, _configuration_position1;
+                setDisplayAgentInNews(false);
+                ((_configuration_position = configuration.position) === null || _configuration_position === void 0 ? void 0 : _configuration_position.latitude) && ((_configuration_position1 = configuration.position) === null || _configuration_position1 === void 0 ? void 0 : _configuration_position1.longitude) ? timerRef.current = setTimeout(()=>{
+                    setStep(5);
+                }, 10000) : setStep(5);
+                break;
+            case 5:
+                {
+                    var _configurations_views_news1;
+                    setDisplayAgentInNews(false);
+                    const videoUrl = (_configurations_views_news1 = configurations.views.news) === null || _configurations_views_news1 === void 0 ? void 0 : _configurations_views_news1.openingVideo;
+                    videoUrl ? setViewContextCurrentConfiguration(videoUrl) : exitNewsOrLoop();
+                    break;
+                }
+            default:
+                break;
+        }
+        return ()=>{
+            timerRef && clearTimeout(timerRef.current);
+            newsEndedTimerRef && clearTimeout(newsEndedTimerRef.current);
+        };
+    }, [
+        step
+    ]);
+    /**
+   * On call :
+   *  - set the current display configuration to have the given video as background
+   * @param videoUrl
+   */ const setViewContextCurrentConfiguration = (videoUrl)=>{
+        setDisplayData({
+            ...configurations.views.news,
+            background: {
+                video: videoUrl,
+                style: 'video'
+            }
+        });
+    };
+    /**
+   * On call :
+   *  - send the event 'newsEnded' used in retorik Kiosk
+   *  - if the component is news-only :
+   *    + if 'loop' is explicitly set to false, call props' handleEndedWithoutloop method if defined. Call handleBack method otherwise
+   *    + if 'loop' is not false, loop by setting step state to Steps.news
+   *  - or else if 'loop' parameter in configuration is true, get back to Steps.news step. Call handleBack method otherwise
+   */ const exitNewsOrLoop = ()=>{
+        // Send event 'newsEnded'
+        const endEvent = new Event('newsEnded');
+        document.dispatchEvent(endEvent);
+        // Relaunch from the start if this is a news-only component and loop hasn't explicitly been set to false
+        isRetorikNews ? displayData.loop !== false ? setStep(2) : handleEndedWithoutloop ? handleEndedWithoutloop() : handleBack() : displayData.loop ? setStep(2) : handleBack();
+    };
+    /**
+   * On video end :
+   *  - if we are at the opening step, let's set the step state to Steps.news to launch the news
+   *  - if we are at the ending step, call exitNewsOrLoop function
+   */ const handleVideoEnd = ()=>{
+        switch(step){
+            case 1:
+                setStep(2);
+                break;
+            case 5:
+                exitNewsOrLoop();
+                break;
+        }
+    };
+    /**
+   * On news end :
+   *  - wait 3 seconds
+   *  - get to the next step (Steps.events)
+   */ const handleNewsEnd = ()=>{
+        newsEndedTimerRef && (newsEndedTimerRef.current = setTimeout(()=>{
+            // setStep(Steps.events)
+            setStep(4);
+        }, 3000));
+    };
+    return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($4L16K$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $lo3s5.default), {
+                config: displayData.background,
+                videoLoop: false,
+                videoMuted: true,
+                onVideoEnded: handleVideoEnd
+            }),
+            isMobile && !isRetorikNews && !hideMenu ? /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+                className: "rf-relative rf-z-util ltr:rf-col-start-1 rtl:rf-col-end-1 rf-col-span-full rf-row-start-1 rf-flex rf-flex-col rf-gap-2 rf-items-start",
+                children: [
+                    /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $7v7LH.BackButton), {
+                        title: translation.common.back,
+                        handleBack: handleBack,
+                        className: "ltr:rf-pr-2 rtl:rf-pl-2 rf-mt-4 ltr:rf-ml-4 rtl:rf-mr-4 rf-text-size-auto rf-bg-truewhite rf-rounded-lg"
+                    }),
+                    /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $dMQiv.default), {
+                        belowReturnButton: true
+                    })
+                ]
+            }) : /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $dMQiv.default), {}),
+            step === 2 && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $9m9n7.default), {
+                intervalInSeconds: displayData.intervalInSeconds ? displayData.intervalInSeconds : undefined,
+                onEnd: handleNewsEnd,
+                isRetorikNews: isRetorikNews
+            }),
+            step === 4 && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $j5z2A.default), {
+                handleClose: handleBack
+            }),
+            !hideMenu && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $lONbp.default), {
+                dashboardVisible: true,
+                onClick: handleBack
+            }),
+            !hideMenu && isLandscape && !configuration.useOldRemote && !isRetorikNews && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $7k0ZL.default), {
+                onClick: handleBack,
+                className: "rf-z-menu",
+                showLabel: true
+            }),
+            !hideMenu && isBorne && !configuration.useOldRemote && !isRetorikNews && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $gpEnv.default), {
+                hideMenu: configuration === null || configuration === void 0 ? void 0 : configuration.hideMenu
+            })
+        ]
+    });
+};
+var $39527ef13f22f094$export$2e2bcd8739ae039 = $39527ef13f22f094$var$NewsContainer;
+
+});
+parcelRegister("dMQiv", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $01d9bb41fd368021$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+const $01d9bb41fd368021$var$Time = ({ belowReturnButton: belowReturnButton })=>{
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const [time, setTime] = (0, $4L16K$react.useState)('');
+    const timerRef = (0, $4L16K$react.useRef)(null);
+    /**
+   * Set current time (hours and minutes) depending on the locale (ex: adds AM/PM when needed)
+   */ const setCurrentTime = ()=>{
+        const now = new Date();
+        setTime(now.toLocaleTimeString(locale, {
+            hour: '2-digit',
+            minute: '2-digit'
+        }));
+    };
+    /**
+   * On component mount :
+   *  - set time
+   *  - set interval for time update
+   * On component unmount :
+   *  - clear interval
+   */ (0, $4L16K$react.useEffect)(()=>{
+        setCurrentTime();
+        timerRef && (timerRef.current = setInterval(setCurrentTime, 1000));
+        return ()=>timerRef && clearInterval(timerRef.current);
+    }, []);
+    return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+        className: `rf-relative ${belowReturnButton ? 'ltr:rf-ml-4 rtl:rf-mr-4' : 'rf-col-start-1 rf-col-span-2 rf-row-start-1 rf-row-span-2 rf-self-start rf-justify-self-start rf-m-4 large:rf-m-8'}`,
+        children: /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+            className: "rf-w-fit rf-h-fit rf-flex rf-flex-col ltr:rf-justify-start rtl:rf-justify-end ltr:rf-items-start rtl:rf-items-end rf-text-white",
+            children: [
+                /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                    className: "rf-w-full rf-text-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-semibold rf-bg-red-600 rf-whitespace-nowrap",
+                    children: `${translation.news.live.toLocaleUpperCase(locale)} \u25cf`
+                }),
+                /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                    className: "rf-w-full rf-title-size-auto rf-px-3 rf-py-0 large:rf-px-4 large:rf-py-1 rf-text-center rf-font-bold rf-bg-blue-500",
+                    children: time
+                })
+            ]
+        })
+    });
+};
+var $01d9bb41fd368021$export$2e2bcd8739ae039 = $01d9bb41fd368021$var$Time;
+
+});
+
+parcelRegister("9m9n7", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $d399eaf5da71d3d6$export$2e2bcd8739ae039);
+
+
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6QoTL = parcelRequire("6QoTL");
+
+var $7eio0 = parcelRequire("7eio0");
+
+var $aNVXv = parcelRequire("aNVXv");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $31VZU = parcelRequire("31VZU");
+
+var $fpnh0 = parcelRequire("fpnh0");
+const $d399eaf5da71d3d6$var$News = ({ intervalInSeconds: intervalInSeconds = 3, onEnd: onEnd, isRetorikNews: isRetorikNews })=>{
+    const { newsAttachments: newsAttachments, activity: activity } = (0, $aNVXv.default)();
+    const route = (0, $kUiCn.useViewStore)((state)=>state.route);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const newsConfiguration = (0, $kUiCn.useViewStore)((state)=>state.configurations.views.news);
+    const currentDeviceType = (0, $kUiCn.useViewStore)((state)=>state.currentDeviceType);
+    const retorikNewsEnded = (0, $7eio0.useUtilsStore)((state)=>state.retorikNewsEnded);
+    const { setCurrentNewsActivity: setCurrentNewsActivity, setRetorikNewsEnded: setRetorikNewsEnded } = (0, $7eio0.useUtilsStore)((state)=>state.actions);
+    const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const [carouselGridRowStart, setCarouselGridRowStart] = (0, $4L16K$react.useState)();
+    const [carouselGridRowSpan, setCarouselGridRowSpan] = (0, $4L16K$react.useState)();
+    const [bannerGridRowStart, setBannerGridRowStart] = (0, $4L16K$react.useState)(10);
+    const [bannerGridRowSpan, setBannerGridRowSpan] = (0, $4L16K$react.useState)(3);
+    // Banner's align-self is flex-end if the position of the banner hasn't been changed, flex-start in borne / landscape modes otherwise
+    const [alignSelfEnd, setAlignSelfEnd] = (0, $4L16K$react.useState)(true);
+    const [current, setCurrent] = (0, $4L16K$react.useState)(0);
+    const timerRef = (0, $4L16K$react.useRef)(null);
+    const news = (0, $4L16K$react.useMemo)(()=>{
+        return newsAttachments.map((newsAttachement)=>newsAttachement.content);
+    }, [
+        newsAttachments
+    ]);
+    (0, $4L16K$react.useEffect)(()=>{
+        if (!newsAttachments.length) setTimeout(()=>{
+            sendEvent('news.getAllNews', null);
+        }, 2000);
+        return ()=>{
+            timerRef && clearTimeout(timerRef.current);
+        };
+    }, []);
+    (0, $4L16K$react.useEffect)(()=>{
+        switch(currentDeviceType){
+            case (0, $7WHA7.DeviceType).mobile:
+            case (0, $7WHA7.DeviceType).widget:
+                // Set carousel's and banner's positions
+                setAlignSelfEnd(true);
+                setCarouselGridRowStart(1);
+                setCarouselGridRowSpan(9);
+                setBannerGridRowStart(10);
+                setBannerGridRowSpan(3);
+                break;
+            case (0, $7WHA7.DeviceType).landscape:
+            case (0, $7WHA7.DeviceType).widgetLandscape:
+                var _newsConfiguration_bannerPosition, _newsConfiguration_mediaPosition;
+                // Check banner's position and set carousel's position if there are no position data for this one
+                if (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_bannerPosition = newsConfiguration.bannerPosition) === null || _newsConfiguration_bannerPosition === void 0 ? void 0 : _newsConfiguration_bannerPosition.landscape) {
+                    var _newsConfiguration_mediaPosition1;
+                    const start = newsConfiguration.bannerPosition.landscape.containerRowStart || 10;
+                    const end = newsConfiguration.bannerPosition.landscape.containerRowEnd || 13;
+                    setAlignSelfEnd(false);
+                    setBannerGridRowStart(start);
+                    setBannerGridRowSpan(end - start);
+                    if (!(newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_mediaPosition1 = newsConfiguration.mediaPosition) === null || _newsConfiguration_mediaPosition1 === void 0 ? void 0 : _newsConfiguration_mediaPosition1.landscape)) {
+                        // The base row span of the carousel is 9, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.
+                        if (start > 9) {
+                            setCarouselGridRowStart(start - 9);
+                            setCarouselGridRowSpan(9);
+                        } else {
+                            setCarouselGridRowStart(1);
+                            setCarouselGridRowSpan(start - 1);
+                        }
+                        break;
+                    }
+                } else {
+                    setAlignSelfEnd(true);
+                    setBannerGridRowStart(10);
+                    setBannerGridRowSpan(3);
+                }
+                // Check carousel's position
+                if (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_mediaPosition = newsConfiguration.mediaPosition) === null || _newsConfiguration_mediaPosition === void 0 ? void 0 : _newsConfiguration_mediaPosition.landscape) {
+                    const start = newsConfiguration.mediaPosition.landscape.containerRowStart || 1;
+                    const end = newsConfiguration.mediaPosition.landscape.containerRowEnd || 10;
+                    setCarouselGridRowStart(start);
+                    setCarouselGridRowStart(end - start);
+                } else {
+                    setCarouselGridRowStart(1);
+                    setCarouselGridRowSpan(9);
+                }
+                break;
+            case (0, $7WHA7.DeviceType).borne:
+            case (0, $7WHA7.DeviceType).widgetBorne:
+                var _newsConfiguration_bannerPosition1, _newsConfiguration_mediaPosition2;
+                // Check banner's position and set carousel's position if there are no position data for this one
+                if (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_bannerPosition1 = newsConfiguration.bannerPosition) === null || _newsConfiguration_bannerPosition1 === void 0 ? void 0 : _newsConfiguration_bannerPosition1.borne) {
+                    var _newsConfiguration_mediaPosition3;
+                    const start = newsConfiguration.bannerPosition.borne.containerRowStart || 10;
+                    const end = newsConfiguration.bannerPosition.borne.containerRowEnd || 13;
+                    setAlignSelfEnd(false);
+                    setBannerGridRowStart(start);
+                    setBannerGridRowSpan(end - start);
+                    if (!(newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_mediaPosition3 = newsConfiguration.mediaPosition) === null || _newsConfiguration_mediaPosition3 === void 0 ? void 0 : _newsConfiguration_mediaPosition3.borne)) {
+                        // The base row span of the carousel is 4, if the custom position of the banner allows this span, let's keep it. If not, let's use the max span available.
+                        if (start > 4) {
+                            setCarouselGridRowStart(start - 4);
+                            setCarouselGridRowSpan(4);
+                        } else {
+                            setCarouselGridRowStart(1);
+                            setCarouselGridRowSpan(start - 1);
+                        }
+                        break;
+                    }
+                } else {
+                    setAlignSelfEnd(true);
+                    setBannerGridRowStart(10);
+                    setBannerGridRowSpan(3);
+                }
+                // Check carousel's position
+                if (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_mediaPosition2 = newsConfiguration.mediaPosition) === null || _newsConfiguration_mediaPosition2 === void 0 ? void 0 : _newsConfiguration_mediaPosition2.borne) {
+                    const start = newsConfiguration.mediaPosition.borne.containerRowStart || 7;
+                    const end = newsConfiguration.mediaPosition.borne.containerRowEnd || 11;
+                    setCarouselGridRowStart(start);
+                    setCarouselGridRowSpan(end - start);
+                } else {
+                    setCarouselGridRowStart(7);
+                    setCarouselGridRowSpan(4);
+                }
+                break;
+        }
+    }, [
+        newsConfiguration,
+        currentDeviceType
+    ]);
+    (0, $4L16K$react.useEffect)(()=>{
+        const currentNew = news[current];
+        if (currentNew) {
+            const textTitle = (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : newsConfiguration.removeTitleFromTextToSpeak) ? '' : `${currentNew.title}, <break/> `;
+            const textSubtitle = (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : newsConfiguration.removeSubtitleFromTextToSpeak) ? '' : `${currentNew.subtitle}: <break/> `;
+            const tempActivity = {
+                ...activity,
+                speak: `${textTitle}${textSubtitle}${currentNew.text}`
+            };
+            setCurrentNewsActivity(tempActivity);
+        } else setCurrentNewsActivity(undefined);
+    }, [
+        activity,
+        current
+    ]);
+    const currentMedia = (0, $4L16K$react.useMemo)(()=>{
+        const currentNew = news[current];
+        if (currentNew) {
+            var _currentNew_media, _currentNew_image;
+            if ((_currentNew_media = currentNew.media) === null || _currentNew_media === void 0 ? void 0 : _currentNew_media.length) return currentNew.media;
+            else if ((_currentNew_image = currentNew.image) === null || _currentNew_image === void 0 ? void 0 : _currentNew_image.url) return [
+                currentNew.image
+            ];
+        }
+        return [];
+    }, [
+        news,
+        current
+    ]);
+    (0, $4L16K$react.useEffect)(()=>{
+        if (retorikNewsEnded) {
+            if (news.length) {
+                if (current < news.length - 1) {
+                    const delay = current < news.length - 1 ? intervalInSeconds : intervalInSeconds * 3;
+                    timerRef && clearTimeout(timerRef.current);
+                    if (route === (0, $7WHA7.Routes).News || isRetorikNews) timerRef.current = setTimeout(next, delay * 1000);
+                } else onEnd();
+            }
+            setRetorikNewsEnded(false);
+        }
+    }, [
+        retorikNewsEnded
+    ]);
+    const next = ()=>{
+        const next = (current + 1) % news.length;
+        changeNews(next);
+    };
+    const changeNews = (next)=>{
+        setCurrent(next);
+    };
+    return news.length && current >= 0 ? /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($4L16K$react))).Fragment, {
+        children: [
+            !isMobile && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                className: "rf-relative rf-col-start-5 rf-col-span-3 large-vertical:rf-col-start-2 large-vertical:rf-col-end-8 rf-flex rf-justify-center rf-items-center",
+                style: {
+                    gridRow: `${carouselGridRowStart} / span ${carouselGridRowSpan}`
+                },
+                children: currentMedia.length ? /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $fpnh0.Carousel), {
+                    className: "rf-z-[10] rf-max-h-4/5 large-vertical:rf-max-h-11/12 rf-max-w-full",
+                    medias: news[current].media || [
+                        news[current].image || {
+                            url: ''
+                        }
+                    ]
+                }) : /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, ($parcel$interopDefault($4L16K$react))).Fragment, {})
+            }),
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $31VZU.default), {
+                news: news[current],
+                gridRowStart: bannerGridRowStart,
+                gridRowSpan: bannerGridRowSpan,
+                alignSelfEnd: alignSelfEnd
+            })
+        ]
+    }) : /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, ($parcel$interopDefault($4L16K$react))).Fragment, {});
+};
+var $d399eaf5da71d3d6$export$2e2bcd8739ae039 = $d399eaf5da71d3d6$var$News;
+
+});
+parcelRegister("aNVXv", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $d3f2491623efa760$export$2e2bcd8739ae039);
+
+var $guzQO = parcelRequire("guzQO");
+
+var $e53vj = parcelRequire("e53vj");
+const $d3f2491623efa760$var$useNews = ()=>{
+    var _activity_attachments;
+    const activities = (0, $e53vj.useActivityStore)((state)=>state.botEventActivities);
+    if (!activities.length) return {
+        newsAttachments: []
+    };
+    // Filter messages that can income during news, with label = Davi.BringupMessage
+    const filterBringUpActivities = activities.filter((act)=>act.label !== 'Davi.BringupMessage');
+    const activity = filterBringUpActivities[filterBringUpActivities.length - 1];
+    if (!activity || !((_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length)) return {
+        newsAttachments: [],
+        activity: activity
+    };
+    const newsAttachments = [];
+    activity.attachments.forEach((attachment)=>{
+        if (attachment.contentType === (0, $guzQO.CONTENT_TYPE_NEWS)) newsAttachments.push({
+            contentType: (0, $guzQO.CONTENT_TYPE_NEWS),
+            content: attachment.content || ''
+        });
+    });
+    return {
+        newsAttachments: newsAttachments,
+        activity: activity
+    };
+};
+var $d3f2491623efa760$export$2e2bcd8739ae039 = $d3f2491623efa760$var$useNews;
+
+});
+
+parcelRegister("31VZU", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $24072221965576dd$export$2e2bcd8739ae039);
+
+
+
+var $kUiCn = parcelRequire("kUiCn");
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $9JtA7 = parcelRequire("9JtA7");
+
+var $eu1bT = parcelRequire("eu1bT");
+
+var $2MBUX = parcelRequire("2MBUX");
+const $24072221965576dd$var$Banner = ({ news: news, gridRowStart: gridRowStart, gridRowSpan: gridRowSpan, alignSelfEnd: alignSelfEnd })=>{
+    var _news_image;
+    const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.localeForRetorikStudioContent);
+    const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const currentWidth = (0, $kUiCn.useViewStore)((state)=>state.currentWidth);
+    const newsConfiguration = (0, $kUiCn.useViewStore)((state)=>state.configurations.views.news);
+    const timerRef = (0, $4L16K$react.useRef)(null);
+    const [scrollDuration, setScrollDuration] = (0, $4L16K$react.useState)(0);
+    const category = (0, $4L16K$react.useMemo)(()=>{
+        var _newsConfiguration_bannerTitleLocalized;
+        if (news.category) return news.category;
+        else if (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : (_newsConfiguration_bannerTitleLocalized = newsConfiguration.bannerTitleLocalized) === null || _newsConfiguration_bannerTitleLocalized === void 0 ? void 0 : _newsConfiguration_bannerTitleLocalized[locale]) return newsConfiguration.bannerTitleLocalized[locale];
+        else if (newsConfiguration === null || newsConfiguration === void 0 ? void 0 : newsConfiguration.bannerTitle) return newsConfiguration.bannerTitle;
+        return translation.news.continuous;
+    }, [
+        news,
+        newsConfiguration,
+        locale,
+        translation
+    ]);
+    /**
+   * Set animation for text horizontal scrolling if necessary
+   */ const updateDuration = ()=>{
+        // Reset animation
+        setScrollDuration(0);
+        // Set animation, after a 1s timeout
+        timerRef && (timerRef.current = setTimeout(()=>{
+            setScrollDuration(Math.floor(news.text.length / 11));
+        }, 1000));
+    };
+    /**
+   * On news props change :
+   *  - call updateDuration function
+   * On component unmount :
+   *  - clear timeout
+   */ (0, $4L16K$react.useEffect)(()=>{
+        updateDuration();
+        return ()=>timerRef && clearTimeout(timerRef.current);
+    }, [
+        news
+    ]);
+    return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+        className: "rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full large:rf-mb-6 rf-flex rf-flex-col rf-items-center rf-glass-background rf-text-white",
+        style: {
+            alignSelf: alignSelfEnd ? 'flex-end' : 'flex-start',
+            gridRow: `${gridRowStart} / span ${gridRowSpan}`
+        },
+        children: [
+            isMobile ? /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $eu1bT.default), {
+                category: category,
+                title: news.title,
+                subtitle: news.subtitle,
+                url: (_news_image = news.image) === null || _news_image === void 0 ? void 0 : _news_image.url
+            }) : /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)((0, $2MBUX.default), {
+                category: category,
+                title: news.title,
+                subtitle: news.subtitle
+            }),
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                className: "rf-w-full ltr:rf-pr-4 rtl:rf-pl-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip",
+                style: {
+                    paddingLeft: currentWidth
+                },
+                children: scrollDuration !== 0 ? /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("p", {
+                    className: "rf-w-max rf-whitespace-nowrap rf-animate-hScroll",
+                    style: {
+                        animation: `rf-hScroll ${scrollDuration}s infinite linear`,
+                        paddingRight: currentWidth
+                    },
+                    children: news.text ? (0, $9JtA7.capitalizeFirstLetter)(news.text) : '...'
+                }) : /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("p", {
+                    className: "rf-w-max rf-whitespace-nowrap",
+                    children: news.text ? (0, $9JtA7.capitalizeFirstLetter)(news.text) : '...'
+                })
+            })
+        ]
+    });
+};
+var $24072221965576dd$export$2e2bcd8739ae039 = $24072221965576dd$var$Banner;
+
+});
+parcelRegister("eu1bT", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5ffb87b569a304f8$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $9JtA7 = parcelRequire("9JtA7");
+const $5ffb87b569a304f8$var$BannerTopMobile = ({ category: category, title: title, subtitle: subtitle, url: url })=>{
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($4L16K$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                className: "rf-w-full rf-px-4 rf-py-2 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap rf-text-size-auto",
+                children: category === null || category === void 0 ? void 0 : category.toLocaleUpperCase(locale)
+            }),
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row",
+                children: [
+                    url && /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                        className: "rf-aspect-video rf-w-1/4",
+                        style: {
+                            backgroundImage: `url(${url})`,
+                            backgroundSize: 'cover',
+                            backgroundRepeat: 'no-repeat',
+                            backgroundPosition: 'center'
+                        }
+                    }),
+                    /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+                        className: "rf-px-4 rf-py-1 rf-font-bold",
+                        children: [
+                            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                                className: "rf-text-size-auto rf-line-clamp-1",
+                                children: title && title.toLocaleUpperCase(locale)
+                            }),
+                            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                                className: "rf-text-basecustom rf-line-clamp-2",
+                                children: subtitle ? (0, $9JtA7.capitalizeFirstLetter)(subtitle) : '...'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $5ffb87b569a304f8$export$2e2bcd8739ae039 = $5ffb87b569a304f8$var$BannerTopMobile;
+
+});
+
+parcelRegister("2MBUX", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $a94481e954312e6d$export$2e2bcd8739ae039);
+
+
+
+var $6Q0mk = parcelRequire("6Q0mk");
+
+var $9JtA7 = parcelRequire("9JtA7");
+const $a94481e954312e6d$var$BannerTopLarge = ({ category: category, title: title, subtitle: subtitle })=>{
+    const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($4L16K$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto",
+                children: [
+                    /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                        className: "rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap",
+                        children: category === null || category === void 0 ? void 0 : category.toLocaleUpperCase(locale)
+                    }),
+                    /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                        className: "rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1",
+                        children: title === null || title === void 0 ? void 0 : title.toLocaleUpperCase(locale)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                className: "rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start",
+                children: /*#__PURE__*/ (0, $4L16K$reactjsxruntime.jsx)("div", {
+                    className: "rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2",
+                    children: subtitle ? (0, $9JtA7.capitalizeFirstLetter)(subtitle) : '...'
+                })
+            })
+        ]
+    });
+};
+var $a94481e954312e6d$export$2e2bcd8739ae039 = $a94481e954312e6d$var$BannerTopLarge;
+
+});
+
+
+
+
+
+//# sourceMappingURL=NewsContainer.932174e9.js.map