@davi-ai/retorik-framework 3.2.5 → 4.0.0

package/dist/VeilleManager.443b366e.js

@@ -0,0 +1,569 @@
+var $ehKZo$reactjsxruntime = require("react/jsx-runtime");
+var $ehKZo$react = require("react");
+var $ehKZo$reactspringweb = require("@react-spring/web");
+var $ehKZo$reactredux = require("react-redux");
+var $ehKZo$mediapipetasksvision = require("@mediapipe/tasks-vision");
+
+
+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("jtgpJ", function(module, exports) {
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $167bfc94e5487988$export$2e2bcd8739ae039);
+
+
+
+
+
+var $kpW3P = parcelRequire("kpW3P");
+
+var $7WHA7 = parcelRequire("7WHA7");
+
+var $2sSL9 = parcelRequire("2sSL9");
+
+var $kL6vX = parcelRequire("kL6vX");
+
+var $8sMtK = parcelRequire("8sMtK");
+
+var $8KeRZ = parcelRequire("8KeRZ");
+
+var $9x9Q9 = parcelRequire("9x9Q9");
+
+var $G07Rs = parcelRequire("G07Rs");
+const $167bfc94e5487988$var$springDuration = 500;
+const $167bfc94e5487988$var$veilleRelatedRoutes = [
+    (0, $7WHA7.Routes).EmptyVeille,
+    (0, $7WHA7.Routes).NewsInVeille,
+    (0, $7WHA7.Routes).ScreenSaver,
+    (0, $7WHA7.Routes).SlideShow
+];
+const $167bfc94e5487988$var$VeilleManager = ()=>{
+    var _veilleConfiguration_views_screenSaver, _veilleConfiguration_views, _veilleConfiguration_views_screenSaver1, _veilleConfiguration_views1, _veilleConfiguration_views_slideShow, _veilleConfiguration_views2, _veilleConfiguration_views_slideShow1, _veilleConfiguration_views3;
+    const dispatch = (0, $ehKZo$reactredux.useDispatch)();
+    const addressData = (0, $ehKZo$reactredux.useSelector)((state)=>state.retorikReducer.addressData);
+    const loaderClosed = (0, $ehKZo$reactredux.useSelector)((state)=>state.retorikReducer.loaderClosed);
+    const appAvailable = (0, $ehKZo$reactredux.useSelector)((state)=>state.retorikReducer.appAvailable);
+    const route = (0, $ehKZo$reactredux.useSelector)((state)=>state.viewReducer.route);
+    const veilleConfiguration = (0, $ehKZo$reactredux.useSelector)((state)=>state.viewReducer.veilleConfiguration);
+    const muted = (0, $ehKZo$reactredux.useSelector)((state)=>state.speechReducer.muted);
+    const typingCount = (0, $ehKZo$reactredux.useSelector)((state)=>state.directlineReducer.typingCount);
+    const [veilleLaunched, setVeilleLaunched] = (0, $ehKZo$react.useState)(false);
+    const [loop, setLoop] = (0, $ehKZo$react.useState)(false);
+    const veilleDataRef = (0, $ehKZo$react.useRef)(veilleConfiguration);
+    const availableItemsToDisplayRef = (0, $ehKZo$react.useRef)([]);
+    const currentItemDisplayedRef = (0, $ehKZo$react.useRef)(0);
+    const timerRef = (0, $ehKZo$react.useRef)(null);
+    const fadeTimerRef = (0, $ehKZo$react.useRef)(null);
+    const oldMutedRef = (0, $ehKZo$react.useRef)(muted);
+    const [spring, api] = (0, $ehKZo$reactspringweb.useSpring)(()=>({
+            from: {
+                opacity: 0
+            }
+        }));
+    (0, $ehKZo$react.useEffect)(()=>{
+        veilleLaunched && api.start({
+            from: {
+                opacity: 0
+            },
+            to: {
+                opacity: 1
+            },
+            config: {
+                duration: $167bfc94e5487988$var$springDuration
+            }
+        });
+    }, [
+        veilleLaunched
+    ]);
+    const handleClose = ()=>{
+        api.start({
+            from: {
+                opacity: 1
+            },
+            to: {
+                opacity: 0
+            },
+            config: {
+                duration: $167bfc94e5487988$var$springDuration
+            }
+        });
+        (fadeTimerRef === null || fadeTimerRef === void 0 ? void 0 : fadeTimerRef.current) && clearTimeout(fadeTimerRef.current);
+        fadeTimerRef.current = setTimeout(()=>{
+            // Switch back the muted state (it could have not been changed but for security let's set it)
+            dispatch((0, $kpW3P.storeActions).speech.setMuted(oldMutedRef.current));
+            // Get back to home view
+            dispatch((0, $kpW3P.storeActions).view.setRoute((0, $7WHA7.Routes).Home));
+        }, $167bfc94e5487988$var$springDuration);
+    };
+    const launchVeille = async ()=>{
+        var // Set muted state to true if it is demanded in the configuration
+        _veilleDataRef_current_views_news, _veilleDataRef_current_views;
+        // Kill current directline if needed, and create a new one if the news are included in the veille
+        if (veilleDataRef.current.killConversationOnLaunch) {
+            var _veilleDataRef_current_views_news1, _veilleDataRef_current_views1;
+            await dispatch((0, $kpW3P.storeActions).directline.endConversation());
+            ((_veilleDataRef_current_views1 = veilleDataRef.current.views) === null || _veilleDataRef_current_views1 === void 0 ? void 0 : (_veilleDataRef_current_views_news1 = _veilleDataRef_current_views1.news) === null || _veilleDataRef_current_views_news1 === void 0 ? void 0 : _veilleDataRef_current_views_news1.enabled) && dispatch((0, $kpW3P.storeActions).directline.recreateDirectline({
+                addressData: addressData,
+                userId: `veille_${Date.now()}`,
+                skipWelcome: true
+            }));
+        }
+        ((_veilleDataRef_current_views = veilleDataRef.current.views) === null || _veilleDataRef_current_views === void 0 ? void 0 : (_veilleDataRef_current_views_news = _veilleDataRef_current_views.news) === null || _veilleDataRef_current_views_news === void 0 ? void 0 : _veilleDataRef_current_views_news.muted) && dispatch((0, $kpW3P.storeActions).speech.setMuted(true));
+        setVeilleLaunched(true);
+        dispatch((0, $kpW3P.storeActions).view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : (0, $7WHA7.Routes).EmptyVeille));
+    };
+    const refreshTimer = ()=>{
+        timerRef.current && clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(()=>{
+            launchVeille();
+        }, (veilleDataRef.current.delayBeforeLaunchInSeconds || 120) * 1000);
+    };
+    const exitVeille = (firstTime)=>{
+        var _veilleDataRef_current;
+        // Recreate directline if needed
+        if (!firstTime && ((_veilleDataRef_current = veilleDataRef.current) === null || _veilleDataRef_current === void 0 ? void 0 : _veilleDataRef_current.killConversationOnLaunch)) {
+            var // Reset directline if a new one has already been recreated for the news inside the veille
+            _veilleDataRef_current_views_news, _veilleDataRef_current_views;
+            ((_veilleDataRef_current_views = veilleDataRef.current.views) === null || _veilleDataRef_current_views === void 0 ? void 0 : (_veilleDataRef_current_views_news = _veilleDataRef_current_views.news) === null || _veilleDataRef_current_views_news === void 0 ? void 0 : _veilleDataRef_current_views_news.enabled) && dispatch((0, $kpW3P.storeActions).directline.endConversation());
+            dispatch((0, $kpW3P.storeActions).directline.recreateDirectline({
+                addressData: addressData
+            }));
+        }
+        setVeilleLaunched(false);
+        // Set back the current item's index to 0 and clear the timeout
+        currentItemDisplayedRef.current = 0;
+        timerRef.current && clearTimeout(timerRef.current);
+        // Launch the timer for veille opening
+        refreshTimer();
+        // Get back to home view if we came here to close the veille
+        !firstTime && handleClose();
+    };
+    const switchComponent = ()=>{
+        if (availableItemsToDisplayRef.current.length > currentItemDisplayedRef.current + 1) {
+            currentItemDisplayedRef.current++;
+            dispatch((0, $kpW3P.storeActions).view.setRoute(availableItemsToDisplayRef.current[currentItemDisplayedRef.current]));
+        } else {
+            currentItemDisplayedRef.current = 0;
+            dispatch((0, $kpW3P.storeActions).view.setRoute(availableItemsToDisplayRef.current[0]));
+        }
+    };
+    (0, $ehKZo$react.useEffect)(()=>{
+        veilleDataRef.current = veilleConfiguration;
+        if (appAvailable || loaderClosed) {
+            var _veilleConfiguration_views_screenSaver, _veilleConfiguration_views, _veilleConfiguration_views_news, _veilleConfiguration_views1, _veilleConfiguration_views_slideShow, _veilleConfiguration_views2;
+            const tempViewArray = [];
+            ((_veilleConfiguration_views = veilleConfiguration.views) === null || _veilleConfiguration_views === void 0 ? void 0 : (_veilleConfiguration_views_screenSaver = _veilleConfiguration_views.screenSaver) === null || _veilleConfiguration_views_screenSaver === void 0 ? void 0 : _veilleConfiguration_views_screenSaver.enabled) && tempViewArray.push((0, $7WHA7.Routes).ScreenSaver);
+            ((_veilleConfiguration_views1 = veilleConfiguration.views) === null || _veilleConfiguration_views1 === void 0 ? void 0 : (_veilleConfiguration_views_news = _veilleConfiguration_views1.news) === null || _veilleConfiguration_views_news === void 0 ? void 0 : _veilleConfiguration_views_news.enabled) && tempViewArray.push((0, $7WHA7.Routes).NewsInVeille);
+            ((_veilleConfiguration_views2 = veilleConfiguration.views) === null || _veilleConfiguration_views2 === void 0 ? void 0 : (_veilleConfiguration_views_slideShow = _veilleConfiguration_views2.slideShow) === null || _veilleConfiguration_views_slideShow === void 0 ? void 0 : _veilleConfiguration_views_slideShow.enabled) && tempViewArray.push((0, $7WHA7.Routes).SlideShow);
+            // Set loop if there is only 1 item to display
+            setLoop(tempViewArray.length === 1);
+            availableItemsToDisplayRef.current = tempViewArray;
+            exitVeille(true);
+        }
+    }, [
+        veilleConfiguration,
+        appAvailable,
+        loaderClosed
+    ]);
+    /**
+   * Refresh the timer of the veille on each typing activity emitted
+   */ (0, $ehKZo$react.useEffect)(()=>{
+        !veilleLaunched && refreshTimer();
+    }, [
+        typingCount,
+        veilleLaunched
+    ]);
+    (0, $ehKZo$react.useEffect)(()=>{
+        return ()=>{
+            timerRef.current && clearTimeout(timerRef.current);
+            (fadeTimerRef === null || fadeTimerRef === void 0 ? void 0 : fadeTimerRef.current) && clearTimeout(fadeTimerRef.current);
+            // Switch back the muted state (it could have not been changed but for security let's set it)
+            dispatch((0, $kpW3P.storeActions).speech.setMuted(oldMutedRef.current));
+        };
+    }, []);
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($ehKZo$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsxs)((0, $ehKZo$reactspringweb.animated).div, {
+                id: "retorik-framework-veille-manager",
+                className: "rf-relative rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-grid-cols-8 rf-grid-rows-12",
+                style: {
+                    display: $167bfc94e5487988$var$veilleRelatedRoutes.includes(route) ? 'grid' : 'none',
+                    ...spring
+                },
+                children: [
+                    /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $kL6vX.default), {}),
+                    veilleConfiguration.autoExitFromWebcam && veilleLaunched && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $8sMtK.default), {
+                        detectionThreshold: 0.95,
+                        onFaceDetected: ()=>exitVeille()
+                    }),
+                    route === (0, $7WHA7.Routes).EmptyVeille && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $8KeRZ.default), {}),
+                    route === (0, $7WHA7.Routes).NewsInVeille && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $2sSL9.default), {
+                        hideMenu: true,
+                        isRetorikNews: true,
+                        handleEndedWithoutloop: switchComponent,
+                        loop: loop,
+                        fromVeille: true
+                    }),
+                    route === (0, $7WHA7.Routes).ScreenSaver && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $9x9Q9.default), {
+                        url: (_veilleConfiguration_views = veilleConfiguration.views) === null || _veilleConfiguration_views === void 0 ? void 0 : (_veilleConfiguration_views_screenSaver = _veilleConfiguration_views.screenSaver) === null || _veilleConfiguration_views_screenSaver === void 0 ? void 0 : _veilleConfiguration_views_screenSaver.url,
+                        timer: (_veilleConfiguration_views1 = veilleConfiguration.views) === null || _veilleConfiguration_views1 === void 0 ? void 0 : (_veilleConfiguration_views_screenSaver1 = _veilleConfiguration_views1.screenSaver) === null || _veilleConfiguration_views_screenSaver1 === void 0 ? void 0 : _veilleConfiguration_views_screenSaver1.timerBeforeSwitchInSeconds,
+                        loop: loop,
+                        springDuration: $167bfc94e5487988$var$springDuration,
+                        switchComponent: switchComponent
+                    }),
+                    route === (0, $7WHA7.Routes).SlideShow && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $G07Rs.default), {
+                        urls: (_veilleConfiguration_views2 = veilleConfiguration.views) === null || _veilleConfiguration_views2 === void 0 ? void 0 : (_veilleConfiguration_views_slideShow = _veilleConfiguration_views2.slideShow) === null || _veilleConfiguration_views_slideShow === void 0 ? void 0 : _veilleConfiguration_views_slideShow.urls,
+                        timer: (_veilleConfiguration_views3 = veilleConfiguration.views) === null || _veilleConfiguration_views3 === void 0 ? void 0 : (_veilleConfiguration_views_slideShow1 = _veilleConfiguration_views3.slideShow) === null || _veilleConfiguration_views_slideShow1 === void 0 ? void 0 : _veilleConfiguration_views_slideShow1.timerBeforeSwitchInSeconds,
+                        loop: loop,
+                        springDuration: $167bfc94e5487988$var$springDuration,
+                        switchComponent: switchComponent
+                    })
+                ]
+            }),
+            veilleLaunched && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("div", {
+                className: "rf-z-overlay rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-bg-transparent rf-cursor-pointer",
+                onClick: ()=>exitVeille()
+            })
+        ]
+    });
+};
+var $167bfc94e5487988$export$2e2bcd8739ae039 = $167bfc94e5487988$var$VeilleManager;
+
+});
+parcelRegister("kL6vX", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $42bad5eabafac04e$export$2e2bcd8739ae039);
+
+
+
+
+var $58ljk = parcelRequire("58ljk");
+
+var $69ngO = parcelRequire("69ngO");
+const $42bad5eabafac04e$var$CallToAction = ()=>{
+    const themeColors = (0, $ehKZo$reactredux.useSelector)((state)=>state.viewReducer.themeColors);
+    const [colorWithTransparency] = (0, $ehKZo$react.useState)((0, $58ljk.getColorWithTransparency)(themeColors.primary, 0.5));
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsxs)("div", {
+        className: "rf-absolute rf-z-ui rf-bottom-0 rf-right-0 rf-w-80 rf-h-80 rf-grid rf-grid-cols-1 rf-grid-rows-1 rf-justify-end rf-justify-items-end rf-content-end rf-items-end rf-text-center rf-overflow-hidden rf-z-10",
+        children: [
+            /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("div", {
+                className: "rf-relative rf-col-start-1 rf-col-end-2 rf-row-start-1 rf-row-end-2 rf-w-48 rf-h-36 rf-rotate-45 rf-translate-y-8",
+                style: {
+                    backgroundColor: colorWithTransparency
+                }
+            }),
+            /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsxs)("div", {
+                className: "rf-relative rf-col-start-1 rf-col-end-2 rf-row-start-1 rf-row-end-2 rf-w-50 rf-h-32 rf-flex rf-flex-col rf-gap-2 rf-justify-center rf-items-center rf-text-white",
+                children: [
+                    /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $69ngO.default), {}),
+                    /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("p", {
+                        className: "rf-mx-4",
+                        children: "Click on screen to start"
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $42bad5eabafac04e$export$2e2bcd8739ae039 = $42bad5eabafac04e$var$CallToAction;
+
+});
+parcelRegister("69ngO", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $82350bf4cc1b081d$export$2e2bcd8739ae039);
+
+
+const $82350bf4cc1b081d$var$TouchIcon = ({ className: className, color: color })=>{
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("svg", {
+        viewBox: "0 0 48 67",
+        xmlns: "http://www.w3.org/2000/svg",
+        stroke: color || 'currentColor',
+        fill: color || 'currentColor',
+        className: className || 'rf-h-12 rf-w-12',
+        children: /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("path", {
+            d: "m41 24c-1.7 0-3.2 0.65-4.4 1.7-1.2-1.1-2.7-1.7-4.4-1.7-1.7 0-3.2 0.65-4.4 1.7-0.48-0.44-1-0.8-1.6-1.1 2.1-2.6 3.4-6 3.4-9.5 2.8e-4 -8.3-6.7-15-15-15-8.3 0-15 6.7-15 15 0 5.8 3.3 11 8.4 13v18c0 11 8.9 20 20 20 11 0 20-8.9 20-20v-16c0-3.6-2.9-6.6-6.6-6.6zm-37-8.8c0-5.9 4.8-11 11-11 5.9 0 11 4.8 11 11 0 3.4-1.6 6.5-4.1 8.5v-8.5c0-3.6-2.9-6.6-6.6-6.6-3.6 0-6.6 2.9-6.6 6.6v8.5c-2.6-2-4.1-5.1-4.1-8.5zm39 32c0 8.5-6.9 15-15 15-8.5 0-15-6.9-15-15v-20c4e-3 -0.072 4e-3 -0.14 0-0.22v-12c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v20c0 1.2 0.96 2.1 2.1 2.1 1.2 0 2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3s2.3 1 2.3 2.3v4.7c0 1.2 0.96 2.1 2.1 2.1 1.2 0 2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v4.7c0 1.2 0.96 2.1 2.1 2.1s2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v16z",
+            strokeWidth: ".29"
+        })
+    });
+};
+var $82350bf4cc1b081d$export$2e2bcd8739ae039 = $82350bf4cc1b081d$var$TouchIcon;
+
+});
+
+
+parcelRegister("8sMtK", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $8d9a75d3aaaf531b$export$2e2bcd8739ae039);
+
+
+
+
+const $8d9a75d3aaaf531b$var$runningMode = 'VIDEO';
+let $8d9a75d3aaaf531b$var$lastVideoTime = -1;
+const $8d9a75d3aaaf531b$var$constraints = {
+    video: true,
+    facingMode: 'user'
+};
+const $8d9a75d3aaaf531b$var$FaceDetector = ({ detectionThreshold: detectionThreshold, onFaceDetected: onFaceDetected })=>{
+    const currentWidth = (0, $ehKZo$reactredux.useSelector)((state)=>state.viewReducer.currentWidth);
+    const currentHeight = (0, $ehKZo$reactredux.useSelector)((state)=>state.viewReducer.currentHeight);
+    const [faceDetector, setFaceDetector] = (0, $ehKZo$react.useState)();
+    const videoRef = (0, $ehKZo$react.useRef)(null);
+    (0, $ehKZo$react.useEffect)(()=>{
+        const createfaceDetector = async ()=>{
+            const vision = await (0, $ehKZo$mediapipetasksvision.FilesetResolver).forVisionTasks('https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.0/wasm');
+            const newFaceDetector = await (0, $ehKZo$mediapipetasksvision.FaceDetector).createFromOptions(vision, {
+                baseOptions: {
+                    modelAssetPath: `https://storage.googleapis.com/mediapipe-models/face_detector/blaze_face_short_range/float16/1/blaze_face_short_range.tflite`,
+                    delegate: 'GPU'
+                },
+                runningMode: $8d9a75d3aaaf531b$var$runningMode
+            });
+            newFaceDetector && setFaceDetector(newFaceDetector);
+        };
+        const initializefaceDetector = async ()=>{
+            navigator.mediaDevices.getUserMedia($8d9a75d3aaaf531b$var$constraints).then(()=>{
+                createfaceDetector();
+            }).catch((error)=>console.warn('Retorik Framework > an error occured when trying to use the webcam : ', error));
+        };
+        initializefaceDetector();
+    }, []);
+    const predictWebcam = async ()=>{
+        if (faceDetector && videoRef.current) {
+            let startTimeMs = performance.now();
+            // Detect faces using detectForVideo
+            if (videoRef.current.currentTime !== $8d9a75d3aaaf531b$var$lastVideoTime) {
+                $8d9a75d3aaaf531b$var$lastVideoTime = videoRef.current.currentTime;
+                const detections = faceDetector.detectForVideo(videoRef.current, startTimeMs).detections;
+                if (detections.length) {
+                    const score = detections[0].categories[0].score;
+                    score > detectionThreshold && onFaceDetected(detections, videoRef.current.videoWidth, videoRef.current.videoHeight);
+                }
+            }
+        }
+        // Call this function again to keep predicting when the browser is ready
+        window.requestAnimationFrame(predictWebcam);
+    };
+    (0, $ehKZo$react.useEffect)(()=>{
+        if (faceDetector && videoRef.current) // Activate the webcam stream.
+        navigator.mediaDevices.getUserMedia($8d9a75d3aaaf531b$var$constraints).then((stream)=>{
+            if (videoRef.current) {
+                videoRef.current.srcObject = stream;
+                videoRef.current.addEventListener('loadeddata', predictWebcam);
+            }
+        }).catch((err)=>{
+            console.error(err);
+        });
+    }, [
+        faceDetector
+    ]);
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("div", {
+        id: "retorik-framework-face-detector",
+        className: "rf-absolute rf-top-0 rf-left-0 rf-invisible",
+        children: /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("video", {
+            ref: videoRef,
+            src: "",
+            autoPlay: true,
+            style: {
+                width: currentWidth > currentHeight ? currentWidth : undefined,
+                height: currentHeight > currentWidth ? currentHeight : undefined,
+                aspectRatio: currentWidth / currentHeight
+            }
+        })
+    });
+};
+var $8d9a75d3aaaf531b$export$2e2bcd8739ae039 = $8d9a75d3aaaf531b$var$FaceDetector;
+
+});
+
+parcelRegister("8KeRZ", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $dadec6c8a2c8bf97$export$2e2bcd8739ae039);
+
+
+const $dadec6c8a2c8bf97$var$EmptyVeille = ()=>{
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("div", {
+        className: "rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-bg-black rf-flex rf-justify-center rf-items-center",
+        children: /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("div", {
+            className: "rf-uppercase rf-font-bold rf-text-3xl rf-text-white rf-animate-pulse",
+            children: "click or tap on the screen..."
+        })
+    });
+};
+var $dadec6c8a2c8bf97$export$2e2bcd8739ae039 = $dadec6c8a2c8bf97$var$EmptyVeille;
+
+});
+
+parcelRegister("9x9Q9", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $c7d28215eed5d4a7$export$2e2bcd8739ae039);
+
+
+
+const $c7d28215eed5d4a7$var$ScreenSaver = ({ url: url, timer: timer, loop: loop, springDuration: springDuration, switchComponent: switchComponent })=>{
+    const timerRef = (0, $ehKZo$react.useRef)(null);
+    const fadeTimerRef = (0, $ehKZo$react.useRef)(null);
+    const [spring, api] = (0, $ehKZo$reactspringweb.useSpring)(()=>({
+            from: {
+                opacity: 0
+            }
+        }));
+    (0, $ehKZo$react.useEffect)(()=>{
+        api.start({
+            from: {
+                opacity: 0
+            },
+            to: {
+                opacity: 1
+            },
+            config: {
+                duration: springDuration
+            }
+        });
+    }, []);
+    const handleClose = ()=>{
+        api.start({
+            from: {
+                opacity: 1
+            },
+            to: {
+                opacity: 0
+            },
+            config: {
+                duration: springDuration
+            }
+        });
+        (fadeTimerRef === null || fadeTimerRef === void 0 ? void 0 : fadeTimerRef.current) && clearTimeout(fadeTimerRef.current);
+        fadeTimerRef.current = setTimeout(()=>{
+            // Get back to home view
+            switchComponent();
+        }, springDuration);
+    };
+    (0, $ehKZo$react.useEffect)(()=>{
+        if (!loop) timerRef.current = setTimeout(()=>{
+            handleClose();
+        }, (timer || 8) * 1000 - springDuration);
+        return ()=>{
+            timerRef.current && clearTimeout(timerRef.current);
+            fadeTimerRef.current && clearTimeout(fadeTimerRef.current);
+        };
+    }, []);
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $ehKZo$reactspringweb.animated).div, {
+        className: "rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full",
+        style: {
+            backgroundImage: `url(${url})`,
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: 'cover',
+            ...spring
+        }
+    });
+};
+var $c7d28215eed5d4a7$export$2e2bcd8739ae039 = $c7d28215eed5d4a7$var$ScreenSaver;
+
+});
+
+parcelRegister("G07Rs", function(module, exports) {
+
+$parcel$export(module.exports, "default", () => $a2463c3887d0d0a1$export$2e2bcd8739ae039);
+
+
+
+const $a2463c3887d0d0a1$var$SlideShow = ({ urls: urls, timer: timer, loop: loop, springDuration: springDuration, switchComponent: switchComponent })=>{
+    const [currentIndex, setCurrentIndex] = (0, $ehKZo$react.useState)(0);
+    const timerRef = (0, $ehKZo$react.useRef)(null);
+    const fadeTimerRef = (0, $ehKZo$react.useRef)(null);
+    const [spring, api] = (0, $ehKZo$reactspringweb.useSpring)(()=>({
+            from: {
+                opacity: 0
+            }
+        }));
+    (0, $ehKZo$react.useEffect)(()=>{
+        api.start({
+            from: {
+                opacity: 0
+            },
+            to: {
+                opacity: 1
+            },
+            config: {
+                duration: springDuration
+            }
+        });
+    }, []);
+    const handleClose = ()=>{
+        api.start({
+            from: {
+                opacity: 1
+            },
+            to: {
+                opacity: 0
+            },
+            config: {
+                duration: springDuration
+            }
+        });
+        (fadeTimerRef === null || fadeTimerRef === void 0 ? void 0 : fadeTimerRef.current) && clearTimeout(fadeTimerRef.current);
+        fadeTimerRef.current = setTimeout(()=>{
+            // Get back to home view
+            switchComponent();
+        }, springDuration);
+    };
+    (0, $ehKZo$react.useEffect)(()=>{
+        (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
+        if (urls === null || urls === void 0 ? void 0 : urls.length) timerRef.current = setTimeout(()=>{
+            currentIndex === urls.length - 1 ? loop ? setCurrentIndex(0) : handleClose() : setCurrentIndex(currentIndex + 1);
+        }, (timer || 5) * 1000);
+        else switchComponent();
+    }, [
+        currentIndex
+    ]);
+    (0, $ehKZo$react.useEffect)(()=>{
+        return ()=>{
+            (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
+            (fadeTimerRef === null || fadeTimerRef === void 0 ? void 0 : fadeTimerRef.current) && clearTimeout(fadeTimerRef.current);
+        };
+    }, []);
+    return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $ehKZo$reactspringweb.animated).div, {
+        className: "rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-flex rf-justify-center rf-items-center rf-bg-black",
+        style: {
+            ...spring
+        },
+        children: /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("img", {
+            className: `${window.innerHeight > window.innerWidth ? 'rf-w-full' : 'rf-h-full'}`,
+            src: (urls === null || urls === void 0 ? void 0 : urls[currentIndex]) || '',
+            alt: "slideshow"
+        })
+    });
+};
+var $a2463c3887d0d0a1$export$2e2bcd8739ae039 = $a2463c3887d0d0a1$var$SlideShow;
+
+});
+
+
+
+//# sourceMappingURL=VeilleManager.443b366e.js.map

package/dist/VeilleManager.443b366e.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/Veille/VeilleManager.tsx","src/components/Veille/CallToAction.tsx","src/components/Icons/Miscellaneous/TouchIcon.tsx","src/components/Veille/FaceDetector.tsx","src/components/Veille/EmptyVeille.tsx","src/components/Veille/ScreenSaver.tsx","src/components/Veille/SlideShow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions } from '../../store'\r\n\r\nimport { Routes } from '../../models/enums'\r\nimport type { VeilleConfiguration } from '../../models/types'\r\n\r\nimport NewsView from '../Views/NewsView'\r\nimport CallToAction from './CallToAction'\r\nimport FaceDetector from './FaceDetector'\r\nimport EmptyVeille from './EmptyVeille'\r\nimport ScreenSaver from './ScreenSaver'\r\nimport SlideShow from './SlideShow'\r\n\r\nconst springDuration = 500\r\nconst veilleRelatedRoutes = [Routes.EmptyVeille, Routes.NewsInVeille, Routes.ScreenSaver, Routes.SlideShow]\r\n\r\nconst VeilleManager = () => {\r\n  const dispatch = useDispatch()\r\n  const addressData = useSelector((state: RootState) => state.retorikReducer.addressData)\r\n  const loaderClosed = useSelector((state: RootState) => state.retorikReducer.loaderClosed)\r\n  const appAvailable = useSelector((state: RootState) => state.retorikReducer.appAvailable)\r\n  const route = useSelector((state: RootState) => state.viewReducer.route)\r\n  const veilleConfiguration = useSelector((state: RootState) => state.viewReducer.veilleConfiguration)\r\n  const muted = useSelector((state: RootState) => state.speechReducer.muted)\r\n  const typingCount = useSelector((state: RootState) => state.directlineReducer.typingCount)\r\n\r\n  const [veilleLaunched, setVeilleLaunched] = useState<boolean>(false)\r\n  const [loop, setLoop] = useState<boolean>(false)\r\n  const veilleDataRef = useRef<VeilleConfiguration>(veilleConfiguration)\r\n  const availableItemsToDisplayRef = useRef<Array<Routes>>([])\r\n  const currentItemDisplayedRef = useRef<number>(0)\r\n  const timerRef = useRef<NodeJS.Timer | null>(null)\r\n  const fadeTimerRef = useRef<NodeJS.Timer | null>(null)\r\n  const oldMutedRef = useRef<boolean>(muted)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: {\r\n      opacity: 0\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    veilleLaunched &&\r\n      api.start({\r\n        from: {\r\n          opacity: 0\r\n        },\r\n        to: {\r\n          opacity: 1\r\n        },\r\n        config: {\r\n          duration: springDuration\r\n        }\r\n      })\r\n  }, [veilleLaunched])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: {\r\n        opacity: 1\r\n      },\r\n      to: {\r\n        opacity: 0\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n\r\n    fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    fadeTimerRef.current = setTimeout(() => {\r\n      // Switch back the muted state (it could have not been changed but for security let's set it)\r\n      dispatch(storeActions.speech.setMuted(oldMutedRef.current))\r\n      // Get back to home view\r\n      dispatch(storeActions.view.setRoute(Routes.Home))\r\n    }, springDuration)\r\n  }\r\n\r\n  const launchVeille = async (): Promise<void> => {\r\n    // Kill current directline if needed, and create a new one if the news are included in the veille\r\n    if (veilleDataRef.current.killConversationOnLaunch) {\r\n      await dispatch(storeActions.directline.endConversation())\r\n      veilleDataRef.current.views?.news?.enabled && dispatch(storeActions.directline.recreateDirectline({ addressData: addressData, userId: `veille_${Date.now()}`, skipWelcome: true }))\r\n    }\r\n    // Set muted state to true if it is demanded in the configuration\r\n    veilleDataRef.current.views?.news?.muted && dispatch(storeActions.speech.setMuted(true))\r\n    setVeilleLaunched(true)\r\n    dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : Routes.EmptyVeille))\r\n  }\r\n\r\n  const refreshTimer = (): void => {\r\n    timerRef.current && clearTimeout(timerRef.current)\r\n    timerRef.current = setTimeout(() => {\r\n      launchVeille()\r\n    }, (veilleDataRef.current.delayBeforeLaunchInSeconds || 120) * 1000)\r\n  }\r\n\r\n  const exitVeille = (firstTime?: boolean): void => {\r\n    // Recreate directline if needed\r\n    if (!firstTime && veilleDataRef.current?.killConversationOnLaunch) {\r\n      // Reset directline if a new one has already been recreated for the news inside the veille\r\n      veilleDataRef.current.views?.news?.enabled && dispatch(storeActions.directline.endConversation())\r\n      dispatch(storeActions.directline.recreateDirectline({ addressData: addressData }))\r\n    }\r\n\r\n    setVeilleLaunched(false)\r\n    // Set back the current item's index to 0 and clear the timeout\r\n    currentItemDisplayedRef.current = 0\r\n    timerRef.current && clearTimeout(timerRef.current)\r\n    // Launch the timer for veille opening\r\n    refreshTimer()\r\n\r\n    // Get back to home view if we came here to close the veille\r\n    !firstTime && handleClose()\r\n  }\r\n\r\n  const switchComponent = (): void => {\r\n    if (availableItemsToDisplayRef.current.length > currentItemDisplayedRef.current + 1) {\r\n      currentItemDisplayedRef.current++\r\n      dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current[currentItemDisplayedRef.current]))\r\n    } else {\r\n      currentItemDisplayedRef.current = 0\r\n      dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current[0]))\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    veilleDataRef.current = veilleConfiguration\r\n    if (appAvailable || loaderClosed) {\r\n      const tempViewArray: Array<Routes> = []\r\n      veilleConfiguration.views?.screenSaver?.enabled && tempViewArray.push(Routes.ScreenSaver)\r\n      veilleConfiguration.views?.news?.enabled && tempViewArray.push(Routes.NewsInVeille)\r\n      veilleConfiguration.views?.slideShow?.enabled && tempViewArray.push(Routes.SlideShow)\r\n      // Set loop if there is only 1 item to display\r\n      setLoop(tempViewArray.length === 1)\r\n      availableItemsToDisplayRef.current = tempViewArray\r\n\r\n      exitVeille(true)\r\n    }\r\n  }, [veilleConfiguration, appAvailable, loaderClosed])\r\n\r\n  /**\r\n   * Refresh the timer of the veille on each typing activity emitted\r\n   */\r\n  useEffect(() => {\r\n    !veilleLaunched && refreshTimer()\r\n  }, [typingCount, veilleLaunched])\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      timerRef.current && clearTimeout(timerRef.current)\r\n      fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n      // Switch back the muted state (it could have not been changed but for security let's set it)\r\n      dispatch(storeActions.speech.setMuted(oldMutedRef.current))\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <animated.div\r\n        id='retorik-framework-veille-manager'\r\n        className='rf-relative rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-grid-cols-8 rf-grid-rows-12'\r\n        style={{\r\n          display: veilleRelatedRoutes.includes(route) ? 'grid' : 'none',\r\n          ...spring\r\n        }}\r\n      >\r\n        <CallToAction />\r\n        {veilleConfiguration.autoExitFromWebcam && veilleLaunched && <FaceDetector detectionThreshold={0.95} onFaceDetected={() => exitVeille()} />}\r\n\r\n        {route === Routes.EmptyVeille && <EmptyVeille />}\r\n        {route === Routes.NewsInVeille && <NewsView hideMenu={true} isRetorikNews={true} handleEndedWithoutloop={switchComponent} loop={loop} fromVeille={true} />}\r\n        {route === Routes.ScreenSaver && (\r\n          <ScreenSaver\r\n            url={veilleConfiguration.views?.screenSaver?.url}\r\n            timer={veilleConfiguration.views?.screenSaver?.timerBeforeSwitchInSeconds}\r\n            loop={loop}\r\n            springDuration={springDuration}\r\n            switchComponent={switchComponent}\r\n          />\r\n        )}\r\n        {route === Routes.SlideShow && (\r\n          <SlideShow\r\n            urls={veilleConfiguration.views?.slideShow?.urls}\r\n            timer={veilleConfiguration.views?.slideShow?.timerBeforeSwitchInSeconds}\r\n            loop={loop}\r\n            springDuration={springDuration}\r\n            switchComponent={switchComponent}\r\n          />\r\n        )}\r\n      </animated.div>\r\n\r\n      {/* Overlay to exit the veille */}\r\n      {veilleLaunched && <div className='rf-z-overlay rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-bg-transparent rf-cursor-pointer' onClick={() => exitVeille()} />}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default VeilleManager\r\n","import React, { useState } from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { RootState } from '../../store'\r\nimport { getColorWithTransparency } from '../../utils/colorUtils'\r\nimport TouchIcon from '../Icons/Miscellaneous/TouchIcon'\r\n\r\nconst CallToAction = (): JSX.Element => {\r\n  const themeColors = useSelector((state: RootState) => state.viewReducer.themeColors)\r\n  const [colorWithTransparency] = useState<string>(getColorWithTransparency(themeColors.primary, 0.5))\r\n\r\n  return (\r\n    <div className='rf-absolute rf-z-ui rf-bottom-0 rf-right-0 rf-w-80 rf-h-80 rf-grid rf-grid-cols-1 rf-grid-rows-1 rf-justify-end rf-justify-items-end rf-content-end rf-items-end rf-text-center rf-overflow-hidden rf-z-10'>\r\n      <div className='rf-relative rf-col-start-1 rf-col-end-2 rf-row-start-1 rf-row-end-2 rf-w-48 rf-h-36 rf-rotate-45 rf-translate-y-8' style={{ backgroundColor: colorWithTransparency }}></div>\r\n      <div className='rf-relative rf-col-start-1 rf-col-end-2 rf-row-start-1 rf-row-end-2 rf-w-50 rf-h-32 rf-flex rf-flex-col rf-gap-2 rf-justify-center rf-items-center rf-text-white'>\r\n        <TouchIcon />\r\n        <p className='rf-mx-4'>Click on screen to start</p>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default CallToAction\r\n","import React from \"react\";\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst TouchIcon = ({ className, color }: IconDefaultProps) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 48 67\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      stroke={color || 'currentColor'}\r\n      fill={color || 'currentColor'}\r\n      className={className || 'rf-h-12 rf-w-12'}\r\n    >\r\n      <path\r\n        d=\"m41 24c-1.7 0-3.2 0.65-4.4 1.7-1.2-1.1-2.7-1.7-4.4-1.7-1.7 0-3.2 0.65-4.4 1.7-0.48-0.44-1-0.8-1.6-1.1 2.1-2.6 3.4-6 3.4-9.5 2.8e-4 -8.3-6.7-15-15-15-8.3 0-15 6.7-15 15 0 5.8 3.3 11 8.4 13v18c0 11 8.9 20 20 20 11 0 20-8.9 20-20v-16c0-3.6-2.9-6.6-6.6-6.6zm-37-8.8c0-5.9 4.8-11 11-11 5.9 0 11 4.8 11 11 0 3.4-1.6 6.5-4.1 8.5v-8.5c0-3.6-2.9-6.6-6.6-6.6-3.6 0-6.6 2.9-6.6 6.6v8.5c-2.6-2-4.1-5.1-4.1-8.5zm39 32c0 8.5-6.9 15-15 15-8.5 0-15-6.9-15-15v-20c4e-3 -0.072 4e-3 -0.14 0-0.22v-12c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v20c0 1.2 0.96 2.1 2.1 2.1 1.2 0 2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3s2.3 1 2.3 2.3v4.7c0 1.2 0.96 2.1 2.1 2.1 1.2 0 2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v4.7c0 1.2 0.96 2.1 2.1 2.1s2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v16z\"\r\n        strokeWidth=\".29\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default TouchIcon;\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { FaceDetector as MediapipeFaceDetector, FilesetResolver, Detection } from '@mediapipe/tasks-vision'\r\nimport { useSelector } from 'react-redux'\r\nimport { RootState } from '../../store'\r\n\r\ninterface FaceDetectorProps {\r\n  detectionThreshold: number\r\n  onFaceDetected: (detections?: Array<Detection>, imageWidth?: number, imageHeight?: number) => void\r\n}\r\n\r\nconst runningMode = 'VIDEO'\r\nlet lastVideoTime = -1\r\nconst constraints = {\r\n  video: true,\r\n  facingMode: 'user'\r\n}\r\n\r\nconst FaceDetector = ({ detectionThreshold, onFaceDetected }: FaceDetectorProps): JSX.Element => {\r\n  const currentWidth = useSelector((state: RootState) => state.viewReducer.currentWidth)\r\n  const currentHeight = useSelector((state: RootState) => state.viewReducer.currentHeight)\r\n  const [faceDetector, setFaceDetector] = useState<MediapipeFaceDetector | undefined>()\r\n  const videoRef = useRef<HTMLVideoElement>(null)\r\n\r\n  useEffect(() => {\r\n    const createfaceDetector = async () => {\r\n      const vision = await FilesetResolver.forVisionTasks('https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.0/wasm')\r\n      const newFaceDetector = await MediapipeFaceDetector.createFromOptions(vision, {\r\n        baseOptions: {\r\n          modelAssetPath: `https://storage.googleapis.com/mediapipe-models/face_detector/blaze_face_short_range/float16/1/blaze_face_short_range.tflite`,\r\n          delegate: 'GPU'\r\n        },\r\n        runningMode: runningMode\r\n      })\r\n\r\n      newFaceDetector && setFaceDetector(newFaceDetector)\r\n    }\r\n\r\n    const initializefaceDetector = async () => {\r\n      navigator.mediaDevices\r\n        .getUserMedia(constraints)\r\n        .then(() => {\r\n          createfaceDetector()\r\n        })\r\n        .catch((error) => console.warn('Retorik Framework > an error occured when trying to use the webcam : ', error))\r\n    }\r\n\r\n    initializefaceDetector()\r\n  }, [])\r\n\r\n  const predictWebcam = async () => {\r\n    if (faceDetector && videoRef.current) {\r\n      let startTimeMs = performance.now()\r\n\r\n      // Detect faces using detectForVideo\r\n      if (videoRef.current.currentTime !== lastVideoTime) {\r\n        lastVideoTime = videoRef.current.currentTime\r\n        const detections = faceDetector.detectForVideo(videoRef.current, startTimeMs).detections\r\n\r\n        if (detections.length) {\r\n          const score = detections[0].categories[0].score\r\n          score > detectionThreshold && onFaceDetected(detections, videoRef.current.videoWidth, videoRef.current.videoHeight)\r\n        }\r\n      }\r\n    }\r\n\r\n    // Call this function again to keep predicting when the browser is ready\r\n    window.requestAnimationFrame(predictWebcam)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (faceDetector && videoRef.current) {\r\n      // Activate the webcam stream.\r\n      navigator.mediaDevices\r\n        .getUserMedia(constraints)\r\n        .then((stream) => {\r\n          if (videoRef.current) {\r\n            videoRef.current.srcObject = stream\r\n            videoRef.current.addEventListener('loadeddata', predictWebcam)\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(err)\r\n        })\r\n    }\r\n  }, [faceDetector])\r\n\r\n  return (\r\n    <div id='retorik-framework-face-detector' className='rf-absolute rf-top-0 rf-left-0 rf-invisible'>\r\n      <video\r\n        ref={videoRef}\r\n        src=''\r\n        autoPlay\r\n        style={{\r\n          width: currentWidth > currentHeight ? currentWidth : undefined,\r\n          height: currentHeight > currentWidth ? currentHeight : undefined,\r\n          aspectRatio: currentWidth / currentHeight\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FaceDetector\r\n","import React from 'react'\r\n\r\nconst EmptyVeille = () => {\r\n  return (\r\n    <div className='rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-bg-black rf-flex rf-justify-center rf-items-center'>\r\n      <div className='rf-uppercase rf-font-bold rf-text-3xl rf-text-white rf-animate-pulse'>click or tap on the screen...</div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default EmptyVeille\r\n","import React, { useEffect, useRef } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\n\r\ninterface ScreenSaverProps {\r\n  url?: string\r\n  timer?: number\r\n  loop?: boolean\r\n  springDuration: number\r\n  switchComponent: () => void\r\n}\r\n\r\nconst ScreenSaver = ({ url, timer, loop, springDuration, switchComponent }: ScreenSaverProps) => {\r\n  const timerRef = useRef<NodeJS.Timer | null>(null)\r\n  const fadeTimerRef = useRef<NodeJS.Timer | null>(null)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: {\r\n      opacity: 0\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    api.start({\r\n      from: {\r\n        opacity: 0\r\n      },\r\n      to: {\r\n        opacity: 1\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: {\r\n        opacity: 1\r\n      },\r\n      to: {\r\n        opacity: 0\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n\r\n    fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    fadeTimerRef.current = setTimeout(() => {\r\n      // Get back to home view\r\n      switchComponent()\r\n    }, springDuration)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (!loop) {\r\n      timerRef.current = setTimeout(() => {\r\n        handleClose()\r\n      }, (timer || 8) * 1000 - springDuration)\r\n    }\r\n\r\n    return () => {\r\n      timerRef.current && clearTimeout(timerRef.current)\r\n      fadeTimerRef.current && clearTimeout(fadeTimerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <animated.div\r\n      className='rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full'\r\n      style={{\r\n        backgroundImage: `url(${url})`,\r\n        backgroundPosition: 'center',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundSize: 'cover',\r\n        ...spring\r\n      }}\r\n    />\r\n  )\r\n}\r\n\r\nexport default ScreenSaver\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\n\r\ninterface SlideShowProps {\r\n  urls?: Array<string>\r\n  timer?: number\r\n  loop?: boolean\r\n  springDuration: number\r\n  switchComponent: () => void\r\n}\r\n\r\nconst SlideShow = ({ urls, timer, loop, springDuration, switchComponent }: SlideShowProps) => {\r\n  const [currentIndex, setCurrentIndex] = useState<number>(0)\r\n  const timerRef = useRef<NodeJS.Timer | null>(null)\r\n  const fadeTimerRef = useRef<NodeJS.Timer | null>(null)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: {\r\n      opacity: 0\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    api.start({\r\n      from: {\r\n        opacity: 0\r\n      },\r\n      to: {\r\n        opacity: 1\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: {\r\n        opacity: 1\r\n      },\r\n      to: {\r\n        opacity: 0\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n\r\n    fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    fadeTimerRef.current = setTimeout(() => {\r\n      // Get back to home view\r\n      switchComponent()\r\n    }, springDuration)\r\n  }\r\n\r\n  useEffect(() => {\r\n    timerRef?.current && clearTimeout(timerRef.current)\r\n    if (urls?.length) {\r\n      timerRef.current = setTimeout(() => {\r\n        currentIndex === urls.length - 1 ? (loop ? setCurrentIndex(0) : handleClose()) : setCurrentIndex(currentIndex + 1)\r\n      }, (timer || 5) * 1000)\r\n    } else {\r\n      switchComponent()\r\n    }\r\n  }, [currentIndex])\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      timerRef?.current && clearTimeout(timerRef.current)\r\n      fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <animated.div className='rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-flex rf-justify-center rf-items-center rf-bg-black' style={{ ...spring }}>\r\n      <img className={`${window.innerHeight > window.innerWidth ? 'rf-w-full' : 'rf-h-full'}`} src={urls?.[currentIndex] || ''} alt='slideshow' />\r\n    </animated.div>\r\n  )\r\n}\r\n\r\nexport default SlideShow\r\n"],"names":[],"version":3,"file":"VeilleManager.443b366e.js.map","sourceRoot":"../"}