@davi-ai/retorik-framework 3.2.0 → 3.2.2

package/dist/NewsContainer.67f04b19.js

@@ -0,0 +1,730 @@
+import "./Weather.fb22fba3.js";
+import {jsxs as $7qgKV$jsxs, jsx as $7qgKV$jsx} from "react/jsx-runtime";
+import $7qgKV$react, {useState as $7qgKV$useState, useRef as $7qgKV$useRef, useEffect as $7qgKV$useEffect, useMemo as $7qgKV$useMemo} from "react";
+
+
+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 = globalThis;
+    var parcelRequire = $parcel$global["parcelRequirea39d"];
+var parcelRegister = parcelRequire.register;
+parcelRegister("dUXW6", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $aedc1e5f954603b8$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $i1rfm = parcelRequire("i1rfm");
+
+var $1x02c = parcelRequire("1x02c");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $6hdFJ = parcelRequire("6hdFJ");
+
+var $hifTx = parcelRequire("hifTx");
+
+var $hPPih = parcelRequire("hPPih");
+
+var $2pbjN = parcelRequire("2pbjN");
+
+var $9uOFS = parcelRequire("9uOFS");
+
+var $g3FET = parcelRequire("g3FET");
+
+var $9r8dA = parcelRequire("9r8dA");
+
+var $28ved = parcelRequire("28ved");
+// Steps enum
+var $aedc1e5f954603b8$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;
+}($aedc1e5f954603b8$var$Steps || {});
+const $aedc1e5f954603b8$var$NewsContainer = ({ hideMenu: hideMenu, isRetorikNews: isRetorikNews, handleEndedWithoutloop: handleEndedWithoutloop })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
+    const muted = (0, $i1rfm.useSpeechStore)((state)=>state.muted);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const isLandscape = (0, $1Qww3.useViewStore)((state)=>state.isLandscape);
+    const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
+    const configurations = (0, $1Qww3.useViewStore)((state)=>state.configurations);
+    const { setRoute: setRoute, setDisplayControls: setDisplayControls } = (0, $1Qww3.useViewStore)((state)=>state.actions);
+    const setMuted = (0, $i1rfm.useSpeechStore)((state)=>state.actions.setMuted);
+    const setDisplayAgentInNews = (0, $1x02c.useRetorikStore)((state)=>state.actions.setDisplayAgentInNews);
+    const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const [displayData, setDisplayData] = (0, $7qgKV$useState)(configurations.views.news || configurations.views.home);
+    const [step, setStep] = (0, $7qgKV$useState)(configurations.views.news?.openingVideo ? 1 : 2);
+    const timerRef = (0, $7qgKV$useRef)(null);
+    const newsEndedTimerRef = (0, $7qgKV$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, $4ucVo.Routes).Home);
+    };
+    (0, $7qgKV$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, $7qgKV$useEffect)(()=>{
+        switch(step){
+            case 1:
+                {
+                    setDisplayAgentInNews(false);
+                    const videoUrl = 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:
+                setDisplayAgentInNews(false);
+                // If the position is known, display the weather page during 10 seconds, otherwise switch to the next step directly
+                configuration.position?.latitude && configuration.position?.longitude ? timerRef.current = setTimeout(()=>{
+                    setStep(5);
+                }, 10000) : setStep(5);
+                break;
+            case 5:
+                {
+                    setDisplayAgentInNews(false);
+                    const videoUrl = configurations.views.news?.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, $7qgKV$jsxs)((0, $7qgKV$react).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $7qgKV$jsx)((0, $6hdFJ.default), {
+                config: displayData.background,
+                videoLoop: false,
+                videoMuted: true,
+                onVideoEnded: handleVideoEnd
+            }),
+            isMobile && !isRetorikNews && !hideMenu ? /*#__PURE__*/ (0, $7qgKV$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, $7qgKV$jsx)((0, $28ved.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, $7qgKV$jsx)((0, $hifTx.default), {
+                        belowReturnButton: true
+                    })
+                ]
+            }) : /*#__PURE__*/ (0, $7qgKV$jsx)((0, $hifTx.default), {}),
+            step === 2 && /*#__PURE__*/ (0, $7qgKV$jsx)((0, $hPPih.default), {
+                intervalInSeconds: displayData.intervalInSeconds ? displayData.intervalInSeconds : undefined,
+                onEnd: handleNewsEnd,
+                isRetorikNews: isRetorikNews
+            }),
+            step === 4 && /*#__PURE__*/ (0, $7qgKV$jsx)((0, $2pbjN.default), {
+                handleClose: handleBack
+            }),
+            !hideMenu && /*#__PURE__*/ (0, $7qgKV$jsx)((0, $9uOFS.default), {
+                dashboardVisible: true,
+                onClick: handleBack
+            }),
+            !hideMenu && isLandscape && !configuration.useOldRemote && !isRetorikNews && /*#__PURE__*/ (0, $7qgKV$jsx)((0, $g3FET.default), {
+                onClick: handleBack,
+                className: "rf-z-menu",
+                showLabel: true
+            }),
+            !hideMenu && isBorne && !configuration.useOldRemote && !isRetorikNews && /*#__PURE__*/ (0, $7qgKV$jsx)((0, $9r8dA.default), {
+                hideMenu: configuration?.hideMenu
+            })
+        ]
+    });
+};
+var $aedc1e5f954603b8$export$2e2bcd8739ae039 = $aedc1e5f954603b8$var$NewsContainer;
+
+});
+parcelRegister("hifTx", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c1e5018217fb7fb5$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+const $c1e5018217fb7fb5$var$Time = ({ belowReturnButton: belowReturnButton })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    const [time, setTime] = (0, $7qgKV$useState)('');
+    const timerRef = (0, $7qgKV$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, $7qgKV$useEffect)(()=>{
+        setCurrentTime();
+        timerRef && (timerRef.current = setInterval(setCurrentTime, 1000));
+        return ()=>timerRef && clearInterval(timerRef.current);
+    }, []);
+    return /*#__PURE__*/ (0, $7qgKV$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, $7qgKV$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, $7qgKV$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, $7qgKV$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 $c1e5018217fb7fb5$export$2e2bcd8739ae039 = $c1e5018217fb7fb5$var$Time;
+
+});
+
+parcelRegister("hPPih", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c6bafeb4a00d3b53$export$2e2bcd8739ae039);
+
+
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $aNpqK = parcelRequire("aNpqK");
+
+var $j67YK = parcelRequire("j67YK");
+
+var $kThjX = parcelRequire("kThjX");
+
+var $4ucVo = parcelRequire("4ucVo");
+
+var $auAlt = parcelRequire("auAlt");
+
+var $9lsRd = parcelRequire("9lsRd");
+const $c6bafeb4a00d3b53$var$News = ({ intervalInSeconds: intervalInSeconds = 3, onEnd: onEnd, isRetorikNews: isRetorikNews })=>{
+    const { newsAttachments: newsAttachments, activity: activity } = (0, $kThjX.default)();
+    const route = (0, $1Qww3.useViewStore)((state)=>state.route);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const newsConfiguration = (0, $1Qww3.useViewStore)((state)=>state.configurations.views.news);
+    const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
+    const retorikNewsEnded = (0, $j67YK.useUtilsStore)((state)=>state.retorikNewsEnded);
+    const { setCurrentNewsActivity: setCurrentNewsActivity, setRetorikNewsEnded: setRetorikNewsEnded } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
+    const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const [carouselGridRowStart, setCarouselGridRowStart] = (0, $7qgKV$useState)();
+    const [carouselGridRowSpan, setCarouselGridRowSpan] = (0, $7qgKV$useState)();
+    const [bannerGridRowStart, setBannerGridRowStart] = (0, $7qgKV$useState)(10);
+    const [bannerGridRowSpan, setBannerGridRowSpan] = (0, $7qgKV$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, $7qgKV$useState)(true);
+    const [current, setCurrent] = (0, $7qgKV$useState)(0);
+    const timerRef = (0, $7qgKV$useRef)(null);
+    const news = (0, $7qgKV$useMemo)(()=>{
+        return newsAttachments.map((newsAttachement)=>newsAttachement.content);
+    }, [
+        newsAttachments
+    ]);
+    (0, $7qgKV$useEffect)(()=>{
+        if (!newsAttachments.length) setTimeout(()=>{
+            sendEvent('news.getAllNews', null);
+        }, 2000);
+        return ()=>{
+            timerRef && clearTimeout(timerRef.current);
+        };
+    }, []);
+    (0, $7qgKV$useEffect)(()=>{
+        switch(currentDeviceType){
+            case (0, $4ucVo.DeviceType).mobile:
+            case (0, $4ucVo.DeviceType).widget:
+                // Set carousel's and banner's positions
+                setAlignSelfEnd(true);
+                setCarouselGridRowStart(1);
+                setCarouselGridRowSpan(9);
+                setBannerGridRowStart(10);
+                setBannerGridRowSpan(3);
+                break;
+            case (0, $4ucVo.DeviceType).landscape:
+            case (0, $4ucVo.DeviceType).widgetLandscape:
+                // Check banner's position and set carousel's position if there are no position data for this one
+                if (newsConfiguration?.bannerPosition?.landscape) {
+                    const start = newsConfiguration.bannerPosition.landscape.containerRowStart || 10;
+                    const end = newsConfiguration.bannerPosition.landscape.containerRowEnd || 13;
+                    setAlignSelfEnd(false);
+                    setBannerGridRowStart(start);
+                    setBannerGridRowSpan(end - start);
+                    if (!newsConfiguration?.mediaPosition?.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?.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, $4ucVo.DeviceType).borne:
+            case (0, $4ucVo.DeviceType).widgetBorne:
+                // Check banner's position and set carousel's position if there are no position data for this one
+                if (newsConfiguration?.bannerPosition?.borne) {
+                    const start = newsConfiguration.bannerPosition.borne.containerRowStart || 10;
+                    const end = newsConfiguration.bannerPosition.borne.containerRowEnd || 13;
+                    setAlignSelfEnd(false);
+                    setBannerGridRowStart(start);
+                    setBannerGridRowSpan(end - start);
+                    if (!newsConfiguration?.mediaPosition?.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?.mediaPosition?.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, $7qgKV$useEffect)(()=>{
+        const currentNew = news[current];
+        if (currentNew) {
+            const textTitle = newsConfiguration?.removeTitleFromTextToSpeak ? '' : `${currentNew.title}, <break/> `;
+            const textSubtitle = newsConfiguration?.removeSubtitleFromTextToSpeak ? '' : `${currentNew.subtitle}: <break/> `;
+            const tempActivity = {
+                ...activity,
+                speak: `${textTitle}${textSubtitle}${currentNew.text}`
+            };
+            setCurrentNewsActivity(tempActivity);
+        } else setCurrentNewsActivity(undefined);
+    }, [
+        activity,
+        current
+    ]);
+    const currentMedia = (0, $7qgKV$useMemo)(()=>{
+        const currentNew = news[current];
+        if (currentNew) {
+            if (currentNew.media?.length) return currentNew.media;
+            else if (currentNew.image?.url) return [
+                currentNew.image
+            ];
+        }
+        return [];
+    }, [
+        news,
+        current
+    ]);
+    (0, $7qgKV$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, $4ucVo.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, $7qgKV$jsxs)((0, $7qgKV$react).Fragment, {
+        children: [
+            !isMobile && /*#__PURE__*/ (0, $7qgKV$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, $7qgKV$jsx)((0, $9lsRd.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, $7qgKV$jsx)((0, $7qgKV$react).Fragment, {})
+            }),
+            /*#__PURE__*/ (0, $7qgKV$jsx)((0, $auAlt.default), {
+                news: news[current],
+                gridRowStart: bannerGridRowStart,
+                gridRowSpan: bannerGridRowSpan,
+                alignSelfEnd: alignSelfEnd
+            })
+        ]
+    }) : /*#__PURE__*/ (0, $7qgKV$jsx)((0, $7qgKV$react).Fragment, {});
+};
+var $c6bafeb4a00d3b53$export$2e2bcd8739ae039 = $c6bafeb4a00d3b53$var$News;
+
+});
+parcelRegister("kThjX", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $07fb045e03ad37d0$export$2e2bcd8739ae039);
+
+var $5CsC6 = parcelRequire("5CsC6");
+
+var $9GPj7 = parcelRequire("9GPj7");
+const $07fb045e03ad37d0$var$useNews = ()=>{
+    const activities = (0, $9GPj7.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?.length) return {
+        newsAttachments: [],
+        activity: activity
+    };
+    const newsAttachments = [];
+    activity.attachments.forEach((attachment)=>{
+        if (attachment.contentType === (0, $5CsC6.CONTENT_TYPE_NEWS)) newsAttachments.push({
+            contentType: (0, $5CsC6.CONTENT_TYPE_NEWS),
+            content: attachment.content || ''
+        });
+    });
+    return {
+        newsAttachments: newsAttachments,
+        activity: activity
+    };
+};
+var $07fb045e03ad37d0$export$2e2bcd8739ae039 = $07fb045e03ad37d0$var$useNews;
+
+});
+
+parcelRegister("auAlt", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $de1f380ff3be314f$export$2e2bcd8739ae039);
+
+
+
+var $1Qww3 = parcelRequire("1Qww3");
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $7pypd = parcelRequire("7pypd");
+
+var $fjXOk = parcelRequire("fjXOk");
+
+var $6q7hI = parcelRequire("6q7hI");
+const $de1f380ff3be314f$var$Banner = ({ news: news, gridRowStart: gridRowStart, gridRowSpan: gridRowSpan, alignSelfEnd: alignSelfEnd })=>{
+    const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.localeForRetorikStudioContent);
+    const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
+    const currentWidth = (0, $1Qww3.useViewStore)((state)=>state.currentWidth);
+    const newsConfiguration = (0, $1Qww3.useViewStore)((state)=>state.configurations.views.news);
+    const timerRef = (0, $7qgKV$useRef)(null);
+    const [scrollDuration, setScrollDuration] = (0, $7qgKV$useState)(0);
+    const category = (0, $7qgKV$useMemo)(()=>{
+        if (news.category) return news.category;
+        else if (newsConfiguration?.bannerTitleLocalized?.[locale]) return newsConfiguration.bannerTitleLocalized[locale];
+        else if (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, $7qgKV$useEffect)(()=>{
+        updateDuration();
+        return ()=>timerRef && clearTimeout(timerRef.current);
+    }, [
+        news
+    ]);
+    return /*#__PURE__*/ (0, $7qgKV$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, $7qgKV$jsx)((0, $fjXOk.default), {
+                category: category,
+                title: news.title,
+                subtitle: news.subtitle,
+                url: news.image?.url
+            }) : /*#__PURE__*/ (0, $7qgKV$jsx)((0, $6q7hI.default), {
+                category: category,
+                title: news.title,
+                subtitle: news.subtitle
+            }),
+            /*#__PURE__*/ (0, $7qgKV$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, $7qgKV$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, $7pypd.capitalizeFirstLetter)(news.text) : '...'
+                }) : /*#__PURE__*/ (0, $7qgKV$jsx)("p", {
+                    className: "rf-w-max rf-whitespace-nowrap",
+                    children: news.text ? (0, $7pypd.capitalizeFirstLetter)(news.text) : '...'
+                })
+            })
+        ]
+    });
+};
+var $de1f380ff3be314f$export$2e2bcd8739ae039 = $de1f380ff3be314f$var$Banner;
+
+});
+parcelRegister("fjXOk", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $262dee73bb235081$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $7pypd = parcelRequire("7pypd");
+const $262dee73bb235081$var$BannerTopMobile = ({ category: category, title: title, subtitle: subtitle, url: url })=>{
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $7qgKV$jsxs)((0, $7qgKV$react).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $7qgKV$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?.toLocaleUpperCase(locale)
+            }),
+            /*#__PURE__*/ (0, $7qgKV$jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row",
+                children: [
+                    url && /*#__PURE__*/ (0, $7qgKV$jsx)("div", {
+                        className: "rf-aspect-video rf-w-1/4",
+                        style: {
+                            backgroundImage: `url(${url})`,
+                            backgroundSize: 'cover',
+                            backgroundRepeat: 'no-repeat',
+                            backgroundPosition: 'center'
+                        }
+                    }),
+                    /*#__PURE__*/ (0, $7qgKV$jsxs)("div", {
+                        className: "rf-px-4 rf-py-1 rf-font-bold",
+                        children: [
+                            /*#__PURE__*/ (0, $7qgKV$jsx)("div", {
+                                className: "rf-text-size-auto rf-line-clamp-1",
+                                children: title && title.toLocaleUpperCase(locale)
+                            }),
+                            /*#__PURE__*/ (0, $7qgKV$jsx)("div", {
+                                className: "rf-text-basecustom rf-line-clamp-2",
+                                children: subtitle ? (0, $7pypd.capitalizeFirstLetter)(subtitle) : '...'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $262dee73bb235081$export$2e2bcd8739ae039 = $262dee73bb235081$var$BannerTopMobile;
+
+});
+
+parcelRegister("6q7hI", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $5485971f80937390$export$2e2bcd8739ae039);
+
+
+
+var $2fuDN = parcelRequire("2fuDN");
+
+var $7pypd = parcelRequire("7pypd");
+const $5485971f80937390$var$BannerTopLarge = ({ category: category, title: title, subtitle: subtitle })=>{
+    const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $7qgKV$jsxs)((0, $7qgKV$react).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $7qgKV$jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto",
+                children: [
+                    /*#__PURE__*/ (0, $7qgKV$jsx)("div", {
+                        className: "rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap",
+                        children: category?.toLocaleUpperCase(locale)
+                    }),
+                    /*#__PURE__*/ (0, $7qgKV$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?.toLocaleUpperCase(locale)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $7qgKV$jsx)("div", {
+                className: "rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start",
+                children: /*#__PURE__*/ (0, $7qgKV$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, $7pypd.capitalizeFirstLetter)(subtitle) : '...'
+                })
+            })
+        ]
+    });
+};
+var $5485971f80937390$export$2e2bcd8739ae039 = $5485971f80937390$var$BannerTopLarge;
+
+});
+
+
+
+
+
+//# sourceMappingURL=NewsContainer.67f04b19.js.map