@davi-ai/retorik-framework 4.0.0 → 4.0.2

package/dist/ThreeJsWrapper.cb253b3a.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/components/ChatbotAndSubtitles/ThreeJsWrapper.tsx","src/components/ChatbotAndSubtitles/CalibrationScreen.tsx","src/components/Veille/FaceDetector.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\r\nimport { Character, CreationTool, setCharacterState, addViseme, setVisemes, flushLipSyncData, CharacterState, presets, Object3D } from '@davi-ai/react-bodyengine-three'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions } from '../../store'\r\nimport type { CalibrationData } from '../../store/models/types'\r\nimport { RecognitionState, Source3DEngine } from '../../models/enums'\r\nimport MicrophoneLoader from '../Loader/MicrophoneLoader'\r\nimport CalibrationScreen from './CalibrationScreen'\r\n\r\ninterface EyeTrackingData {\r\n  webcamHeight: number\r\n  webcamRotation: number\r\n  ratioPixelToCentimeter: number\r\n  agentEyesHeight: number\r\n  distanceFromDevice: number\r\n  worldDistancePerDegree: number\r\n  cameraX: number\r\n  cameraZ: number\r\n}\r\n\r\ninterface ThreeJsWrapperAgentData {\r\n  url: string\r\n  animationsUrl?: string\r\n  source?: string\r\n  gender: 'male' | 'female' | 'other'\r\n}\r\n\r\ninterface ThreeJsWrapperProps {\r\n  agentData: ThreeJsWrapperAgentData\r\n  visible: boolean\r\n  height?: string | number\r\n  size?: string | number\r\n  cameraPreset?: keyof typeof presets\r\n  calibration?: CalibrationData\r\n  centered: boolean\r\n}\r\n\r\nconst ThreeJsWrapper = ({ agentData, visible, height, size, cameraPreset, calibration, centered }: ThreeJsWrapperProps): JSX.Element => {\r\n  const dispatch = useDispatch()\r\n  const gpuData = useSelector((state: RootState) => state.retorikReducer.gpuData)\r\n  const speaking = useSelector((state: RootState) => state.speechReducer.speaking)\r\n  const loaderClosed = useSelector((state: RootState) => state.retorikReducer.loaderClosed)\r\n  const recognitionState = useSelector((state: RootState) => state.speechReducer.activeRecognitionState)\r\n  const lastRecognitionInterim = useSelector((state: RootState) => state.speechReducer.lastRecognitionInterim)\r\n  const singleViseme = useSelector((state: RootState) => state.speechReducer.singleVisemeAdded)\r\n  const multiVisemes = useSelector((state: RootState) => state.speechReducer.multiVisemesAdded)\r\n  const streamingQueue = useSelector((state: RootState) => state.speechReducer.streamingQueue)\r\n  const characterLoaded = useSelector((state: RootState) => state.viewReducer.characterLoaded)\r\n  const isMobile = useSelector((state: RootState) => state.viewReducer.isMobile)\r\n\r\n  const [targets, setTargets] = useState<Array<Object3D>>([])\r\n  const [dynamicData, setDynamicData] = useState<\r\n    | {\r\n        webcamHeight: number\r\n        ratioPixelToCentimeter: number\r\n        deltaAgentHeightAgentWorldHeightInCentimeters: number\r\n        cameraRotationInDegrees: number\r\n        distanceFromAgentToCameraInCentimeters: number\r\n      }\r\n    | undefined\r\n  >(undefined)\r\n  const [openCalibration, setOpenCalibration] = useState<boolean>(false)\r\n\r\n  /**\r\n   * Use model's source to get the right loader. Default to avaturn loader\r\n   */\r\n  const type = useMemo<CreationTool | null>(() => {\r\n    if (agentData.source) {\r\n      switch (agentData.source.toLowerCase()) {\r\n        case Source3DEngine.avatarsdk:\r\n        case Source3DEngine.avatarsdkbis:\r\n          return CreationTool.avatarsdk\r\n        case Source3DEngine.cc3:\r\n        case Source3DEngine.cc4:\r\n          return CreationTool.cc3\r\n        case Source3DEngine.rpm:\r\n        case Source3DEngine.readyplayerme:\r\n          return CreationTool.rpm\r\n        case Source3DEngine.avaturn:\r\n        default:\r\n          return CreationTool.avaturn\r\n      }\r\n    }\r\n\r\n    return CreationTool.avaturn\r\n  }, [agentData])\r\n\r\n  useEffect(() => {\r\n    if ((!calibration?.static?.enabled && !calibration?.dynamic?.enabled) || isMobile) dispatch(storeActions.view.setCalibrationCompleted(true))\r\n  }, [calibration, isMobile])\r\n\r\n  useEffect(() => {\r\n    // Check if we should open the calibration screen or not\r\n    if ((calibration?.static?.enabled || calibration?.dynamic?.enabled) && !isMobile) {\r\n      // If there are some static data in the props or the local storage, we can directly set the targets without opening the calibration screen\r\n      if (calibration?.static?.enabled && calibration.static.staticTarget) {\r\n        const o = new Object3D()\r\n        o.position.set(calibration.static.staticTarget.x, calibration.static.staticTarget.y, calibration.static.staticTarget.z)\r\n        setTargets([o])\r\n        setOpenCalibration(false)\r\n        dispatch(storeActions.view.setCalibrationCompleted(true))\r\n      } else if (calibration?.static?.enabled && calibration.static.loadStaticTargetFromLocalStorage && localStorage.getItem('Retorik.Framework.Static.Target')) {\r\n        const calibrationData = JSON.parse(localStorage.getItem('Retorik.Framework.Static.Target') || '{}') as {\r\n          x: number\r\n          y: number\r\n          z: number\r\n        }\r\n        const o = new Object3D()\r\n        o.position.set(calibrationData.x, calibrationData.y, calibrationData.z)\r\n        setTargets([o])\r\n        setOpenCalibration(false)\r\n        dispatch(storeActions.view.setCalibrationCompleted(true))\r\n      } else if (calibration.dynamic?.enabled && calibration.dynamic.dynamicData) {\r\n        // Check if all the mandatory dynamic data are in the props\r\n        if (\r\n          calibration.dynamic.dynamicData.webcamHeight &&\r\n          calibration.dynamic.dynamicData.ratioPixelToCentimeter &&\r\n          calibration.dynamic.dynamicData.deltaAgentHeightAgentWorldHeightInCentimeters &&\r\n          calibration.dynamic.dynamicData.distanceFromAgentToCameraInCentimeters\r\n        ) {\r\n          setDynamicData({ ...calibration.dynamic.dynamicData, cameraRotationInDegrees: calibration.dynamic.dynamicData.cameraRotationInDegrees || 0 })\r\n        }\r\n\r\n        setOpenCalibration(true)\r\n      } else if (calibration.dynamic?.enabled && calibration.dynamic.loadDynamicDataFromLocalStorage && localStorage.getItem('Retorik.Framework.Dynamic.Data')) {\r\n        // Check if the local storage data is complete\r\n        const calibrationData = JSON.parse(localStorage.getItem('Retorik.Framework.Dynamic.Data') || '{}')\r\n        if (\r\n          calibrationData.webcamHeight &&\r\n          calibrationData.ratioPixelToCentimeter &&\r\n          calibrationData.deltaAgentHeightAgentWorldHeightInCentimeters &&\r\n          calibrationData.distanceFromAgentToCameraInCentimeters\r\n        ) {\r\n          setDynamicData({ ...calibrationData, cameraRotationInDegrees: calibrationData.cameraRotationInDegrees || 0 })\r\n        }\r\n\r\n        setOpenCalibration(true)\r\n      } else {\r\n        setOpenCalibration(true)\r\n      }\r\n    } else {\r\n      setOpenCalibration(false)\r\n      dispatch(storeActions.view.setCalibrationCompleted(true))\r\n    }\r\n  }, [calibration, isMobile])\r\n\r\n  useEffect(() => {\r\n    singleViseme && addViseme(singleViseme)\r\n  }, [singleViseme])\r\n\r\n  useEffect(() => {\r\n    multiVisemes.length && setVisemes(multiVisemes)\r\n  }, [multiVisemes])\r\n\r\n  useEffect(() => {\r\n    if (speaking || streamingQueue.length) {\r\n      setCharacterState(CharacterState.speaking)\r\n    } else if (recognitionState === RecognitionState.Closed) {\r\n      setCharacterState(CharacterState.idle)\r\n    } else if (lastRecognitionInterim) {\r\n      setCharacterState(CharacterState.listening)\r\n    } else {\r\n      setCharacterState(CharacterState.waiting)\r\n    }\r\n  }, [speaking, recognitionState, lastRecognitionInterim, streamingQueue])\r\n\r\n  useEffect(() => {\r\n    !speaking && flushLipSyncData()\r\n  }, [speaking])\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <div\r\n        style={{\r\n          height: size || '100%',\r\n          paddingTop: height || 0,\r\n          visibility: characterLoaded && visible ? 'visible' : 'hidden'\r\n        }}\r\n      >\r\n        {type && (\r\n          <Character\r\n            url={agentData.url}\r\n            type={type}\r\n            animationsUrl={agentData?.animationsUrl || 'https://cdn.retorik.ai/bodyengine-three/animations/cc4/female/standing/'}\r\n            gender={agentData?.gender === 'male' ? 'male' : 'female'}\r\n            onLoadingCompleted={() => dispatch(storeActions.view.setCharacterLoaded(true))}\r\n            camera={presets[cameraPreset || 'default']}\r\n            targets={targets}\r\n            autoLookAt={true}\r\n            detectGpuData={gpuData}\r\n            license='fake-license'\r\n          />\r\n        )}\r\n      </div>\r\n      {!characterLoaded && (\r\n        <div className='rf-absolute rf-top-0 rf-left-0 rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center'>\r\n          <div className='rf-w-1/4 rf-aspect-square'>\r\n            <MicrophoneLoader />\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      {openCalibration && loaderClosed && (\r\n        <CalibrationScreen\r\n          centered={centered}\r\n          staticCalibrationEnabled={!!calibration?.static?.enabled}\r\n          dynamicCalibrationEnabled={!!calibration?.dynamic?.enabled}\r\n          setTargets={(targets: Array<Object3D>) => setTargets(targets)}\r\n          dynamicData={dynamicData}\r\n        />\r\n      )}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default ThreeJsWrapper\r\nexport type { EyeTrackingData }\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { Object3D, getCameraPosition, getCharacterHeight, setLookAtCamera, setShowFirstTarget } from '@davi-ai/react-bodyengine-three'\r\nimport type { Detection } from '@mediapipe/tasks-vision'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions } from '../../store'\r\nimport FaceDetector from '../Veille/FaceDetector'\r\n\r\ninterface CalibrationScreenProps {\r\n  centered: boolean\r\n  staticCalibrationEnabled: boolean\r\n  dynamicCalibrationEnabled: boolean\r\n  dynamicData?: {\r\n    webcamHeight: number\r\n    ratioPixelToCentimeter: number\r\n    deltaAgentHeightAgentWorldHeightInCentimeters: number\r\n    cameraRotationInDegrees: number\r\n    distanceFromAgentToCameraInCentimeters: number\r\n  }\r\n  setTargets: (targets: Array<Object3D>) => void\r\n}\r\n\r\nenum CalibrationMode {\r\n  none = 1,\r\n  static,\r\n  dynamic\r\n}\r\n\r\nconst CalibrationScreen = ({ centered, staticCalibrationEnabled, dynamicCalibrationEnabled, dynamicData, setTargets }: CalibrationScreenProps): JSX.Element => {\r\n  const dispatch = useDispatch()\r\n  const cameraPosition = getCameraPosition()\r\n  const characterHeight = getCharacterHeight()\r\n  const characterLoaded = useSelector((state: RootState) => state.viewReducer.characterLoaded)\r\n  const calibrationCompleted = useSelector((state: RootState) => state.viewReducer.calibrationCompleted)\r\n\r\n  const [calibrationMode, setCalibrationMode] = useState<CalibrationMode>(dynamicData ? CalibrationMode.dynamic : CalibrationMode.none)\r\n  const [distanceFromDevice, setDistanceFromDevice] = useState<number>(dynamicData?.distanceFromAgentToCameraInCentimeters || 0)\r\n  const [webcamRotation, setWebcamRotation] = useState<number>(0)\r\n  const [agentEyesHeightOnScreen, setAgentEyesHeightOnScreen] = useState<number>(0)\r\n  const [worldDistancePerDegree, setWorldDistancePerDegree] = useState<number>(0)\r\n  const [currentAngleInDegrees, setCurrentAngleInDegrees] = useState<number>(0)\r\n  const [cameraX, setCameraX] = useState<number>(0)\r\n  const [cameraY, setCameraY] = useState<number>(0)\r\n  const [cameraZ, setCameraZ] = useState<number>(0)\r\n\r\n  const cameraXRef = useRef<number>(0)\r\n  const cameraYRef = useRef<number>(0)\r\n  const cameraZRef = useRef<number>(0)\r\n  const currentAngleInDegreesRef = useRef<number>(0)\r\n  const webcamHeightRef = useRef<number>(dynamicData?.webcamHeight || 0)\r\n  const userEyesHeightRef = useRef<number>(0)\r\n  const agentEyesHeightRef = useRef<number>(0)\r\n  const distanceFromDeviceRef = useRef<number>(0)\r\n  const webcamRotatedRef = useRef<number>(dynamicData?.cameraRotationInDegrees || 0)\r\n  const deltaAgentHeightAgentWorldHeightInCentimetersRef = useRef<number>(dynamicData?.deltaAgentHeightAgentWorldHeightInCentimeters || 0)\r\n  const ratioPixelToCentimeterRef = useRef<number>(dynamicData?.ratioPixelToCentimeter || 0)\r\n  const calibrationCompletedRef = useRef<boolean>(calibrationCompleted)\r\n  const counterRef = useRef<number>(0)\r\n\r\n  useEffect(() => {\r\n    // If dynamic data are given, let's validate immediately to set calibratoin as completed\r\n    dynamicData && handleValidate()\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    characterLoaded && !dynamicData && setLookAtCamera(true)\r\n\r\n    return () => {\r\n      setLookAtCamera(false)\r\n    }\r\n  }, [characterLoaded])\r\n\r\n  useEffect(() => {\r\n    if (worldDistancePerDegree && !dynamicData) {\r\n      const o = new Object3D()\r\n      o.position.set(cameraX, cameraY + currentAngleInDegrees * worldDistancePerDegree, Math.max(cameraZ / 5, 0.3))\r\n      setTargets([o])\r\n    }\r\n  }, [currentAngleInDegrees, worldDistancePerDegree, distanceFromDevice, cameraX, cameraY, cameraZ])\r\n\r\n  useEffect(() => {\r\n    if (cameraPosition && !(cameraPosition.x === 0 && cameraPosition.y === 0)) {\r\n      const zDistanceCameraPlusUser = cameraPosition.z + distanceFromDevice / 100\r\n      setCameraX(cameraPosition.x)\r\n      setCameraY(cameraPosition.y)\r\n      setCameraZ(zDistanceCameraPlusUser)\r\n      cameraXRef.current = cameraPosition.x\r\n      cameraYRef.current = cameraPosition.y\r\n      cameraZRef.current = zDistanceCameraPlusUser\r\n      // Get Y world distance for one degree using tangent. The z distance is divided by 5 with 0.3 at the lowest to show a visible height bar when calibrating\r\n      setWorldDistancePerDegree(Math.tan(Math.PI / 180) * Math.max(zDistanceCameraPlusUser / 5, 0.3))\r\n    }\r\n  }, [cameraPosition, distanceFromDevice])\r\n\r\n  useEffect(() => {\r\n    if (!dynamicData) {\r\n      characterHeight && agentEyesHeightOnScreen && (deltaAgentHeightAgentWorldHeightInCentimetersRef.current = (characterHeight - characterHeight / 16) * 100 - agentEyesHeightOnScreen)\r\n    }\r\n  }, [characterHeight, agentEyesHeightOnScreen])\r\n\r\n  useEffect(() => {\r\n    !dynamicData && (webcamRotatedRef.current = webcamRotation)\r\n  }, [webcamRotation])\r\n\r\n  useEffect(() => {\r\n    calibrationCompletedRef.current = calibrationCompleted\r\n  }, [calibrationCompleted])\r\n\r\n  useEffect(() => {\r\n    if (!dynamicData && calibrationMode === CalibrationMode.static) {\r\n      setShowFirstTarget(!calibrationCompleted)\r\n    }\r\n  }, [calibrationMode, calibrationCompleted])\r\n\r\n  const handleReset = () => {\r\n    setCurrentAngleInDegrees(0)\r\n    currentAngleInDegreesRef.current = 0\r\n  }\r\n\r\n  const handleValidate = () => {\r\n    setLookAtCamera(false)\r\n    if (calibrationMode === CalibrationMode.static) {\r\n      // In static mode, store the target in local storage to be able to reuse it later and avoid asking the user to calibrate again if the data are valid\r\n      localStorage.setItem('Retorik.Framework.Static.Target', JSON.stringify({ x: cameraX, y: cameraY + currentAngleInDegrees * worldDistancePerDegree, z: cameraZ }))\r\n    } else if (calibrationMode === CalibrationMode.dynamic && ratioPixelToCentimeterRef.current) {\r\n      localStorage.setItem(\r\n        'Retorik.Framework.Dynamic.Data',\r\n        JSON.stringify({\r\n          webcamHeight: webcamHeightRef.current,\r\n          ratioPixelToCentimeter: ratioPixelToCentimeterRef.current,\r\n          deltaAgentHeightAgentWorldHeightInCentimeters: deltaAgentHeightAgentWorldHeightInCentimetersRef.current,\r\n          cameraRotationInDegrees: webcamRotatedRef.current,\r\n          distanceFromAgentToCameraInCentimeters: distanceFromDeviceRef.current\r\n        })\r\n      )\r\n      setTargets([])\r\n    }\r\n\r\n    dispatch(storeActions.view.setCalibrationCompleted(true))\r\n  }\r\n\r\n  const handleFaceDetected = (detections?: Array<Detection>, width?: number, height?: number): void => {\r\n    counterRef.current++\r\n    if (detections?.length && width && height) {\r\n      // The detections are inverted in X and Y axis (the origin is the top right corner of the image)\r\n      const webcamPositionY = webcamRotatedRef.current === 0 ? height / 2 : width / 2\r\n      const userPositionY = webcamRotatedRef.current === 0 ? height * (1 - detections[0].keypoints[0].y) : width * (1 - detections[0].keypoints[0].x)\r\n\r\n      if (calibrationCompletedRef.current) {\r\n        // Check if the mandatory data have been filled (webcam / agent / user heights + distance user <-> device)\r\n        if (webcamHeightRef.current && ratioPixelToCentimeterRef.current && deltaAgentHeightAgentWorldHeightInCentimetersRef.current !== 0) {\r\n          const deltaHeightInPixels = webcamPositionY - userPositionY\r\n          const userEyesHeightInCentimeters = webcamHeightRef.current - deltaHeightInPixels * ratioPixelToCentimeterRef.current\r\n          const targetYInWorldCoordinates = (userEyesHeightInCentimeters + deltaAgentHeightAgentWorldHeightInCentimetersRef.current) / 100\r\n\r\n          const o = new Object3D()\r\n          o.position.set(cameraXRef.current, targetYInWorldCoordinates, cameraZRef.current)\r\n          setTargets([o])\r\n        }\r\n      } else {\r\n        // The detections are inverted in X and Y axis (the origin is the top right corner of the image)\r\n        if (webcamHeightRef.current && userEyesHeightRef.current && distanceFromDeviceRef.current) {\r\n          // Get the difference in height between the webcam and the user's eyes in cm, then use the detection to get the same difference in pixels on the webcam's image\r\n          const deltaHeightInCentimeters = Math.abs(webcamHeightRef.current - userEyesHeightRef.current)\r\n          const deltaHeightInPixels = Math.abs(webcamPositionY - userPositionY)\r\n\r\n          deltaHeightInPixels && (ratioPixelToCentimeterRef.current = deltaHeightInCentimeters / deltaHeightInPixels)\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div\r\n      id='retorik-framework-animation-container-calibration'\r\n      className={`rf-absolute rf-top-0 rf-h-full rf-w-full rf-grid rf-grid-cols-1 rf-grid-rows-1 ${!centered && 'landscape-retorik:rf-translate-x-1/4'}`}\r\n    >\r\n      {calibrationMode === CalibrationMode.dynamic && (\r\n        <div className='rf-relative rf-z-1 rf-h-full rf-w-full rf-col-start-1 rf-col-span-1 rf-row-start-1 rf-row-span-1 rf-flex rf-justify-start rf-items-start'>\r\n          <FaceDetector detectionThreshold={0.8} onFaceDetected={handleFaceDetected} showThumbnail={!calibrationCompleted} rotation={webcamRotation} />\r\n        </div>\r\n      )}\r\n\r\n      {!calibrationCompleted && (\r\n        <React.Fragment>\r\n          {calibrationMode === CalibrationMode.none ? (\r\n            <div className='rf-h-full rf-w-full rf-col-start-1 rf-col-span-1 rf-row-start-1 rf-row-span-1 rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-4 rf-bg-white rf-bg-opacity-50'>\r\n              <p className='rf-text-medium-size-auto'>Choisissez un mode de calibrage :</p>\r\n              <div className='rf-flex rf-flex-row rf-gap-4'>\r\n                {staticCalibrationEnabled && (\r\n                  <div\r\n                    className='rf-px-4 rf-py-2 rf-border rf-border-primary rf-rounded-lg rf-bg-primary rf-bg-opacity-50 rf-cursor-pointer'\r\n                    onClick={() => setCalibrationMode(CalibrationMode.static)}\r\n                  >\r\n                    STATIQUE\r\n                  </div>\r\n                )}\r\n\r\n                {dynamicCalibrationEnabled && (\r\n                  <div\r\n                    className='rf-px-4 rf-py-2 rf-border rf-border-primary rf-rounded-lg rf-bg-primary rf-bg-opacity-50 rf-cursor-pointer'\r\n                    onClick={() => setCalibrationMode(CalibrationMode.dynamic)}\r\n                  >\r\n                    DYNAMIQUE\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div className='rf-relative rf-h-full rf-w-full rf-col-start-1 rf-col-span-1 rf-row-start-1 rf-row-span-1 rf-flex rf-flex-col rf-justify-center rf-gap-4'>\r\n              {calibrationMode === CalibrationMode.dynamic ? (\r\n                <div className='rf-absolute rf-left-32 rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-4'>\r\n                  <div className='rf-grid rf-grid-cols-2 rf-grid-rows-3 rf-gap-4'>\r\n                    <p className='rf-font-bold'>Hauteur webcam (en cm)</p>\r\n                    <input\r\n                      type='number'\r\n                      min={0}\r\n                      max={300}\r\n                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n                        webcamHeightRef.current = parseInt(e.target.value!)\r\n                      }}\r\n                    />\r\n                    <p className='rf-font-bold'>Votre taille (en cm)</p>\r\n                    <input\r\n                      type='number'\r\n                      min={50}\r\n                      max={300}\r\n                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n                        // We estimate the height of the user's eyes is 12 cm less than their total height\r\n                        userEyesHeightRef.current = parseInt(e.target.value!) - 12\r\n                      }}\r\n                    />\r\n                    <p className='rf-font-bold'>Hauteur des yeux de l'agent (en cm)</p>\r\n                    <input\r\n                      type='number'\r\n                      min={50}\r\n                      max={300}\r\n                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n                        setAgentEyesHeightOnScreen(parseInt(e.target.value!))\r\n                        agentEyesHeightRef.current = parseInt(e.target.value!)\r\n                      }}\r\n                    />\r\n                    <p className='rf-font-bold'>Distance utilisateur - borne (en cm)</p>\r\n                    <input\r\n                      type='number'\r\n                      min={20}\r\n                      max={100}\r\n                      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n                        setDistanceFromDevice(parseInt(e.target.value!))\r\n                        distanceFromDeviceRef.current = parseInt(e.target.value!)\r\n                      }}\r\n                    />\r\n                    <p className='rf-font-bold'>Rotation de la webcam (en degrés)</p>\r\n                    <div className='rf-flex rf-flex-row rf-gap-2'>\r\n                      <button\r\n                        className={`rf-px-2 rf-py-1 rf-border rf-border-primary rf-rounded-lg rf-bg-primary rf-bg-opacity-50 rf-cursor-pointer ${webcamRotation === 0 && 'rf-bg-opacity-100'}`}\r\n                        onClick={() => setWebcamRotation(0)}\r\n                      >\r\n                        0\r\n                      </button>\r\n                      <button\r\n                        className={`rf-px-2 rf-py-1 rf-border rf-border-primary rf-rounded-lg rf-bg-primary rf-bg-opacity-50 rf-cursor-pointer ${webcamRotation === 90 && 'rf-bg-opacity-100'}`}\r\n                        onClick={() => setWebcamRotation(90)}\r\n                      >\r\n                        90\r\n                      </button>\r\n                      <button\r\n                        className={`rf-px-2 rf-py-1 rf-border rf-border-primary rf-rounded-lg rf-bg-primary rf-bg-opacity-50 rf-cursor-pointer ${webcamRotation === -90 && 'rf-bg-opacity-100'}`}\r\n                        onClick={() => setWebcamRotation(-90)}\r\n                      >\r\n                        -90\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className='rf-h-16 rf-w-16 rf-flex rf-justify-center rf-items-center rf-bg-white rf-border rf-border-black rf-rounded-lg hover: rf-cursor-pointer' onClick={handleValidate}>\r\n                    Done\r\n                  </div>\r\n                </div>\r\n              ) : (\r\n                <div className='rf-ml-4 rf-flex rf-flex-col rf-gap-4'>\r\n                  <div className='rf-flex rf-flex-row rf-items-center rf-gap-4'>\r\n                    <input\r\n                      type='range'\r\n                      min={-25}\r\n                      max={25}\r\n                      step={1}\r\n                      value={currentAngleInDegrees}\r\n                      onChange={(e) => {\r\n                        const val = parseInt(e.target.value)\r\n                        setCurrentAngleInDegrees(val)\r\n                        currentAngleInDegreesRef.current = val\r\n                      }}\r\n                      className='rf-range-vertical rf-w-8 rf-h-80 rf-appearance-none rf-border rf-border-black rf-rounded-lg rf-cursor-pointer'\r\n                      style={{ writingMode: 'vertical-lr', direction: 'rtl' }}\r\n                    />\r\n                    <div className='rf-w-fit rf-p-4 rf-flex rf-flex-col rf-justify-center rf-gap-2 rf-bg-white rf-border rf-border-black rf-rounded-lg'>\r\n                      <p>Position actuelle de la cible : </p>\r\n                      <p>{`x: ${cameraX}`}</p>\r\n                      <p>{`y: ${cameraY + (currentAngleInDegrees ? currentAngleInDegrees * worldDistancePerDegree : 0)}`}</p>\r\n                      <p>{`z: ${Math.max(cameraZ / 5, 0.3)}`}</p>\r\n                      <p>{`angle: ${currentAngleInDegrees}°`}</p>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className='rf-flex rf-flex-row rf-gap-2'>\r\n                    <div className='rf-h-10 rf-px-4 rf-flex rf-justify-center rf-items-center rf-bg-white rf-border rf-border-black rf-rounded-lg rf-cursor-pointer' onClick={() => handleReset()}>\r\n                      Reset\r\n                    </div>\r\n                    <div className='rf-h-10 rf-px-4 rf-flex rf-justify-center rf-items-center rf-bg-white rf-border rf-border-black rf-rounded-lg rf-cursor-pointer' onClick={handleValidate}>\r\n                      Done\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          )}\r\n        </React.Fragment>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default CalibrationScreen\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"],"names":[],"version":3,"file":"ThreeJsWrapper.cb253b3a.js.map"}

package/dist/{VeilleManager.443b366e.js → VeilleManager.26dcadac.js}

@@ -55,28 +55,16 @@ 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 = ()=>{
+const $167bfc94e5487988$var$VeilleManager = ({ onClose: onClose })=>{
     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)(()=>({
@@ -85,7 +73,7 @@ const $167bfc94e5487988$var$VeilleManager = ()=>{
             }
         }));
     (0, $ehKZo$react.useEffect)(()=>{
-        veilleLaunched && api.start({
+        api.start({
             from: {
                 opacity: 0
             },
@@ -96,9 +84,7 @@ const $167bfc94e5487988$var$VeilleManager = ()=>{
                 duration: $167bfc94e5487988$var$springDuration
             }
         });
-    }, [
-        veilleLaunched
-    ]);
+    }, []);
     const handleClose = ()=>{
         api.start({
             from: {
@@ -117,51 +103,9 @@ const $167bfc94e5487988$var$VeilleManager = ()=>{
             dispatch((0, $kpW3P.storeActions).speech.setMuted(oldMutedRef.current));
             // Get back to home view
             dispatch((0, $kpW3P.storeActions).view.setRoute((0, $7WHA7.Routes).Home));
+            onClose();
         }, $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++;
@@ -172,34 +116,20 @@ const $167bfc94e5487988$var$VeilleManager = ()=>{
         }
     };
     (0, $ehKZo$react.useEffect)(()=>{
+        var _veilleConfiguration_views_screenSaver, _veilleConfiguration_views, _veilleConfiguration_views_news, _veilleConfiguration_views1, _veilleConfiguration_views_slideShow, _veilleConfiguration_views2, // Mute the sound if the news in veille has to be muted
+        _veilleDataRef_current_views_news, _veilleDataRef_current_views;
         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)(()=>{
+        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;
+        currentItemDisplayedRef.current = 0;
+        ((_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));
+        dispatch((0, $kpW3P.storeActions).view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : (0, $7WHA7.Routes).EmptyVeille));
         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));
@@ -209,16 +139,15 @@ const $167bfc94e5487988$var$VeilleManager = ()=>{
         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",
+                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: $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), {
+                    veilleConfiguration.autoExitFromWebcam && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)((0, $8sMtK.default), {
                         detectionThreshold: 0.95,
-                        onFaceDetected: ()=>exitVeille()
+                        onFaceDetected: ()=>handleClose()
                     }),
                     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), {
@@ -244,9 +173,9 @@ const $167bfc94e5487988$var$VeilleManager = ()=>{
                     })
                 ]
             }),
-            veilleLaunched && /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.jsx)("div", {
+            /*#__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()
+                onClick: ()=>handleClose()
             })
         ]
     });
@@ -321,18 +250,24 @@ $parcel$export(module.exports, "default", () => $8d9a75d3aaaf531b$export$2e2bcd8
 
 
 
-
 const $8d9a75d3aaaf531b$var$runningMode = 'VIDEO';
 let $8d9a75d3aaaf531b$var$lastVideoTime = -1;
-const $8d9a75d3aaaf531b$var$constraints = {
-    video: true,
-    facingMode: 'user'
+const $8d9a75d3aaaf531b$var$defaultConstraints = {
+    video: {
+        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 $8d9a75d3aaaf531b$var$FaceDetector = ({ detectionThreshold: detectionThreshold, onFaceDetected: onFaceDetected, showThumbnail: showThumbnail, rotation: rotation })=>{
+    const [webcamWidth, setWebcamWidth] = (0, $ehKZo$react.useState)(0);
+    const [webcamHeight, setWebcamHeight] = (0, $ehKZo$react.useState)(0);
     const [faceDetector, setFaceDetector] = (0, $ehKZo$react.useState)();
     const videoRef = (0, $ehKZo$react.useRef)(null);
+    const rotationRef = (0, $ehKZo$react.useRef)(rotation || 0);
+    (0, $ehKZo$react.useEffect)(()=>{
+        rotationRef.current = rotation || 0;
+    }, [
+        rotation
+    ]);
     (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');
@@ -346,7 +281,10 @@ const $8d9a75d3aaaf531b$var$FaceDetector = ({ detectionThreshold: detectionThres
             newFaceDetector && setFaceDetector(newFaceDetector);
         };
         const initializefaceDetector = async ()=>{
-            navigator.mediaDevices.getUserMedia($8d9a75d3aaaf531b$var$constraints).then(()=>{
+            navigator.mediaDevices.getUserMedia($8d9a75d3aaaf531b$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));
         };
@@ -358,7 +296,9 @@ const $8d9a75d3aaaf531b$var$FaceDetector = ({ detectionThreshold: detectionThres
             // 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;
+                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);
@@ -369,8 +309,8 @@ const $8d9a75d3aaaf531b$var$FaceDetector = ({ detectionThreshold: detectionThres
         window.requestAnimationFrame(predictWebcam);
     };
     (0, $ehKZo$react.useEffect)(()=>{
-        if (faceDetector && videoRef.current) // Activate the webcam stream.
-        navigator.mediaDevices.getUserMedia($8d9a75d3aaaf531b$var$constraints).then((stream)=>{
+        if (faceDetector && videoRef.current) // Activate the webcam stream
+        navigator.mediaDevices.getUserMedia($8d9a75d3aaaf531b$var$defaultConstraints).then((stream)=>{
             if (videoRef.current) {
                 videoRef.current.srcObject = stream;
                 videoRef.current.addEventListener('loadeddata', predictWebcam);
@@ -383,15 +323,15 @@ const $8d9a75d3aaaf531b$var$FaceDetector = ({ detectionThreshold: detectionThres
     ]);
     return /*#__PURE__*/ (0, $ehKZo$reactjsxruntime.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, $ehKZo$reactjsxruntime.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
             }
         })
     });
@@ -566,4 +506,4 @@ var $a2463c3887d0d0a1$export$2e2bcd8739ae039 = $a2463c3887d0d0a1$var$SlideShow;
 
 
 
-//# sourceMappingURL=VeilleManager.443b366e.js.map
+//# sourceMappingURL=VeilleManager.26dcadac.js.map

package/dist/VeilleManager.26dcadac.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.26dcadac.js.map","sourceRoot":"../"}