@davi-ai/retorik-framework 4.0.0 → 4.0.2

package/dist/{VeilleManager.d8bde1ee.js → VeilleManager.72cf0e9c.js}

@@ -42,27 +42,15 @@ var $62g7u = parcelRequire("62g7u");
 
 var $kBIQ4 = parcelRequire("kBIQ4");
 const $ae415dac8b23893c$var$springDuration = 500;
-const $ae415dac8b23893c$var$veilleRelatedRoutes = [
-    (0, $4ucVo.Routes).EmptyVeille,
-    (0, $4ucVo.Routes).NewsInVeille,
-    (0, $4ucVo.Routes).ScreenSaver,
-    (0, $4ucVo.Routes).SlideShow
-];
-const $ae415dac8b23893c$var$VeilleManager = ()=>{
+const $ae415dac8b23893c$var$VeilleManager = ({ onClose: onClose })=>{
     const dispatch = (0, $1cDKu$useDispatch)();
-    const addressData = (0, $1cDKu$useSelector)((state)=>state.retorikReducer.addressData);
-    const loaderClosed = (0, $1cDKu$useSelector)((state)=>state.retorikReducer.loaderClosed);
-    const appAvailable = (0, $1cDKu$useSelector)((state)=>state.retorikReducer.appAvailable);
     const route = (0, $1cDKu$useSelector)((state)=>state.viewReducer.route);
     const veilleConfiguration = (0, $1cDKu$useSelector)((state)=>state.viewReducer.veilleConfiguration);
     const muted = (0, $1cDKu$useSelector)((state)=>state.speechReducer.muted);
-    const typingCount = (0, $1cDKu$useSelector)((state)=>state.directlineReducer.typingCount);
-    const [veilleLaunched, setVeilleLaunched] = (0, $1cDKu$useState)(false);
     const [loop, setLoop] = (0, $1cDKu$useState)(false);
     const veilleDataRef = (0, $1cDKu$useRef)(veilleConfiguration);
     const availableItemsToDisplayRef = (0, $1cDKu$useRef)([]);
     const currentItemDisplayedRef = (0, $1cDKu$useRef)(0);
-    const timerRef = (0, $1cDKu$useRef)(null);
     const fadeTimerRef = (0, $1cDKu$useRef)(null);
     const oldMutedRef = (0, $1cDKu$useRef)(muted);
     const [spring, api] = (0, $1cDKu$useSpring)(()=>({
@@ -71,7 +59,7 @@ const $ae415dac8b23893c$var$VeilleManager = ()=>{
             }
         }));
     (0, $1cDKu$useEffect)(()=>{
-        veilleLaunched && api.start({
+        api.start({
             from: {
                 opacity: 0
             },
@@ -82,9 +70,7 @@ const $ae415dac8b23893c$var$VeilleManager = ()=>{
                 duration: $ae415dac8b23893c$var$springDuration
             }
         });
-    }, [
-        veilleLaunched
-    ]);
+    }, []);
     const handleClose = ()=>{
         api.start({
             from: {
@@ -103,47 +89,9 @@ const $ae415dac8b23893c$var$VeilleManager = ()=>{
             dispatch((0, $8ItUL.storeActions).speech.setMuted(oldMutedRef.current));
             // Get back to home view
             dispatch((0, $8ItUL.storeActions).view.setRoute((0, $4ucVo.Routes).Home));
+            onClose();
         }, $ae415dac8b23893c$var$springDuration);
     };
-    const launchVeille = async ()=>{
-        // Kill current directline if needed, and create a new one if the news are included in the veille
-        if (veilleDataRef.current.killConversationOnLaunch) {
-            await dispatch((0, $8ItUL.storeActions).directline.endConversation());
-            veilleDataRef.current.views?.news?.enabled && dispatch((0, $8ItUL.storeActions).directline.recreateDirectline({
-                addressData: addressData,
-                userId: `veille_${Date.now()}`,
-                skipWelcome: true
-            }));
-        }
-        // Set muted state to true if it is demanded in the configuration
-        veilleDataRef.current.views?.news?.muted && dispatch((0, $8ItUL.storeActions).speech.setMuted(true));
-        setVeilleLaunched(true);
-        dispatch((0, $8ItUL.storeActions).view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : (0, $4ucVo.Routes).EmptyVeille));
-    };
-    const refreshTimer = ()=>{
-        timerRef.current && clearTimeout(timerRef.current);
-        timerRef.current = setTimeout(()=>{
-            launchVeille();
-        }, (veilleDataRef.current.delayBeforeLaunchInSeconds || 120) * 1000);
-    };
-    const exitVeille = (firstTime)=>{
-        // Recreate directline if needed
-        if (!firstTime && veilleDataRef.current?.killConversationOnLaunch) {
-            // Reset directline if a new one has already been recreated for the news inside the veille
-            veilleDataRef.current.views?.news?.enabled && dispatch((0, $8ItUL.storeActions).directline.endConversation());
-            dispatch((0, $8ItUL.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++;
@@ -155,32 +103,18 @@ const $ae415dac8b23893c$var$VeilleManager = ()=>{
     };
     (0, $1cDKu$useEffect)(()=>{
         veilleDataRef.current = veilleConfiguration;
-        if (appAvailable || loaderClosed) {
-            const tempViewArray = [];
-            veilleConfiguration.views?.screenSaver?.enabled && tempViewArray.push((0, $4ucVo.Routes).ScreenSaver);
-            veilleConfiguration.views?.news?.enabled && tempViewArray.push((0, $4ucVo.Routes).NewsInVeille);
-            veilleConfiguration.views?.slideShow?.enabled && tempViewArray.push((0, $4ucVo.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, $1cDKu$useEffect)(()=>{
-        !veilleLaunched && refreshTimer();
-    }, [
-        typingCount,
-        veilleLaunched
-    ]);
-    (0, $1cDKu$useEffect)(()=>{
+        const tempViewArray = [];
+        veilleConfiguration.views?.screenSaver?.enabled && tempViewArray.push((0, $4ucVo.Routes).ScreenSaver);
+        veilleConfiguration.views?.news?.enabled && tempViewArray.push((0, $4ucVo.Routes).NewsInVeille);
+        veilleConfiguration.views?.slideShow?.enabled && tempViewArray.push((0, $4ucVo.Routes).SlideShow);
+        // Set loop if there is only 1 item to display
+        setLoop(tempViewArray.length === 1);
+        availableItemsToDisplayRef.current = tempViewArray;
+        currentItemDisplayedRef.current = 0;
+        // Mute the sound if the news in veille has to be muted
+        veilleDataRef.current.views?.news?.muted && dispatch((0, $8ItUL.storeActions).speech.setMuted(true));
+        dispatch((0, $8ItUL.storeActions).view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : (0, $4ucVo.Routes).EmptyVeille));
         return ()=>{
-            timerRef.current && clearTimeout(timerRef.current);
             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, $8ItUL.storeActions).speech.setMuted(oldMutedRef.current));
@@ -190,16 +124,15 @@ const $ae415dac8b23893c$var$VeilleManager = ()=>{
         children: [
             /*#__PURE__*/ (0, $1cDKu$jsxs)((0, $1cDKu$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",
+                className: "rf-relative rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-grid rf-grid-cols-8 rf-grid-rows-12",
                 style: {
-                    display: $ae415dac8b23893c$var$veilleRelatedRoutes.includes(route) ? 'grid' : 'none',
                     ...spring
                 },
                 children: [
                     /*#__PURE__*/ (0, $1cDKu$jsx)((0, $lmkZT.default), {}),
-                    veilleConfiguration.autoExitFromWebcam && veilleLaunched && /*#__PURE__*/ (0, $1cDKu$jsx)((0, $dJb7j.default), {
+                    veilleConfiguration.autoExitFromWebcam && /*#__PURE__*/ (0, $1cDKu$jsx)((0, $dJb7j.default), {
                         detectionThreshold: 0.95,
-                        onFaceDetected: ()=>exitVeille()
+                        onFaceDetected: ()=>handleClose()
                     }),
                     route === (0, $4ucVo.Routes).EmptyVeille && /*#__PURE__*/ (0, $1cDKu$jsx)((0, $9fA0k.default), {}),
                     route === (0, $4ucVo.Routes).NewsInVeille && /*#__PURE__*/ (0, $1cDKu$jsx)((0, $6Wtfz.default), {
@@ -225,9 +158,9 @@ const $ae415dac8b23893c$var$VeilleManager = ()=>{
                     })
                 ]
             }),
-            veilleLaunched && /*#__PURE__*/ (0, $1cDKu$jsx)("div", {
+            /*#__PURE__*/ (0, $1cDKu$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()
+                onClick: ()=>handleClose()
             })
         ]
     });
@@ -302,18 +235,24 @@ $parcel$export(module.exports, "default", () => $741aef3293d0db11$export$2e2bcd8
 
 
 
-
 const $741aef3293d0db11$var$runningMode = 'VIDEO';
 let $741aef3293d0db11$var$lastVideoTime = -1;
-const $741aef3293d0db11$var$constraints = {
-    video: true,
-    facingMode: 'user'
+const $741aef3293d0db11$var$defaultConstraints = {
+    video: {
+        facingMode: 'user'
+    }
 };
-const $741aef3293d0db11$var$FaceDetector = ({ detectionThreshold: detectionThreshold, onFaceDetected: onFaceDetected })=>{
-    const currentWidth = (0, $1cDKu$useSelector)((state)=>state.viewReducer.currentWidth);
-    const currentHeight = (0, $1cDKu$useSelector)((state)=>state.viewReducer.currentHeight);
+const $741aef3293d0db11$var$FaceDetector = ({ detectionThreshold: detectionThreshold, onFaceDetected: onFaceDetected, showThumbnail: showThumbnail, rotation: rotation })=>{
+    const [webcamWidth, setWebcamWidth] = (0, $1cDKu$useState)(0);
+    const [webcamHeight, setWebcamHeight] = (0, $1cDKu$useState)(0);
     const [faceDetector, setFaceDetector] = (0, $1cDKu$useState)();
     const videoRef = (0, $1cDKu$useRef)(null);
+    const rotationRef = (0, $1cDKu$useRef)(rotation || 0);
+    (0, $1cDKu$useEffect)(()=>{
+        rotationRef.current = rotation || 0;
+    }, [
+        rotation
+    ]);
     (0, $1cDKu$useEffect)(()=>{
         const createfaceDetector = async ()=>{
             const vision = await (0, $1cDKu$FilesetResolver).forVisionTasks('https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.0/wasm');
@@ -327,7 +266,10 @@ const $741aef3293d0db11$var$FaceDetector = ({ detectionThreshold: detectionThres
             newFaceDetector && setFaceDetector(newFaceDetector);
         };
         const initializefaceDetector = async ()=>{
-            navigator.mediaDevices.getUserMedia($741aef3293d0db11$var$constraints).then(()=>{
+            navigator.mediaDevices.getUserMedia($741aef3293d0db11$var$defaultConstraints).then((display)=>{
+                const settings = display.getVideoTracks()[0].getSettings();
+                setWebcamWidth(settings.width || 0);
+                setWebcamHeight(settings.height || 0);
                 createfaceDetector();
             }).catch((error)=>console.warn('Retorik Framework > an error occured when trying to use the webcam : ', error));
         };
@@ -339,7 +281,9 @@ const $741aef3293d0db11$var$FaceDetector = ({ detectionThreshold: detectionThres
             // Detect faces using detectForVideo
             if (videoRef.current.currentTime !== $741aef3293d0db11$var$lastVideoTime) {
                 $741aef3293d0db11$var$lastVideoTime = videoRef.current.currentTime;
-                const detections = faceDetector.detectForVideo(videoRef.current, startTimeMs).detections;
+                const detections = faceDetector.detectForVideo(videoRef.current, startTimeMs, {
+                    rotationDegrees: rotationRef.current
+                }).detections;
                 if (detections.length) {
                     const score = detections[0].categories[0].score;
                     score > detectionThreshold && onFaceDetected(detections, videoRef.current.videoWidth, videoRef.current.videoHeight);
@@ -350,8 +294,8 @@ const $741aef3293d0db11$var$FaceDetector = ({ detectionThreshold: detectionThres
         window.requestAnimationFrame(predictWebcam);
     };
     (0, $1cDKu$useEffect)(()=>{
-        if (faceDetector && videoRef.current) // Activate the webcam stream.
-        navigator.mediaDevices.getUserMedia($741aef3293d0db11$var$constraints).then((stream)=>{
+        if (faceDetector && videoRef.current) // Activate the webcam stream
+        navigator.mediaDevices.getUserMedia($741aef3293d0db11$var$defaultConstraints).then((stream)=>{
             if (videoRef.current) {
                 videoRef.current.srcObject = stream;
                 videoRef.current.addEventListener('loadeddata', predictWebcam);
@@ -364,15 +308,15 @@ const $741aef3293d0db11$var$FaceDetector = ({ detectionThreshold: detectionThres
     ]);
     return /*#__PURE__*/ (0, $1cDKu$jsx)("div", {
         id: "retorik-framework-face-detector",
-        className: "rf-absolute rf-top-0 rf-left-0 rf-invisible",
+        className: `rf-absolute rf-top-0 rf-left-0 ${!showThumbnail && 'rf-invisible'}`,
         children: /*#__PURE__*/ (0, $1cDKu$jsx)("video", {
             ref: videoRef,
             src: "",
             autoPlay: true,
             style: {
-                width: currentWidth > currentHeight ? currentWidth : undefined,
-                height: currentHeight > currentWidth ? currentHeight : undefined,
-                aspectRatio: currentWidth / currentHeight
+                rotate: `${rotation}deg`,
+                width: showThumbnail ? webcamWidth / 2 : webcamWidth,
+                height: showThumbnail ? webcamHeight / 2 : webcamHeight
             }
         })
     });
@@ -547,4 +491,4 @@ var $8ccf4a1e66e2b9e3$export$2e2bcd8739ae039 = $8ccf4a1e66e2b9e3$var$SlideShow;
 
 
 
-//# sourceMappingURL=VeilleManager.d8bde1ee.js.map
+//# sourceMappingURL=VeilleManager.72cf0e9c.js.map

package/dist/VeilleManager.72cf0e9c.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\n\r\ninterface VeilleManagerProps {\r\n  onClose: () => void\r\n}\r\n\r\nconst VeilleManager = ({ onClose }: VeilleManagerProps) => {\r\n  const dispatch = useDispatch()\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\r\n  const [loop, setLoop] = useState<boolean>(false)\r\n\r\n  const veilleDataRef = useRef<VeilleConfiguration>(veilleConfiguration)\r\n  const availableItemsToDisplayRef = useRef<Array<Routes>>([])\r\n  const currentItemDisplayedRef = useRef<number>(0)\r\n  const fadeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\r\n  const oldMutedRef = useRef<boolean>(muted)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: { opacity: 0 }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    api.start({\r\n      from: { opacity: 0 },\r\n      to: { opacity: 1 },\r\n      config: { duration: springDuration }\r\n    })\r\n  }, [])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: { opacity: 1 },\r\n      to: { opacity: 0 },\r\n      config: { duration: springDuration }\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      onClose()\r\n    }, springDuration)\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    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    currentItemDisplayedRef.current = 0\r\n    // Mute the sound if the news in veille has to be muted\r\n    veilleDataRef.current.views?.news?.muted && dispatch(storeActions.speech.setMuted(true))\r\n    dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : Routes.EmptyVeille))\r\n\r\n    return () => {\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 rf-grid-cols-8 rf-grid-rows-12'\r\n        style={{\r\n          ...spring\r\n        }}\r\n      >\r\n        <CallToAction />\r\n        {veilleConfiguration.autoExitFromWebcam && <FaceDetector detectionThreshold={0.95} onFaceDetected={() => handleClose()} />}\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      <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={() => handleClose()} />\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\n\r\ninterface FaceDetectorProps {\r\n  detectionThreshold: number\r\n  onFaceDetected: (detections?: Array<Detection>, imageWidth?: number, imageHeight?: number) => void\r\n  showThumbnail?: boolean\r\n  rotation?: number\r\n}\r\n\r\nconst runningMode = 'VIDEO'\r\nlet lastVideoTime = -1\r\nconst defaultConstraints: MediaStreamConstraints = {\r\n  video: {\r\n    facingMode: 'user'\r\n  }\r\n}\r\n\r\nconst FaceDetector = ({ detectionThreshold, onFaceDetected, showThumbnail, rotation }: FaceDetectorProps): JSX.Element => {\r\n  const [webcamWidth, setWebcamWidth] = useState<number>(0)\r\n  const [webcamHeight, setWebcamHeight] = useState<number>(0)\r\n  const [faceDetector, setFaceDetector] = useState<MediapipeFaceDetector | undefined>()\r\n  const videoRef = useRef<HTMLVideoElement>(null)\r\n  const rotationRef = useRef<number>(rotation || 0)\r\n\r\n  useEffect(() => {\r\n    rotationRef.current = rotation || 0\r\n  }, [rotation])\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(defaultConstraints)\r\n        .then((display) => {\r\n          const settings = display.getVideoTracks()[0].getSettings()\r\n          setWebcamWidth(settings.width || 0)\r\n          setWebcamHeight(settings.height || 0)\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, { rotationDegrees: rotationRef.current }).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(defaultConstraints)\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 ${!showThumbnail && 'rf-invisible'}`}>\r\n      <video\r\n        ref={videoRef}\r\n        src=''\r\n        autoPlay\r\n        style={{\r\n          rotate: `${rotation}deg`,\r\n          width: showThumbnail ? webcamWidth / 2 : webcamWidth,\r\n          height: showThumbnail ? webcamHeight / 2 : webcamHeight\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<ReturnType<typeof setTimeout> | null>(null)\r\n  const fadeTimerRef = useRef<ReturnType<typeof setTimeout> | 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<ReturnType<typeof setTimeout> | null>(null)\r\n  const fadeTimerRef = useRef<ReturnType<typeof setTimeout> | 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.72cf0e9c.js.map"}

package/dist/index.d.ts

@@ -411,6 +411,28 @@ export interface ChatbotData extends ContainerPosition {
     height?: number | string;
     fullWidthInDesktopMode?: boolean;
     cameraPreset?: keyof typeof _presets1;
+    calibration?: {
+        static?: {
+            enabled: boolean;
+            loadStaticTargetFromLocalStorage?: boolean;
+            staticTarget?: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        };
+        dynamic?: {
+            enabled: boolean;
+            loadDynamicDataFromLocalStorage?: boolean;
+            dynamicData?: {
+                webcamHeight: number;
+                ratioPixelToCentimeter: number;
+                deltaAgentHeightAgentWorldHeightInCentimeters: number;
+                cameraRotationInDegrees: number;
+                distanceFromAgentToCameraInCentimeters: number;
+            };
+        };
+    };
 }
 export type BaseAgentData = string | {
     url?: string;
@@ -733,6 +755,7 @@ export interface RetorikMainComponentConfiguration extends RetorikSharedProps {
     GDPR?: GDPR;
     customScripts?: Array<string>;
     customCSS?: Array<string>;
+    enableVirtualKeyboard?: boolean;
 }
 export interface RetorikMainComponentProps extends RetorikMainComponentConfiguration {
     menuConfig?: RetorikMenusConfiguration;