@davi-ai/retorik-framework 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davi-ai/retorik-framework",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "homepage": ".",
   "description": "Retorik Framework package",
   "author": "DAVI",
@@ -117,13 +117,14 @@
   ],
   "dependencies": {
     "@davi-ai/body-engine-sprite": "3.0.0",
-    "@davi-ai/react-bodyengine-three": "^1.0.8",
+    "@davi-ai/react-bodyengine-three": "1.0.12",
     "@davi-ai/retorik-map": "4.0.2",
     "@davi-ai/retorik-weather": "2.0.0",
     "@davi-ai/speechmarkdown-davi-js": "2.0.1",
+    "@davi-ai/virtual-keyboard": "1.0.1",
     "@davi-ai/web-speech-cognitive-services-davi": "3.0.0",
     "@lottiefiles/react-lottie-player": "^3.4.1",
-    "@mediapipe/tasks-vision": "^0.10.22-rc.20250304",
+    "@mediapipe/tasks-vision": "0.10.32",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/exporter-trace-otlp-http": "^0.200.0",
     "@opentelemetry/instrumentation": "^0.200.0",

package/dist/ThreeJsWrapper.8f15a85b.js

@@ -1,138 +0,0 @@
-var $4gYsi$reactjsxruntime = require("react/jsx-runtime");
-var $4gYsi$react = require("react");
-var $4gYsi$daviaireactbodyenginethree = require("@davi-ai/react-bodyengine-three");
-var $4gYsi$reactredux = require("react-redux");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$defineInteropFlag(a) {
-  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-      var $parcel$global =
-        typeof globalThis !== 'undefined'
-          ? globalThis
-          : typeof self !== 'undefined'
-          ? self
-          : typeof window !== 'undefined'
-          ? window
-          : typeof global !== 'undefined'
-          ? global
-          : {};
-  var parcelRequire = $parcel$global["parcelRequirea39d"];
-var parcelRegister = parcelRequire.register;
-parcelRegister("3QHCU", function(module, exports) {
-
-$parcel$defineInteropFlag(module.exports);
-
-$parcel$export(module.exports, "default", () => $929a5fce6d871a46$export$2e2bcd8739ae039);
-
-
-
-
-
-var $kpW3P = parcelRequire("kpW3P");
-
-var $7WHA7 = parcelRequire("7WHA7");
-
-var $gp19G = parcelRequire("gp19G");
-const $929a5fce6d871a46$var$ThreeJsWrapper = ({ agentData: agentData, visible: visible, height: height, size: size, cameraPreset: cameraPreset })=>{
-    const dispatch = (0, $4gYsi$reactredux.useDispatch)();
-    const gpuData = (0, $4gYsi$reactredux.useSelector)((state)=>state.retorikReducer.gpuData);
-    const speaking = (0, $4gYsi$reactredux.useSelector)((state)=>state.speechReducer.speaking);
-    const recognitionState = (0, $4gYsi$reactredux.useSelector)((state)=>state.speechReducer.activeRecognitionState);
-    const lastRecognitionInterim = (0, $4gYsi$reactredux.useSelector)((state)=>state.speechReducer.lastRecognitionInterim);
-    const singleViseme = (0, $4gYsi$reactredux.useSelector)((state)=>state.speechReducer.singleVisemeAdded);
-    const multiVisemes = (0, $4gYsi$reactredux.useSelector)((state)=>state.speechReducer.multiVisemesAdded);
-    const streamingQueue = (0, $4gYsi$reactredux.useSelector)((state)=>state.speechReducer.streamingQueue);
-    const characterLoaded = (0, $4gYsi$reactredux.useSelector)((state)=>state.viewReducer.characterLoaded);
-    /**
-   * Use model's source to get the right loader. Default to avaturn loader
-   */ const type = (0, $4gYsi$react.useMemo)(()=>{
-        if (agentData.source) switch(agentData.source.toLowerCase()){
-            case (0, $7WHA7.Source3DEngine).avatarsdk:
-            case (0, $7WHA7.Source3DEngine).avatarsdkbis:
-                return (0, $4gYsi$daviaireactbodyenginethree.CreationTool).avatarsdk;
-            case (0, $7WHA7.Source3DEngine).cc3:
-            case (0, $7WHA7.Source3DEngine).cc4:
-                return (0, $4gYsi$daviaireactbodyenginethree.CreationTool).cc3;
-            case (0, $7WHA7.Source3DEngine).rpm:
-            case (0, $7WHA7.Source3DEngine).readyplayerme:
-                return (0, $4gYsi$daviaireactbodyenginethree.CreationTool).rpm;
-            case (0, $7WHA7.Source3DEngine).avaturn:
-            default:
-                return (0, $4gYsi$daviaireactbodyenginethree.CreationTool).avaturn;
-        }
-        return (0, $4gYsi$daviaireactbodyenginethree.CreationTool).avaturn;
-    }, [
-        agentData
-    ]);
-    (0, $4gYsi$react.useEffect)(()=>{
-        singleViseme && (0, $4gYsi$daviaireactbodyenginethree.addViseme)(singleViseme);
-    }, [
-        singleViseme
-    ]);
-    (0, $4gYsi$react.useEffect)(()=>{
-        multiVisemes.length && (0, $4gYsi$daviaireactbodyenginethree.setVisemes)(multiVisemes);
-    }, [
-        multiVisemes
-    ]);
-    (0, $4gYsi$react.useEffect)(()=>{
-        if (speaking || streamingQueue.length) (0, $4gYsi$daviaireactbodyenginethree.setCharacterState)((0, $4gYsi$daviaireactbodyenginethree.CharacterState).speaking);
-        else if (recognitionState === (0, $7WHA7.RecognitionState).Closed) (0, $4gYsi$daviaireactbodyenginethree.setCharacterState)((0, $4gYsi$daviaireactbodyenginethree.CharacterState).idle);
-        else if (lastRecognitionInterim) (0, $4gYsi$daviaireactbodyenginethree.setCharacterState)((0, $4gYsi$daviaireactbodyenginethree.CharacterState).listening);
-        else (0, $4gYsi$daviaireactbodyenginethree.setCharacterState)((0, $4gYsi$daviaireactbodyenginethree.CharacterState).waiting);
-    }, [
-        speaking,
-        recognitionState,
-        lastRecognitionInterim,
-        streamingQueue
-    ]);
-    (0, $4gYsi$react.useEffect)(()=>{
-        !speaking && (0, $4gYsi$daviaireactbodyenginethree.flushLipSyncData)();
-    }, [
-        speaking
-    ]);
-    return /*#__PURE__*/ (0, $4gYsi$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($4gYsi$react))).Fragment, {
-        children: [
-            /*#__PURE__*/ (0, $4gYsi$reactjsxruntime.jsx)("div", {
-                style: {
-                    height: size || '100%',
-                    paddingTop: height || 0,
-                    visibility: characterLoaded && visible ? 'visible' : 'hidden'
-                },
-                children: type && /*#__PURE__*/ (0, $4gYsi$reactjsxruntime.jsx)((0, $4gYsi$daviaireactbodyenginethree.Character), {
-                    url: agentData.url,
-                    type: type,
-                    animationsUrl: (agentData === null || agentData === void 0 ? void 0 : agentData.animationsUrl) || 'https://cdn.retorik.ai/bodyengine-three/animations/cc4/female/standing/',
-                    gender: (agentData === null || agentData === void 0 ? void 0 : agentData.gender) === 'male' ? 'male' : 'female',
-                    onLoadingCompleted: ()=>dispatch((0, $kpW3P.storeActions).view.setCharacterLoaded(true)),
-                    camera: (0, $4gYsi$daviaireactbodyenginethree.presets)[cameraPreset || 'default'],
-                    autoLookAt: true,
-                    detectGpuData: gpuData,
-                    license: "fake-license"
-                })
-            }),
-            !characterLoaded && /*#__PURE__*/ (0, $4gYsi$reactjsxruntime.jsx)("div", {
-                className: "rf-absolute rf-top-0 rf-left-0 rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center",
-                children: /*#__PURE__*/ (0, $4gYsi$reactjsxruntime.jsx)("div", {
-                    className: "rf-w-1/4 rf-aspect-square",
-                    children: /*#__PURE__*/ (0, $4gYsi$reactjsxruntime.jsx)((0, $gp19G.default), {})
-                })
-            })
-        ]
-    });
-};
-var $929a5fce6d871a46$export$2e2bcd8739ae039 = $929a5fce6d871a46$var$ThreeJsWrapper;
-
-});
-
-
-//# sourceMappingURL=ThreeJsWrapper.8f15a85b.js.map

package/dist/ThreeJsWrapper.8f15a85b.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,uCAAiB,CAAC,aAAE,SAAS,WAAE,OAAO,UAAE,MAAM,QAAE,IAAI,gBAAE,YAAY,EAAuB;IAC7F,MAAM,WAAW,CAAA,GAAA,6BAAU;IAC3B,MAAM,UAAU,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,cAAc,CAAC,OAAO;IAC9E,MAAM,WAAW,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,QAAQ;IAC/E,MAAM,mBAAmB,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,sBAAsB;IACrG,MAAM,yBAAyB,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,sBAAsB;IAC3G,MAAM,eAAe,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,iBAAiB;IAC5F,MAAM,eAAe,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,iBAAiB;IAC5F,MAAM,iBAAiB,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,cAAc;IAC3F,MAAM,kBAAkB,CAAA,GAAA,6BAAU,EAAE,CAAC,QAAqB,MAAM,WAAW,CAAC,eAAe;IAE3F;;GAEC,GACD,MAAM,OAAO,CAAA,GAAA,oBAAM,EAAuB;QACxC,IAAI,UAAU,MAAM,EAClB,OAAQ,UAAU,MAAM,CAAC,WAAW;YAClC,KAAK,CAAA,GAAA,qBAAa,EAAE,SAAS;YAC7B,KAAK,CAAA,GAAA,qBAAa,EAAE,YAAY;gBAC9B,OAAO,CAAA,GAAA,8CAAW,EAAE,SAAS;YAC/B,KAAK,CAAA,GAAA,qBAAa,EAAE,GAAG;YACvB,KAAK,CAAA,GAAA,qBAAa,EAAE,GAAG;gBACrB,OAAO,CAAA,GAAA,8CAAW,EAAE,GAAG;YACzB,KAAK,CAAA,GAAA,qBAAa,EAAE,GAAG;YACvB,KAAK,CAAA,GAAA,qBAAa,EAAE,aAAa;gBAC/B,OAAO,CAAA,GAAA,8CAAW,EAAE,GAAG;YACzB,KAAK,CAAA,GAAA,qBAAa,EAAE,OAAO;YAC3B;gBACE,OAAO,CAAA,GAAA,8CAAW,EAAE,OAAO;QAC/B;QAGF,OAAO,CAAA,GAAA,8CAAW,EAAE,OAAO;IAC7B,GAAG;QAAC;KAAU;IAEd,CAAA,GAAA,sBAAQ,EAAE;QACR,gBAAgB,CAAA,GAAA,2CAAQ,EAAE;IAC5B,GAAG;QAAC;KAAa;IAEjB,CAAA,GAAA,sBAAQ,EAAE;QACR,aAAa,MAAM,IAAI,CAAA,GAAA,4CAAS,EAAE;IACpC,GAAG;QAAC;KAAa;IAEjB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,YAAY,eAAe,MAAM,EACnC,CAAA,GAAA,mDAAgB,EAAE,CAAA,GAAA,gDAAa,EAAE,QAAQ;aACpC,IAAI,qBAAqB,CAAA,GAAA,uBAAe,EAAE,MAAM,EACrD,CAAA,GAAA,mDAAgB,EAAE,CAAA,GAAA,gDAAa,EAAE,IAAI;aAChC,IAAI,wBACT,CAAA,GAAA,mDAAgB,EAAE,CAAA,GAAA,gDAAa,EAAE,SAAS;aAE1C,CAAA,GAAA,mDAAgB,EAAE,CAAA,GAAA,gDAAa,EAAE,OAAO;IAE5C,GAAG;QAAC;QAAU;QAAkB;QAAwB;KAAe;IAEvE,CAAA,GAAA,sBAAQ,EAAE;QACR,CAAC,YAAY,CAAA,GAAA,kDAAe;IAC9B,GAAG;QAAC;KAAS;IAEb,qBACE,iCAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ;;0BACb,gCAAC;gBACC,OAAO;oBACL,QAAQ,QAAQ;oBAChB,YAAY,UAAU;oBACtB,YAAY,mBAAmB,UAAU,YAAY;gBACvD;0BAEC,sBACC,gCAAC,CAAA,GAAA,2CAAQ;oBACP,KAAK,UAAU,GAAG;oBAClB,MAAM;oBACN,eAAe,CAAA,sBAAA,gCAAA,UAAW,aAAa,KAAI;oBAC3C,QAAQ,CAAA,sBAAA,gCAAA,UAAW,MAAM,MAAK,SAAS,SAAS;oBAChD,oBAAoB,IAAM,SAAS,CAAA,GAAA,mBAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC;oBACxE,QAAQ,CAAA,GAAA,yCAAM,CAAC,CAAC,gBAAgB,UAAU;oBAC1C,YAAY;oBACZ,eAAe;oBACf,SAAQ;;;YAIb,CAAC,iCACA,gCAAC;gBAAI,WAAU;0BACb,cAAA,gCAAC;oBAAI,WAAU;8BACb,cAAA,gCAAC,CAAA,GAAA,cAAe;;;;;AAM5B;IAEA,2CAAe","sources":["src/components/ChatbotAndSubtitles/ThreeJsWrapper.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react'\r\nimport { Character, CreationTool, setCharacterState, addViseme, setVisemes, flushLipSyncData, CharacterState, presets } from '@davi-ai/react-bodyengine-three'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions } from '../../store'\r\nimport { RecognitionState, Source3DEngine } from '../../models/enums'\r\nimport MicrophoneLoader from '../Loader/MicrophoneLoader'\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}\r\n\r\nconst ThreeJsWrapper = ({ agentData, visible, height, size, cameraPreset }: 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 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\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    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            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    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default ThreeJsWrapper\r\n"],"names":[],"version":3,"file":"ThreeJsWrapper.8f15a85b.js.map","sourceRoot":"../"}

package/dist/ThreeJsWrapper.a46ee0e9.js

@@ -1,125 +0,0 @@
-import {jsxs as $313pz$jsxs, jsx as $313pz$jsx} from "react/jsx-runtime";
-import $313pz$react, {useMemo as $313pz$useMemo, useEffect as $313pz$useEffect} from "react";
-import {CreationTool as $313pz$CreationTool, addViseme as $313pz$addViseme, setVisemes as $313pz$setVisemes, setCharacterState as $313pz$setCharacterState, CharacterState as $313pz$CharacterState, flushLipSyncData as $313pz$flushLipSyncData, Character as $313pz$Character, presets as $313pz$presets} from "@davi-ai/react-bodyengine-three";
-import {useDispatch as $313pz$useDispatch, useSelector as $313pz$useSelector} from "react-redux";
-
-
-function $parcel$defineInteropFlag(a) {
-  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-      var $parcel$global = globalThis;
-    var parcelRequire = $parcel$global["parcelRequirea39d"];
-var parcelRegister = parcelRequire.register;
-parcelRegister("4UN3k", function(module, exports) {
-
-$parcel$defineInteropFlag(module.exports);
-
-$parcel$export(module.exports, "default", () => $22f0b0bb3c6ec1e7$export$2e2bcd8739ae039);
-
-
-
-
-
-var $8ItUL = parcelRequire("8ItUL");
-
-var $4ucVo = parcelRequire("4ucVo");
-
-var $7MbNn = parcelRequire("7MbNn");
-const $22f0b0bb3c6ec1e7$var$ThreeJsWrapper = ({ agentData: agentData, visible: visible, height: height, size: size, cameraPreset: cameraPreset })=>{
-    const dispatch = (0, $313pz$useDispatch)();
-    const gpuData = (0, $313pz$useSelector)((state)=>state.retorikReducer.gpuData);
-    const speaking = (0, $313pz$useSelector)((state)=>state.speechReducer.speaking);
-    const recognitionState = (0, $313pz$useSelector)((state)=>state.speechReducer.activeRecognitionState);
-    const lastRecognitionInterim = (0, $313pz$useSelector)((state)=>state.speechReducer.lastRecognitionInterim);
-    const singleViseme = (0, $313pz$useSelector)((state)=>state.speechReducer.singleVisemeAdded);
-    const multiVisemes = (0, $313pz$useSelector)((state)=>state.speechReducer.multiVisemesAdded);
-    const streamingQueue = (0, $313pz$useSelector)((state)=>state.speechReducer.streamingQueue);
-    const characterLoaded = (0, $313pz$useSelector)((state)=>state.viewReducer.characterLoaded);
-    /**
-   * Use model's source to get the right loader. Default to avaturn loader
-   */ const type = (0, $313pz$useMemo)(()=>{
-        if (agentData.source) switch(agentData.source.toLowerCase()){
-            case (0, $4ucVo.Source3DEngine).avatarsdk:
-            case (0, $4ucVo.Source3DEngine).avatarsdkbis:
-                return (0, $313pz$CreationTool).avatarsdk;
-            case (0, $4ucVo.Source3DEngine).cc3:
-            case (0, $4ucVo.Source3DEngine).cc4:
-                return (0, $313pz$CreationTool).cc3;
-            case (0, $4ucVo.Source3DEngine).rpm:
-            case (0, $4ucVo.Source3DEngine).readyplayerme:
-                return (0, $313pz$CreationTool).rpm;
-            case (0, $4ucVo.Source3DEngine).avaturn:
-            default:
-                return (0, $313pz$CreationTool).avaturn;
-        }
-        return (0, $313pz$CreationTool).avaturn;
-    }, [
-        agentData
-    ]);
-    (0, $313pz$useEffect)(()=>{
-        singleViseme && (0, $313pz$addViseme)(singleViseme);
-    }, [
-        singleViseme
-    ]);
-    (0, $313pz$useEffect)(()=>{
-        multiVisemes.length && (0, $313pz$setVisemes)(multiVisemes);
-    }, [
-        multiVisemes
-    ]);
-    (0, $313pz$useEffect)(()=>{
-        if (speaking || streamingQueue.length) (0, $313pz$setCharacterState)((0, $313pz$CharacterState).speaking);
-        else if (recognitionState === (0, $4ucVo.RecognitionState).Closed) (0, $313pz$setCharacterState)((0, $313pz$CharacterState).idle);
-        else if (lastRecognitionInterim) (0, $313pz$setCharacterState)((0, $313pz$CharacterState).listening);
-        else (0, $313pz$setCharacterState)((0, $313pz$CharacterState).waiting);
-    }, [
-        speaking,
-        recognitionState,
-        lastRecognitionInterim,
-        streamingQueue
-    ]);
-    (0, $313pz$useEffect)(()=>{
-        !speaking && (0, $313pz$flushLipSyncData)();
-    }, [
-        speaking
-    ]);
-    return /*#__PURE__*/ (0, $313pz$jsxs)((0, $313pz$react).Fragment, {
-        children: [
-            /*#__PURE__*/ (0, $313pz$jsx)("div", {
-                style: {
-                    height: size || '100%',
-                    paddingTop: height || 0,
-                    visibility: characterLoaded && visible ? 'visible' : 'hidden'
-                },
-                children: type && /*#__PURE__*/ (0, $313pz$jsx)((0, $313pz$Character), {
-                    url: agentData.url,
-                    type: type,
-                    animationsUrl: agentData?.animationsUrl || 'https://cdn.retorik.ai/bodyengine-three/animations/cc4/female/standing/',
-                    gender: agentData?.gender === 'male' ? 'male' : 'female',
-                    onLoadingCompleted: ()=>dispatch((0, $8ItUL.storeActions).view.setCharacterLoaded(true)),
-                    camera: (0, $313pz$presets)[cameraPreset || 'default'],
-                    autoLookAt: true,
-                    detectGpuData: gpuData,
-                    license: "fake-license"
-                })
-            }),
-            !characterLoaded && /*#__PURE__*/ (0, $313pz$jsx)("div", {
-                className: "rf-absolute rf-top-0 rf-left-0 rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center",
-                children: /*#__PURE__*/ (0, $313pz$jsx)("div", {
-                    className: "rf-w-1/4 rf-aspect-square",
-                    children: /*#__PURE__*/ (0, $313pz$jsx)((0, $7MbNn.default), {})
-                })
-            })
-        ]
-    });
-};
-var $22f0b0bb3c6ec1e7$export$2e2bcd8739ae039 = $22f0b0bb3c6ec1e7$var$ThreeJsWrapper;
-
-});
-
-
-//# sourceMappingURL=ThreeJsWrapper.a46ee0e9.js.map

package/dist/ThreeJsWrapper.a46ee0e9.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["src/components/ChatbotAndSubtitles/ThreeJsWrapper.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react'\r\nimport { Character, CreationTool, setCharacterState, addViseme, setVisemes, flushLipSyncData, CharacterState, presets } from '@davi-ai/react-bodyengine-three'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions } from '../../store'\r\nimport { RecognitionState, Source3DEngine } from '../../models/enums'\r\nimport MicrophoneLoader from '../Loader/MicrophoneLoader'\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}\r\n\r\nconst ThreeJsWrapper = ({ agentData, visible, height, size, cameraPreset }: 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 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\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    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            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    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default ThreeJsWrapper\r\n"],"names":[],"version":3,"file":"ThreeJsWrapper.a46ee0e9.js.map"}

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

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

package/dist/VeilleManager.d8bde1ee.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,uCAAiB;AACvB,MAAM,4CAAsB;IAAC,CAAA,GAAA,aAAK,EAAE,WAAW;IAAE,CAAA,GAAA,aAAK,EAAE,YAAY;IAAE,CAAA,GAAA,aAAK,EAAE,WAAW;IAAE,CAAA,GAAA,aAAK,EAAE,SAAS;CAAC;AAE3G,MAAM,sCAAgB;IACpB,MAAM,WAAW,CAAA,GAAA,kBAAU;IAC3B,MAAM,cAAc,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,cAAc,CAAC,WAAW;IACtF,MAAM,eAAe,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,cAAc,CAAC,YAAY;IACxF,MAAM,eAAe,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,cAAc,CAAC,YAAY;IACxF,MAAM,QAAQ,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,WAAW,CAAC,KAAK;IACvE,MAAM,sBAAsB,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,WAAW,CAAC,mBAAmB;IACnG,MAAM,QAAQ,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,aAAa,CAAC,KAAK;IACzE,MAAM,cAAc,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,iBAAiB,CAAC,WAAW;IAEzF,MAAM,CAAC,gBAAgB,kBAAkB,GAAG,CAAA,GAAA,eAAO,EAAW;IAC9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,eAAO,EAAW;IAC1C,MAAM,gBAAgB,CAAA,GAAA,aAAK,EAAuB;IAClD,MAAM,6BAA6B,CAAA,GAAA,aAAK,EAAiB,EAAE;IAC3D,MAAM,0BAA0B,CAAA,GAAA,aAAK,EAAU;IAC/C,MAAM,WAAW,CAAA,GAAA,aAAK,EAAuB;IAC7C,MAAM,eAAe,CAAA,GAAA,aAAK,EAAuB;IACjD,MAAM,cAAc,CAAA,GAAA,aAAK,EAAW;IAEpC,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAA,GAAA,gBAAQ,EAAE,IAAO,CAAA;YACrC,MAAM;gBACJ,SAAS;YACX;QACF,CAAA;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,kBACE,IAAI,KAAK,CAAC;YACR,MAAM;gBACJ,SAAS;YACX;YACA,IAAI;gBACF,SAAS;YACX;YACA,QAAQ;gBACN,UAAU;YACZ;QACF;IACJ,GAAG;QAAC;KAAe;IAEnB,MAAM,cAAc;QAClB,IAAI,KAAK,CAAC;YACR,MAAM;gBACJ,SAAS;YACX;YACA,IAAI;gBACF,SAAS;YACX;YACA,QAAQ;gBACN,UAAU;YACZ;QACF;QAEA,cAAc,WAAW,aAAa,aAAa,OAAO;QAC1D,aAAa,OAAO,GAAG,WAAW;YAChC,6FAA6F;YAC7F,SAAS,CAAA,GAAA,mBAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,OAAO;YACzD,wBAAwB;YACxB,SAAS,CAAA,GAAA,mBAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA,GAAA,aAAK,EAAE,IAAI;QACjD,GAAG;IACL;IAEA,MAAM,eAAe;QACnB,iGAAiG;QACjG,IAAI,cAAc,OAAO,CAAC,wBAAwB,EAAE;YAClD,MAAM,SAAS,CAAA,GAAA,mBAAW,EAAE,UAAU,CAAC,eAAe;YACtD,cAAc,OAAO,CAAC,KAAK,EAAE,MAAM,WAAW,SAAS,CAAA,GAAA,mBAAW,EAAE,UAAU,CAAC,kBAAkB,CAAC;gBAAE,aAAa;gBAAa,QAAQ,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI;gBAAE,aAAa;YAAK;QAClL;QACA,iEAAiE;QACjE,cAAc,OAAO,CAAC,KAAK,EAAE,MAAM,SAAS,SAAS,CAAA,GAAA,mBAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;QAClF,kBAAkB;QAClB,SAAS,CAAA,GAAA,mBAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,OAAO,CAAC,MAAM,GAAG,2BAA2B,OAAO,CAAC,EAAE,GAAG,CAAA,GAAA,aAAK,EAAE,WAAW;IAC5I;IAEA,MAAM,eAAe;QACnB,SAAS,OAAO,IAAI,aAAa,SAAS,OAAO;QACjD,SAAS,OAAO,GAAG,WAAW;YAC5B;QACF,GAAG,AAAC,CAAA,cAAc,OAAO,CAAC,0BAA0B,IAAI,GAAE,IAAK;IACjE;IAEA,MAAM,aAAa,CAAC;QAClB,gCAAgC;QAChC,IAAI,CAAC,aAAa,cAAc,OAAO,EAAE,0BAA0B;YACjE,0FAA0F;YAC1F,cAAc,OAAO,CAAC,KAAK,EAAE,MAAM,WAAW,SAAS,CAAA,GAAA,mBAAW,EAAE,UAAU,CAAC,eAAe;YAC9F,SAAS,CAAA,GAAA,mBAAW,EAAE,UAAU,CAAC,kBAAkB,CAAC;gBAAE,aAAa;YAAY;QACjF;QAEA,kBAAkB;QAClB,+DAA+D;QAC/D,wBAAwB,OAAO,GAAG;QAClC,SAAS,OAAO,IAAI,aAAa,SAAS,OAAO;QACjD,sCAAsC;QACtC;QAEA,4DAA4D;QAC5D,CAAC,aAAa;IAChB;IAEA,MAAM,kBAAkB;QACtB,IAAI,2BAA2B,OAAO,CAAC,MAAM,GAAG,wBAAwB,OAAO,GAAG,GAAG;YACnF,wBAAwB,OAAO;YAC/B,SAAS,CAAA,GAAA,mBAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,OAAO,CAAC,wBAAwB,OAAO,CAAC;QACzG,OAAO;YACL,wBAAwB,OAAO,GAAG;YAClC,SAAS,CAAA,GAAA,mBAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,OAAO,CAAC,EAAE;QAC3E;IACF;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,cAAc,OAAO,GAAG;QACxB,IAAI,gBAAgB,cAAc;YAChC,MAAM,gBAA+B,EAAE;YACvC,oBAAoB,KAAK,EAAE,aAAa,WAAW,cAAc,IAAI,CAAC,CAAA,GAAA,aAAK,EAAE,WAAW;YACxF,oBAAoB,KAAK,EAAE,MAAM,WAAW,cAAc,IAAI,CAAC,CAAA,GAAA,aAAK,EAAE,YAAY;YAClF,oBAAoB,KAAK,EAAE,WAAW,WAAW,cAAc,IAAI,CAAC,CAAA,GAAA,aAAK,EAAE,SAAS;YACpF,8CAA8C;YAC9C,QAAQ,cAAc,MAAM,KAAK;YACjC,2BAA2B,OAAO,GAAG;YAErC,WAAW;QACb;IACF,GAAG;QAAC;QAAqB;QAAc;KAAa;IAEpD;;GAEC,GACD,CAAA,GAAA,gBAAQ,EAAE;QACR,CAAC,kBAAkB;IACrB,GAAG;QAAC;QAAa;KAAe;IAEhC,CAAA,GAAA,gBAAQ,EAAE;QACR,OAAO;YACL,SAAS,OAAO,IAAI,aAAa,SAAS,OAAO;YACjD,cAAc,WAAW,aAAa,aAAa,OAAO;YAC1D,6FAA6F;YAC7F,SAAS,CAAA,GAAA,mBAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,OAAO;QAC3D;IACF,GAAG,EAAE;IAEL,qBACE,iBAAC,CAAA,GAAA,YAAI,EAAE,QAAQ;;0BACb,iBAAC,CAAA,GAAA,eAAO,EAAE,GAAG;gBACX,IAAG;gBACH,WAAU;gBACV,OAAO;oBACL,SAAS,0CAAoB,QAAQ,CAAC,SAAS,SAAS;oBACxD,GAAG,MAAM;gBACX;;kCAEA,gBAAC,CAAA,GAAA,cAAW;oBACX,oBAAoB,kBAAkB,IAAI,gCAAkB,gBAAC,CAAA,GAAA,cAAW;wBAAE,oBAAoB;wBAAM,gBAAgB,IAAM;;oBAE1H,UAAU,CAAA,GAAA,aAAK,EAAE,WAAW,kBAAI,gBAAC,CAAA,GAAA,cAAU;oBAC3C,UAAU,CAAA,GAAA,aAAK,EAAE,YAAY,kBAAI,gBAAC,CAAA,GAAA,cAAO;wBAAE,UAAU;wBAAM,eAAe;wBAAM,wBAAwB;wBAAiB,MAAM;wBAAM,YAAY;;oBACjJ,UAAU,CAAA,GAAA,aAAK,EAAE,WAAW,kBAC3B,gBAAC,CAAA,GAAA,cAAU;wBACT,KAAK,oBAAoB,KAAK,EAAE,aAAa;wBAC7C,OAAO,oBAAoB,KAAK,EAAE,aAAa;wBAC/C,MAAM;wBACN,gBAAgB;wBAChB,iBAAiB;;oBAGpB,UAAU,CAAA,GAAA,aAAK,EAAE,SAAS,kBACzB,gBAAC,CAAA,GAAA,cAAQ;wBACP,MAAM,oBAAoB,KAAK,EAAE,WAAW;wBAC5C,OAAO,oBAAoB,KAAK,EAAE,WAAW;wBAC7C,MAAM;wBACN,gBAAgB;wBAChB,iBAAiB;;;;YAMtB,gCAAkB,gBAAC;gBAAI,WAAU;gBAAmH,SAAS,IAAM;;;;AAG1K;IAEA,2CAAe;;;;;;;;;;;;;AClMf,MAAM,qCAAe;IACnB,MAAM,cAAc,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,WAAW,CAAC,WAAW;IACnF,MAAM,CAAC,sBAAsB,GAAG,CAAA,GAAA,eAAO,EAAU,CAAA,GAAA,+BAAuB,EAAE,YAAY,OAAO,EAAE;IAE/F,qBACE,iBAAC;QAAI,WAAU;;0BACb,gBAAC;gBAAI,WAAU;gBAAoH,OAAO;oBAAE,iBAAiB;gBAAsB;;0BACnL,iBAAC;gBAAI,WAAU;;kCACb,gBAAC,CAAA,GAAA,cAAQ;kCACT,gBAAC;wBAAE,WAAU;kCAAU;;;;;;AAI/B;IAEA,2CAAe;;;;;;;;AClBf,MAAM,kCAAY,CAAC,aAAE,SAAS,SAAE,KAAK,EAAoB;IACvD,qBACE,gBAAC;QACC,SAAQ;QACR,OAAM;QACN,QAAQ,SAAS;QACjB,MAAM,SAAS;QACf,WAAW,aAAa;kBAExB,cAAA,gBAAC;YACC,GAAE;YACF,aAAY;;;AAIpB;IAEA,2CAAe;;;;;;;;;;;;ACVf,MAAM,oCAAc;AACpB,IAAI,sCAAgB;AACpB,MAAM,oCAAc;IAClB,OAAO;IACP,YAAY;AACd;AAEA,MAAM,qCAAe,CAAC,sBAAE,kBAAkB,kBAAE,cAAc,EAAqB;IAC7E,MAAM,eAAe,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,WAAW,CAAC,YAAY;IACrF,MAAM,gBAAgB,CAAA,GAAA,kBAAU,EAAE,CAAC,QAAqB,MAAM,WAAW,CAAC,aAAa;IACvF,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO;IAC/C,MAAM,WAAW,CAAA,GAAA,aAAK,EAAoB;IAE1C,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,qBAAqB;YACzB,MAAM,SAAS,MAAM,CAAA,GAAA,sBAAc,EAAE,cAAc,CAAC;YACpD,MAAM,kBAAkB,MAAM,CAAA,GAAA,mBAAoB,EAAE,iBAAiB,CAAC,QAAQ;gBAC5E,aAAa;oBACX,gBAAgB,CAAC,4HAA4H,CAAC;oBAC9I,UAAU;gBACZ;gBACA,aAAa;YACf;YAEA,mBAAmB,gBAAgB;QACrC;QAEA,MAAM,yBAAyB;YAC7B,UAAU,YAAY,CACnB,YAAY,CAAC,mCACb,IAAI,CAAC;gBACJ;YACF,GACC,KAAK,CAAC,CAAC,QAAU,QAAQ,IAAI,CAAC,yEAAyE;QAC5G;QAEA;IACF,GAAG,EAAE;IAEL,MAAM,gBAAgB;QACpB,IAAI,gBAAgB,SAAS,OAAO,EAAE;YACpC,IAAI,cAAc,YAAY,GAAG;YAEjC,oCAAoC;YACpC,IAAI,SAAS,OAAO,CAAC,WAAW,KAAK,qCAAe;gBAClD,sCAAgB,SAAS,OAAO,CAAC,WAAW;gBAC5C,MAAM,aAAa,aAAa,cAAc,CAAC,SAAS,OAAO,EAAE,aAAa,UAAU;gBAExF,IAAI,WAAW,MAAM,EAAE;oBACrB,MAAM,QAAQ,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK;oBAC/C,QAAQ,sBAAsB,eAAe,YAAY,SAAS,OAAO,CAAC,UAAU,EAAE,SAAS,OAAO,CAAC,WAAW;gBACpH;YACF;QACF;QAEA,wEAAwE;QACxE,OAAO,qBAAqB,CAAC;IAC/B;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,gBAAgB,SAAS,OAAO,EAClC,8BAA8B;QAC9B,UAAU,YAAY,CACnB,YAAY,CAAC,mCACb,IAAI,CAAC,CAAC;YACL,IAAI,SAAS,OAAO,EAAE;gBACpB,SAAS,OAAO,CAAC,SAAS,GAAG;gBAC7B,SAAS,OAAO,CAAC,gBAAgB,CAAC,cAAc;YAClD;QACF,GACC,KAAK,CAAC,CAAC;YACN,QAAQ,KAAK,CAAC;QAChB;IAEN,GAAG;QAAC;KAAa;IAEjB,qBACE,gBAAC;QAAI,IAAG;QAAkC,WAAU;kBAClD,cAAA,gBAAC;YACC,KAAK;YACL,KAAI;YACJ,QAAQ;YACR,OAAO;gBACL,OAAO,eAAe,gBAAgB,eAAe;gBACrD,QAAQ,gBAAgB,eAAe,gBAAgB;gBACvD,aAAa,eAAe;YAC9B;;;AAIR;IAEA,2CAAe;;;;;;;;;ACpGf,MAAM,oCAAc;IAClB,qBACE,gBAAC;QAAI,WAAU;kBACb,cAAA,gBAAC;YAAI,WAAU;sBAAuE;;;AAG5F;IAEA,2CAAe;;;;;;;;;;ACCf,MAAM,oCAAc,CAAC,OAAE,GAAG,SAAE,KAAK,QAAE,IAAI,kBAAE,cAAc,mBAAE,eAAe,EAAoB;IAC1F,MAAM,WAAW,CAAA,GAAA,aAAK,EAAuB;IAC7C,MAAM,eAAe,CAAA,GAAA,aAAK,EAAuB;IAEjD,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAA,GAAA,gBAAQ,EAAE,IAAO,CAAA;YACrC,MAAM;gBACJ,SAAS;YACX;QACF,CAAA;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,KAAK,CAAC;YACR,MAAM;gBACJ,SAAS;YACX;YACA,IAAI;gBACF,SAAS;YACX;YACA,QAAQ;gBACN,UAAU;YACZ;QACF;IACF,GAAG,EAAE;IAEL,MAAM,cAAc;QAClB,IAAI,KAAK,CAAC;YACR,MAAM;gBACJ,SAAS;YACX;YACA,IAAI;gBACF,SAAS;YACX;YACA,QAAQ;gBACN,UAAU;YACZ;QACF;QAEA,cAAc,WAAW,aAAa,aAAa,OAAO;QAC1D,aAAa,OAAO,GAAG,WAAW;YAChC,wBAAwB;YACxB;QACF,GAAG;IACL;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,MACH,SAAS,OAAO,GAAG,WAAW;YAC5B;QACF,GAAG,AAAC,CAAA,SAAS,CAAA,IAAK,OAAO;QAG3B,OAAO;YACL,SAAS,OAAO,IAAI,aAAa,SAAS,OAAO;YACjD,aAAa,OAAO,IAAI,aAAa,aAAa,OAAO;QAC3D;IACF,GAAG,EAAE;IAEL,qBACE,gBAAC,CAAA,GAAA,eAAO,EAAE,GAAG;QACX,WAAU;QACV,OAAO;YACL,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC9B,oBAAoB;YACpB,kBAAkB;YAClB,gBAAgB;YAChB,GAAG,MAAM;QACX;;AAGN;IAEA,2CAAe;;;;;;;;;;ACvEf,MAAM,kCAAY,CAAC,QAAE,IAAI,SAAE,KAAK,QAAE,IAAI,kBAAE,cAAc,mBAAE,eAAe,EAAkB;IACvF,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAU;IACzD,MAAM,WAAW,CAAA,GAAA,aAAK,EAAuB;IAC7C,MAAM,eAAe,CAAA,GAAA,aAAK,EAAuB;IAEjD,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAA,GAAA,gBAAQ,EAAE,IAAO,CAAA;YACrC,MAAM;gBACJ,SAAS;YACX;QACF,CAAA;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,KAAK,CAAC;YACR,MAAM;gBACJ,SAAS;YACX;YACA,IAAI;gBACF,SAAS;YACX;YACA,QAAQ;gBACN,UAAU;YACZ;QACF;IACF,GAAG,EAAE;IAEL,MAAM,cAAc;QAClB,IAAI,KAAK,CAAC;YACR,MAAM;gBACJ,SAAS;YACX;YACA,IAAI;gBACF,SAAS;YACX;YACA,QAAQ;gBACN,UAAU;YACZ;QACF;QAEA,cAAc,WAAW,aAAa,aAAa,OAAO;QAC1D,aAAa,OAAO,GAAG,WAAW;YAChC,wBAAwB;YACxB;QACF,GAAG;IACL;IAEA,CAAA,GAAA,gBAAQ,EAAE;QACR,UAAU,WAAW,aAAa,SAAS,OAAO;QAClD,IAAI,MAAM,QACR,SAAS,OAAO,GAAG,WAAW;YAC5B,iBAAiB,KAAK,MAAM,GAAG,IAAK,OAAO,gBAAgB,KAAK,gBAAiB,gBAAgB,eAAe;QAClH,GAAG,AAAC,CAAA,SAAS,CAAA,IAAK;aAElB;IAEJ,GAAG;QAAC;KAAa;IAEjB,CAAA,GAAA,gBAAQ,EAAE;QACR,OAAO;YACL,UAAU,WAAW,aAAa,SAAS,OAAO;YAClD,cAAc,WAAW,aAAa,aAAa,OAAO;QAC5D;IACF,GAAG,EAAE;IAEL,qBACE,gBAAC,CAAA,GAAA,eAAO,EAAE,GAAG;QAAC,WAAU;QAAwH,OAAO;YAAE,GAAG,MAAM;QAAC;kBACjK,cAAA,gBAAC;YAAI,WAAW,GAAG,OAAO,WAAW,GAAG,OAAO,UAAU,GAAG,cAAc,aAAa;YAAE,KAAK,MAAM,CAAC,aAAa,IAAI;YAAI,KAAI;;;AAGpI;IAEA,2CAAe","sources":["src/components/Veille/VeilleManager.tsx","src/components/Veille/CallToAction.tsx","src/components/Icons/Miscellaneous/TouchIcon.tsx","src/components/Veille/FaceDetector.tsx","src/components/Veille/EmptyVeille.tsx","src/components/Veille/ScreenSaver.tsx","src/components/Veille/SlideShow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { RootState, storeActions } from '../../store'\r\n\r\nimport { Routes } from '../../models/enums'\r\nimport type { VeilleConfiguration } from '../../models/types'\r\n\r\nimport NewsView from '../Views/NewsView'\r\nimport CallToAction from './CallToAction'\r\nimport FaceDetector from './FaceDetector'\r\nimport EmptyVeille from './EmptyVeille'\r\nimport ScreenSaver from './ScreenSaver'\r\nimport SlideShow from './SlideShow'\r\n\r\nconst springDuration = 500\r\nconst veilleRelatedRoutes = [Routes.EmptyVeille, Routes.NewsInVeille, Routes.ScreenSaver, Routes.SlideShow]\r\n\r\nconst VeilleManager = () => {\r\n  const dispatch = useDispatch()\r\n  const addressData = useSelector((state: RootState) => state.retorikReducer.addressData)\r\n  const loaderClosed = useSelector((state: RootState) => state.retorikReducer.loaderClosed)\r\n  const appAvailable = useSelector((state: RootState) => state.retorikReducer.appAvailable)\r\n  const route = useSelector((state: RootState) => state.viewReducer.route)\r\n  const veilleConfiguration = useSelector((state: RootState) => state.viewReducer.veilleConfiguration)\r\n  const muted = useSelector((state: RootState) => state.speechReducer.muted)\r\n  const typingCount = useSelector((state: RootState) => state.directlineReducer.typingCount)\r\n\r\n  const [veilleLaunched, setVeilleLaunched] = useState<boolean>(false)\r\n  const [loop, setLoop] = useState<boolean>(false)\r\n  const veilleDataRef = useRef<VeilleConfiguration>(veilleConfiguration)\r\n  const availableItemsToDisplayRef = useRef<Array<Routes>>([])\r\n  const currentItemDisplayedRef = useRef<number>(0)\r\n  const timerRef = useRef<NodeJS.Timer | null>(null)\r\n  const fadeTimerRef = useRef<NodeJS.Timer | null>(null)\r\n  const oldMutedRef = useRef<boolean>(muted)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: {\r\n      opacity: 0\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    veilleLaunched &&\r\n      api.start({\r\n        from: {\r\n          opacity: 0\r\n        },\r\n        to: {\r\n          opacity: 1\r\n        },\r\n        config: {\r\n          duration: springDuration\r\n        }\r\n      })\r\n  }, [veilleLaunched])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: {\r\n        opacity: 1\r\n      },\r\n      to: {\r\n        opacity: 0\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n\r\n    fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    fadeTimerRef.current = setTimeout(() => {\r\n      // Switch back the muted state (it could have not been changed but for security let's set it)\r\n      dispatch(storeActions.speech.setMuted(oldMutedRef.current))\r\n      // Get back to home view\r\n      dispatch(storeActions.view.setRoute(Routes.Home))\r\n    }, springDuration)\r\n  }\r\n\r\n  const launchVeille = async (): Promise<void> => {\r\n    // Kill current directline if needed, and create a new one if the news are included in the veille\r\n    if (veilleDataRef.current.killConversationOnLaunch) {\r\n      await dispatch(storeActions.directline.endConversation())\r\n      veilleDataRef.current.views?.news?.enabled && dispatch(storeActions.directline.recreateDirectline({ addressData: addressData, userId: `veille_${Date.now()}`, skipWelcome: true }))\r\n    }\r\n    // Set muted state to true if it is demanded in the configuration\r\n    veilleDataRef.current.views?.news?.muted && dispatch(storeActions.speech.setMuted(true))\r\n    setVeilleLaunched(true)\r\n    dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current.length ? availableItemsToDisplayRef.current[0] : Routes.EmptyVeille))\r\n  }\r\n\r\n  const refreshTimer = (): void => {\r\n    timerRef.current && clearTimeout(timerRef.current)\r\n    timerRef.current = setTimeout(() => {\r\n      launchVeille()\r\n    }, (veilleDataRef.current.delayBeforeLaunchInSeconds || 120) * 1000)\r\n  }\r\n\r\n  const exitVeille = (firstTime?: boolean): void => {\r\n    // Recreate directline if needed\r\n    if (!firstTime && veilleDataRef.current?.killConversationOnLaunch) {\r\n      // Reset directline if a new one has already been recreated for the news inside the veille\r\n      veilleDataRef.current.views?.news?.enabled && dispatch(storeActions.directline.endConversation())\r\n      dispatch(storeActions.directline.recreateDirectline({ addressData: addressData }))\r\n    }\r\n\r\n    setVeilleLaunched(false)\r\n    // Set back the current item's index to 0 and clear the timeout\r\n    currentItemDisplayedRef.current = 0\r\n    timerRef.current && clearTimeout(timerRef.current)\r\n    // Launch the timer for veille opening\r\n    refreshTimer()\r\n\r\n    // Get back to home view if we came here to close the veille\r\n    !firstTime && handleClose()\r\n  }\r\n\r\n  const switchComponent = (): void => {\r\n    if (availableItemsToDisplayRef.current.length > currentItemDisplayedRef.current + 1) {\r\n      currentItemDisplayedRef.current++\r\n      dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current[currentItemDisplayedRef.current]))\r\n    } else {\r\n      currentItemDisplayedRef.current = 0\r\n      dispatch(storeActions.view.setRoute(availableItemsToDisplayRef.current[0]))\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    veilleDataRef.current = veilleConfiguration\r\n    if (appAvailable || loaderClosed) {\r\n      const tempViewArray: Array<Routes> = []\r\n      veilleConfiguration.views?.screenSaver?.enabled && tempViewArray.push(Routes.ScreenSaver)\r\n      veilleConfiguration.views?.news?.enabled && tempViewArray.push(Routes.NewsInVeille)\r\n      veilleConfiguration.views?.slideShow?.enabled && tempViewArray.push(Routes.SlideShow)\r\n      // Set loop if there is only 1 item to display\r\n      setLoop(tempViewArray.length === 1)\r\n      availableItemsToDisplayRef.current = tempViewArray\r\n\r\n      exitVeille(true)\r\n    }\r\n  }, [veilleConfiguration, appAvailable, loaderClosed])\r\n\r\n  /**\r\n   * Refresh the timer of the veille on each typing activity emitted\r\n   */\r\n  useEffect(() => {\r\n    !veilleLaunched && refreshTimer()\r\n  }, [typingCount, veilleLaunched])\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      timerRef.current && clearTimeout(timerRef.current)\r\n      fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n      // Switch back the muted state (it could have not been changed but for security let's set it)\r\n      dispatch(storeActions.speech.setMuted(oldMutedRef.current))\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <animated.div\r\n        id='retorik-framework-veille-manager'\r\n        className='rf-relative rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-grid-cols-8 rf-grid-rows-12'\r\n        style={{\r\n          display: veilleRelatedRoutes.includes(route) ? 'grid' : 'none',\r\n          ...spring\r\n        }}\r\n      >\r\n        <CallToAction />\r\n        {veilleConfiguration.autoExitFromWebcam && veilleLaunched && <FaceDetector detectionThreshold={0.95} onFaceDetected={() => exitVeille()} />}\r\n\r\n        {route === Routes.EmptyVeille && <EmptyVeille />}\r\n        {route === Routes.NewsInVeille && <NewsView hideMenu={true} isRetorikNews={true} handleEndedWithoutloop={switchComponent} loop={loop} fromVeille={true} />}\r\n        {route === Routes.ScreenSaver && (\r\n          <ScreenSaver\r\n            url={veilleConfiguration.views?.screenSaver?.url}\r\n            timer={veilleConfiguration.views?.screenSaver?.timerBeforeSwitchInSeconds}\r\n            loop={loop}\r\n            springDuration={springDuration}\r\n            switchComponent={switchComponent}\r\n          />\r\n        )}\r\n        {route === Routes.SlideShow && (\r\n          <SlideShow\r\n            urls={veilleConfiguration.views?.slideShow?.urls}\r\n            timer={veilleConfiguration.views?.slideShow?.timerBeforeSwitchInSeconds}\r\n            loop={loop}\r\n            springDuration={springDuration}\r\n            switchComponent={switchComponent}\r\n          />\r\n        )}\r\n      </animated.div>\r\n\r\n      {/* Overlay to exit the veille */}\r\n      {veilleLaunched && <div className='rf-z-overlay rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-bg-transparent rf-cursor-pointer' onClick={() => exitVeille()} />}\r\n    </React.Fragment>\r\n  )\r\n}\r\n\r\nexport default VeilleManager\r\n","import React, { useState } from 'react'\r\nimport { useSelector } from 'react-redux'\r\nimport { RootState } from '../../store'\r\nimport { getColorWithTransparency } from '../../utils/colorUtils'\r\nimport TouchIcon from '../Icons/Miscellaneous/TouchIcon'\r\n\r\nconst CallToAction = (): JSX.Element => {\r\n  const themeColors = useSelector((state: RootState) => state.viewReducer.themeColors)\r\n  const [colorWithTransparency] = useState<string>(getColorWithTransparency(themeColors.primary, 0.5))\r\n\r\n  return (\r\n    <div className='rf-absolute rf-z-ui rf-bottom-0 rf-right-0 rf-w-80 rf-h-80 rf-grid rf-grid-cols-1 rf-grid-rows-1 rf-justify-end rf-justify-items-end rf-content-end rf-items-end rf-text-center rf-overflow-hidden rf-z-10'>\r\n      <div className='rf-relative rf-col-start-1 rf-col-end-2 rf-row-start-1 rf-row-end-2 rf-w-48 rf-h-36 rf-rotate-45 rf-translate-y-8' style={{ backgroundColor: colorWithTransparency }}></div>\r\n      <div className='rf-relative rf-col-start-1 rf-col-end-2 rf-row-start-1 rf-row-end-2 rf-w-50 rf-h-32 rf-flex rf-flex-col rf-gap-2 rf-justify-center rf-items-center rf-text-white'>\r\n        <TouchIcon />\r\n        <p className='rf-mx-4'>Click on screen to start</p>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default CallToAction\r\n","import React from \"react\";\r\nimport type { IconDefaultProps } from '../../../models/types'\r\n\r\nconst TouchIcon = ({ className, color }: IconDefaultProps) => {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 48 67\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      stroke={color || 'currentColor'}\r\n      fill={color || 'currentColor'}\r\n      className={className || 'rf-h-12 rf-w-12'}\r\n    >\r\n      <path\r\n        d=\"m41 24c-1.7 0-3.2 0.65-4.4 1.7-1.2-1.1-2.7-1.7-4.4-1.7-1.7 0-3.2 0.65-4.4 1.7-0.48-0.44-1-0.8-1.6-1.1 2.1-2.6 3.4-6 3.4-9.5 2.8e-4 -8.3-6.7-15-15-15-8.3 0-15 6.7-15 15 0 5.8 3.3 11 8.4 13v18c0 11 8.9 20 20 20 11 0 20-8.9 20-20v-16c0-3.6-2.9-6.6-6.6-6.6zm-37-8.8c0-5.9 4.8-11 11-11 5.9 0 11 4.8 11 11 0 3.4-1.6 6.5-4.1 8.5v-8.5c0-3.6-2.9-6.6-6.6-6.6-3.6 0-6.6 2.9-6.6 6.6v8.5c-2.6-2-4.1-5.1-4.1-8.5zm39 32c0 8.5-6.9 15-15 15-8.5 0-15-6.9-15-15v-20c4e-3 -0.072 4e-3 -0.14 0-0.22v-12c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v20c0 1.2 0.96 2.1 2.1 2.1 1.2 0 2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3s2.3 1 2.3 2.3v4.7c0 1.2 0.96 2.1 2.1 2.1 1.2 0 2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v4.7c0 1.2 0.96 2.1 2.1 2.1s2.1-0.96 2.1-2.1v-4.7c0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1 2.3 2.3v16z\"\r\n        strokeWidth=\".29\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default TouchIcon;\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { FaceDetector as MediapipeFaceDetector, FilesetResolver, Detection } from '@mediapipe/tasks-vision'\r\nimport { useSelector } from 'react-redux'\r\nimport { RootState } from '../../store'\r\n\r\ninterface FaceDetectorProps {\r\n  detectionThreshold: number\r\n  onFaceDetected: (detections?: Array<Detection>, imageWidth?: number, imageHeight?: number) => void\r\n}\r\n\r\nconst runningMode = 'VIDEO'\r\nlet lastVideoTime = -1\r\nconst constraints = {\r\n  video: true,\r\n  facingMode: 'user'\r\n}\r\n\r\nconst FaceDetector = ({ detectionThreshold, onFaceDetected }: FaceDetectorProps): JSX.Element => {\r\n  const currentWidth = useSelector((state: RootState) => state.viewReducer.currentWidth)\r\n  const currentHeight = useSelector((state: RootState) => state.viewReducer.currentHeight)\r\n  const [faceDetector, setFaceDetector] = useState<MediapipeFaceDetector | undefined>()\r\n  const videoRef = useRef<HTMLVideoElement>(null)\r\n\r\n  useEffect(() => {\r\n    const createfaceDetector = async () => {\r\n      const vision = await FilesetResolver.forVisionTasks('https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.0/wasm')\r\n      const newFaceDetector = await MediapipeFaceDetector.createFromOptions(vision, {\r\n        baseOptions: {\r\n          modelAssetPath: `https://storage.googleapis.com/mediapipe-models/face_detector/blaze_face_short_range/float16/1/blaze_face_short_range.tflite`,\r\n          delegate: 'GPU'\r\n        },\r\n        runningMode: runningMode\r\n      })\r\n\r\n      newFaceDetector && setFaceDetector(newFaceDetector)\r\n    }\r\n\r\n    const initializefaceDetector = async () => {\r\n      navigator.mediaDevices\r\n        .getUserMedia(constraints)\r\n        .then(() => {\r\n          createfaceDetector()\r\n        })\r\n        .catch((error) => console.warn('Retorik Framework > an error occured when trying to use the webcam : ', error))\r\n    }\r\n\r\n    initializefaceDetector()\r\n  }, [])\r\n\r\n  const predictWebcam = async () => {\r\n    if (faceDetector && videoRef.current) {\r\n      let startTimeMs = performance.now()\r\n\r\n      // Detect faces using detectForVideo\r\n      if (videoRef.current.currentTime !== lastVideoTime) {\r\n        lastVideoTime = videoRef.current.currentTime\r\n        const detections = faceDetector.detectForVideo(videoRef.current, startTimeMs).detections\r\n\r\n        if (detections.length) {\r\n          const score = detections[0].categories[0].score\r\n          score > detectionThreshold && onFaceDetected(detections, videoRef.current.videoWidth, videoRef.current.videoHeight)\r\n        }\r\n      }\r\n    }\r\n\r\n    // Call this function again to keep predicting when the browser is ready\r\n    window.requestAnimationFrame(predictWebcam)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (faceDetector && videoRef.current) {\r\n      // Activate the webcam stream.\r\n      navigator.mediaDevices\r\n        .getUserMedia(constraints)\r\n        .then((stream) => {\r\n          if (videoRef.current) {\r\n            videoRef.current.srcObject = stream\r\n            videoRef.current.addEventListener('loadeddata', predictWebcam)\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(err)\r\n        })\r\n    }\r\n  }, [faceDetector])\r\n\r\n  return (\r\n    <div id='retorik-framework-face-detector' className='rf-absolute rf-top-0 rf-left-0 rf-invisible'>\r\n      <video\r\n        ref={videoRef}\r\n        src=''\r\n        autoPlay\r\n        style={{\r\n          width: currentWidth > currentHeight ? currentWidth : undefined,\r\n          height: currentHeight > currentWidth ? currentHeight : undefined,\r\n          aspectRatio: currentWidth / currentHeight\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FaceDetector\r\n","import React from 'react'\r\n\r\nconst EmptyVeille = () => {\r\n  return (\r\n    <div className='rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-bg-black rf-flex rf-justify-center rf-items-center'>\r\n      <div className='rf-uppercase rf-font-bold rf-text-3xl rf-text-white rf-animate-pulse'>click or tap on the screen...</div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default EmptyVeille\r\n","import React, { useEffect, useRef } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\n\r\ninterface ScreenSaverProps {\r\n  url?: string\r\n  timer?: number\r\n  loop?: boolean\r\n  springDuration: number\r\n  switchComponent: () => void\r\n}\r\n\r\nconst ScreenSaver = ({ url, timer, loop, springDuration, switchComponent }: ScreenSaverProps) => {\r\n  const timerRef = useRef<NodeJS.Timer | null>(null)\r\n  const fadeTimerRef = useRef<NodeJS.Timer | null>(null)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: {\r\n      opacity: 0\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    api.start({\r\n      from: {\r\n        opacity: 0\r\n      },\r\n      to: {\r\n        opacity: 1\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: {\r\n        opacity: 1\r\n      },\r\n      to: {\r\n        opacity: 0\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n\r\n    fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    fadeTimerRef.current = setTimeout(() => {\r\n      // Get back to home view\r\n      switchComponent()\r\n    }, springDuration)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (!loop) {\r\n      timerRef.current = setTimeout(() => {\r\n        handleClose()\r\n      }, (timer || 8) * 1000 - springDuration)\r\n    }\r\n\r\n    return () => {\r\n      timerRef.current && clearTimeout(timerRef.current)\r\n      fadeTimerRef.current && clearTimeout(fadeTimerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <animated.div\r\n      className='rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full'\r\n      style={{\r\n        backgroundImage: `url(${url})`,\r\n        backgroundPosition: 'center',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundSize: 'cover',\r\n        ...spring\r\n      }}\r\n    />\r\n  )\r\n}\r\n\r\nexport default ScreenSaver\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { useSpring, animated } from '@react-spring/web'\r\n\r\ninterface SlideShowProps {\r\n  urls?: Array<string>\r\n  timer?: number\r\n  loop?: boolean\r\n  springDuration: number\r\n  switchComponent: () => void\r\n}\r\n\r\nconst SlideShow = ({ urls, timer, loop, springDuration, switchComponent }: SlideShowProps) => {\r\n  const [currentIndex, setCurrentIndex] = useState<number>(0)\r\n  const timerRef = useRef<NodeJS.Timer | null>(null)\r\n  const fadeTimerRef = useRef<NodeJS.Timer | null>(null)\r\n\r\n  const [spring, api] = useSpring(() => ({\r\n    from: {\r\n      opacity: 0\r\n    }\r\n  }))\r\n\r\n  useEffect(() => {\r\n    api.start({\r\n      from: {\r\n        opacity: 0\r\n      },\r\n      to: {\r\n        opacity: 1\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  const handleClose = (): void => {\r\n    api.start({\r\n      from: {\r\n        opacity: 1\r\n      },\r\n      to: {\r\n        opacity: 0\r\n      },\r\n      config: {\r\n        duration: springDuration\r\n      }\r\n    })\r\n\r\n    fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    fadeTimerRef.current = setTimeout(() => {\r\n      // Get back to home view\r\n      switchComponent()\r\n    }, springDuration)\r\n  }\r\n\r\n  useEffect(() => {\r\n    timerRef?.current && clearTimeout(timerRef.current)\r\n    if (urls?.length) {\r\n      timerRef.current = setTimeout(() => {\r\n        currentIndex === urls.length - 1 ? (loop ? setCurrentIndex(0) : handleClose()) : setCurrentIndex(currentIndex + 1)\r\n      }, (timer || 5) * 1000)\r\n    } else {\r\n      switchComponent()\r\n    }\r\n  }, [currentIndex])\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      timerRef?.current && clearTimeout(timerRef.current)\r\n      fadeTimerRef?.current && clearTimeout(fadeTimerRef.current)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <animated.div className='rf-col-start-1 rf-col-span-full rf-row-start-1 rf-row-span-full rf-flex rf-justify-center rf-items-center rf-bg-black' style={{ ...spring }}>\r\n      <img className={`${window.innerHeight > window.innerWidth ? 'rf-w-full' : 'rf-h-full'}`} src={urls?.[currentIndex] || ''} alt='slideshow' />\r\n    </animated.div>\r\n  )\r\n}\r\n\r\nexport default SlideShow\r\n"],"names":[],"version":3,"file":"VeilleManager.d8bde1ee.js.map"}