@memori.ai/memori-react 7.4.6 → 7.5.0

package/dist/components/Avatar/AvatarView/index.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fullbodyAvatar_1 = tslib_1.__importDefault(require("./components/fullbodyAvatar"));
+const fiber_1 = require("@react-three/fiber");
+const drei_1 = require("@react-three/drei");
+const utils_1 = require("../../../helpers/utils");
+const react_1 = require("react");
+const controls_1 = tslib_1.__importDefault(require("./components/controls"));
+const halfbodyAvatar_1 = tslib_1.__importDefault(require("./components/halfbodyAvatar"));
+const baseActions = {
+    Idle: { weight: 1 },
+    'Idle 1': { weight: 0 },
+    'Idle 2': { weight: 0 },
+    'Idle 3': { weight: 0 },
+    Loading: { weight: 0 },
+    Sad: { weight: 0 },
+    'Talk 1': { weight: 0 },
+    'Talk 2': { weight: 0 },
+    'Talk 3': { weight: 0 },
+};
+const defaultStyles = {
+    halfBody: {
+        width: '250px',
+        height: '250px',
+        backgroundColor: 'white',
+        borderRadius: '100%',
+    },
+    fullBody: {
+        width: '500px',
+        height: '500px',
+        backgroundColor: 'white',
+    },
+};
+const getCameraSettings = (halfBody) => halfBody
+    ? {
+        fov: 40,
+        position: [0, 0, 0.6],
+    }
+    : { fov: 40, position: [0, 0.0000175, 3] };
+const getLightingComponent = () => (0, utils_1.isAndroid)() || (0, utils_1.isiOS)() ? ((0, jsx_runtime_1.jsx)(drei_1.SpotLight, { distance: 100, position: [-0.3, 0.2, 1.25], angle: Math.PI / 2, attenuation: 5, anglePower: 5 })) : ((0, jsx_runtime_1.jsx)(drei_1.Environment, { files: "https://raw.githack.com/pmndrs/drei-assets/456060a26bbeb8fdf79326f224b6d99b8bcce736/hdri/venice_sunset_1k.hdr" }));
+const AvatarComponent = ({ animation, loading, halfBody, ...props }) => halfBody ? (0, jsx_runtime_1.jsx)(halfbodyAvatar_1.default, { ...props }) : (0, jsx_runtime_1.jsx)(fullbodyAvatar_1.default, { ...props });
+const AvatarView = ({ showControls, animation, loading, url, sex, eyeBlink, headMovement, speaking, halfBody, }) => {
+    const [currentBaseAction, setCurrentBaseAction] = (0, react_1.useState)({
+        action: animation || 'Idle',
+        weight: 1,
+    });
+    const [additiveActions, setAdditiveActions] = (0, react_1.useState)({
+        smile: { weight: 0 },
+        blink: { weight: eyeBlink ? 1 : 0 },
+        speak: { weight: speaking ? 1 : 0 },
+        headMovement: { weight: headMovement ? 1 : 0 },
+    });
+    const [timeScale, setTimeScale] = (0, react_1.useState)(0.8);
+    function onBaseActionChange(action) {
+        setCurrentBaseAction({
+            action,
+            weight: 1,
+        });
+    }
+    function onAdditiveActionChange(action, weight) {
+        setAdditiveActions({
+            ...additiveActions,
+            [action]: { weight },
+        });
+    }
+    function modifyTimeScale(value) {
+        setTimeScale(value);
+    }
+    (0, react_1.useEffect)(() => {
+        if (loading && currentBaseAction.action !== 'Loading' && !speaking) {
+            setCurrentBaseAction({
+                action: 'Loading',
+                weight: 1,
+            });
+            return;
+        }
+        if (speaking) {
+            const talkingAnimations = ['Talk 1', 'Talk 2', 'Talk 3'];
+            const randomIndex = Math.floor(Math.random() * talkingAnimations.length);
+            const randomTalkingAnimation = talkingAnimations[randomIndex];
+            setAdditiveActions({
+                ...additiveActions,
+                speak: { weight: 1 },
+            });
+            setCurrentBaseAction({
+                action: randomTalkingAnimation,
+                weight: 1,
+            });
+        }
+        else if (!speaking && additiveActions.speak.weight !== 0) {
+            setAdditiveActions({
+                ...additiveActions,
+                speak: { weight: 0 },
+            });
+            setCurrentBaseAction({
+                action: 'Idle',
+                weight: 1,
+            });
+        }
+    }, [speaking, loading]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showControls && ((0, jsx_runtime_1.jsx)(controls_1.default, { timeScale: timeScale, onBaseActionChange: onBaseActionChange, onAdditiveActionChange: onAdditiveActionChange, baseActions: baseActions, additiveActions: additiveActions, currentBaseAction: currentBaseAction, modifyTimeScale: modifyTimeScale })), (0, jsx_runtime_1.jsx)(AvatarComponent, { halfBody: halfBody, url: url, sex: sex, eyeBlink: eyeBlink, headMovement: headMovement, speaking: speaking, additiveActions: additiveActions, baseActions: baseActions, loading: loading || false, currentBaseAction: currentBaseAction, timeScale: timeScale, animation: animation })] }));
+};
+function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, halfBody = true, loading, animation, showControls = false, }) {
+    return ((0, jsx_runtime_1.jsxs)(fiber_1.Canvas, { style: style || (halfBody ? defaultStyles.halfBody : defaultStyles.fullBody), camera: getCameraSettings(halfBody), children: [getLightingComponent(), rotateAvatar && (0, jsx_runtime_1.jsx)(drei_1.OrbitControls, { enablePan: false, enableZoom: false }), (0, jsx_runtime_1.jsx)(AvatarView, { halfBody: halfBody, url: url, sex: sex, eyeBlink: eyeBlink, headMovement: headMovement, speaking: speaking, loading: loading, animation: animation, showControls: showControls })] }));
+}
+exports.default = ContainerAvatarView;
+//# sourceMappingURL=index.js.map

package/dist/components/Avatar/AvatarView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/AvatarView/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Avatar/AvatarView/utils/useEyeBlink.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useEyeBlink(enabled: boolean | undefined, nodes: Nodes): void;

package/dist/components/Avatar/AvatarView/utils/useEyeBlink.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const fiber_1 = require("@react-three/fiber");
+const BLINK_DURATION = 2;
+const BLINK_INTERVAL_MIN = 2000;
+const BLINK_INTERVAL_MAX = 7000;
+function useEyeBlink(enabled, nodes) {
+    const blinkStateRef = (0, react_1.useRef)({
+        blinkTime: 999,
+        headMesh: null,
+        morphIndex: 0,
+    });
+    const setNextBlink = (0, react_1.useCallback)(() => {
+        blinkStateRef.current.blinkTime = 0;
+        const nextBlinkDelay = Math.random() * (BLINK_INTERVAL_MAX - BLINK_INTERVAL_MIN) + BLINK_INTERVAL_MIN;
+        setTimeout(setNextBlink, nextBlinkDelay);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!enabled)
+            return;
+        const headMesh = (nodes.Wolf3D_Head || nodes.Wolf3D_Avatar);
+        blinkStateRef.current.headMesh = headMesh;
+        if ((headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetDictionary) && (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences)) {
+            blinkStateRef.current.morphIndex = headMesh.morphTargetDictionary.eyesClosed;
+        }
+        const initialBlinkDelay = setTimeout(setNextBlink, 3000);
+        return () => {
+            clearTimeout(initialBlinkDelay);
+        };
+    }, [nodes, enabled, setNextBlink]);
+    (0, fiber_1.useFrame)((_, delta) => {
+        if (!enabled)
+            return;
+        const { blinkTime, headMesh, morphIndex } = blinkStateRef.current;
+        if (blinkTime < BLINK_DURATION && (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences)) {
+            const value = Math.abs(Math.sin((blinkTime * Math.PI) / 2));
+            blinkStateRef.current.blinkTime += delta * 10;
+            headMesh.morphTargetInfluences[morphIndex] = value;
+        }
+        else if (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences) {
+            headMesh.morphTargetInfluences[morphIndex] = 0;
+        }
+    });
+}
+exports.default = useEyeBlink;
+//# sourceMappingURL=useEyeBlink.js.map

package/dist/components/Avatar/AvatarView/utils/useEyeBlink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEyeBlink.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useEyeBlink.ts"],"names":[],"mappings":";;AAEA,iCAAuD;AACvD,8CAA8C;AAQ9C,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAChC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEhC,SAAwB,WAAW,CAAC,OAA4B,EAAE,KAAY;IAC5E,MAAM,aAAa,GAAG,IAAA,cAAM,EAAa;QACvC,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,CAAC;KACd,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,aAAa,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC;QACpC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;QACtG,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,aAAa,CAAgB,CAAC;QAC3E,aAAa,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAE1C,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACtE,aAAa,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC;SAC9E;QAED,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;QAElE,IAAI,SAAS,GAAG,cAAc,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACjE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC5D,aAAa,CAAC,OAAO,CAAC,SAAS,IAAI,KAAK,GAAG,EAAE,CAAC;YAC9C,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC;SACpD;aAAM,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,EAAE;YAC1C,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SAChD;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AA3CD,8BA2CC"}

package/dist/components/Avatar/AvatarView/utils/useHeadMovement.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useHeadMovement(enabled: boolean | undefined, nodes: Nodes): void;

package/dist/components/Avatar/AvatarView/utils/useHeadMovement.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const three_1 = require("three");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const fiber_1 = require("@react-three/fiber");
+const rad = Math.PI / 180;
+let reset = false;
+let timeout;
+const targetPos = new three_1.Vector2(0, 0);
+const currentPos = new three_1.Vector2(0, 0);
+const setResetTrue = () => {
+    timeout = setTimeout(() => {
+        reset = true;
+    }, 1000);
+};
+const setResetFalse = () => {
+    clearTimeout(timeout);
+    reset = false;
+};
+function useHeadMovement(enabled, nodes) {
+    const { gl } = (0, fiber_1.useThree)();
+    (0, react_1.useEffect)(() => {
+        if (!enabled)
+            return;
+        gl.domElement.addEventListener('mouseleave', setResetTrue);
+        gl.domElement.addEventListener('mouseenter', setResetFalse);
+        return () => {
+            gl.domElement.removeEventListener('mouseleave', setResetTrue);
+            gl.domElement.removeEventListener('mouseenter', setResetFalse);
+        };
+    }, [gl.domElement, enabled]);
+    (0, fiber_1.useFrame)(state => {
+        if (!enabled || !(nodes === null || nodes === void 0 ? void 0 : nodes.Neck) || !(nodes === null || nodes === void 0 ? void 0 : nodes.Head))
+            return;
+        const cameraRotation = Math.abs(state.camera.rotation.z);
+        if (!reset && cameraRotation < 0.2) {
+            targetPos.x = (0, utils_1.mapRange)(state.mouse.y, -1, 1, 5 * rad, -5 * rad);
+            targetPos.y = (0, utils_1.mapRange)(state.mouse.x, -1, 1, -10 * rad, 10 * rad);
+        }
+        else {
+            targetPos.set(0, 0);
+        }
+        currentPos.x = (0, utils_1.lerp)(currentPos.x, targetPos.x);
+        currentPos.y = (0, utils_1.lerp)(currentPos.y, targetPos.y);
+        nodes.Neck.rotation.x = currentPos.x + 0.1;
+        nodes.Neck.rotation.y = currentPos.y;
+        nodes.Head.rotation.x = currentPos.x * 2;
+        nodes.Head.rotation.y = currentPos.y * 2;
+    });
+}
+exports.default = useHeadMovement;
+//# sourceMappingURL=useHeadMovement.js.map

package/dist/components/Avatar/AvatarView/utils/useHeadMovement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadMovement.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useHeadMovement.ts"],"names":[],"mappings":"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"}

package/dist/components/Avatar/AvatarView/utils/useLoadingMorphAnim.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useLoadingMorphAnim(loading: boolean | undefined, nodes: Nodes): void;

package/dist/components/Avatar/AvatarView/utils/useLoadingMorphAnim.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const fiber_1 = require("@react-three/fiber");
+let headMesh;
+let eyesClosedMorphIndex = 0;
+let viseme_UMorphIndex = 0;
+function useLoadingMorphAnim(loading, nodes) {
+    (0, react_1.useEffect)(() => {
+        if (!loading)
+            return;
+        headMesh = (nodes.Wolf3D_Head ||
+            nodes.Wolf3D_Avatar ||
+            nodes.Wolf3D_Avatar001);
+        if ((headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetDictionary) && (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences)) {
+            eyesClosedMorphIndex = headMesh.morphTargetDictionary.mouthOpen;
+            viseme_UMorphIndex = headMesh.morphTargetDictionary.viseme_U;
+        }
+    }, [nodes, loading]);
+    (0, fiber_1.useFrame)(() => {
+        if (!loading) {
+            if (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences) {
+                headMesh.morphTargetInfluences[eyesClosedMorphIndex] = 0;
+                headMesh.morphTargetInfluences[viseme_UMorphIndex] = 0;
+            }
+        }
+        else if (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences) {
+            headMesh.morphTargetInfluences[eyesClosedMorphIndex] = 0.56;
+            headMesh.morphTargetInfluences[viseme_UMorphIndex] = 0.67;
+        }
+    });
+}
+exports.default = useLoadingMorphAnim;
+//# sourceMappingURL=useLoadingMorphAnim.js.map

package/dist/components/Avatar/AvatarView/utils/useLoadingMorphAnim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadingMorphAnim.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useLoadingMorphAnim.ts"],"names":[],"mappings":";;AAEA,iCAAkC;AAClC,8CAA8C;AAE9C,IAAI,QAAqB,CAAC;AAC1B,IAAI,oBAAoB,GAAW,CAAC,CAAC;AACrC,IAAI,kBAAkB,GAAW,CAAC,CAAC;AAEnC,SAAwB,mBAAmB,CACzC,OAA4B,EAC5B,KAAY;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW;YAC3B,KAAK,CAAC,aAAa;YACnB,KAAK,CAAC,gBAAgB,CAAgB,CAAC;QAEzC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACtE,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC;YAChE,kBAAkB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,QAAQ,CAAC;SAC9D;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACZ,IAAI,CAAC,OAAO,EAAE;YACZ,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,EAAE;gBACnC,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;gBACzD,QAAQ,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;aACxD;SACF;aAAM,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,EAAE;YAC1C,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;YAC5D,QAAQ,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;SAC3D;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AA5BD,sCA4BC"}

package/dist/components/Avatar/AvatarView/utils/useMouthSpeaking.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useMouthSpeaking(speaking: boolean | undefined, nodes: Nodes): void;

package/dist/components/Avatar/AvatarView/utils/useMouthSpeaking.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const fiber_1 = require("@react-three/fiber");
+const MOUTH_MOVE_DURATION = 2;
+const MOUTH_MOVE_INTERVAL_MIN = 100;
+const MOUTH_MOVE_INTERVAL_MAX = 500;
+function useMouthSpeaking(speaking, nodes) {
+    const mouthStateRef = (0, react_1.useRef)({
+        moveTime: 999,
+        mesh: null,
+        morphIndices: { open: 0, smile: 0, funner: 0, pucker: 0 },
+    });
+    const setNextMouthMove = (0, react_1.useCallback)(() => {
+        mouthStateRef.current.moveTime = 0;
+        const nextMoveDelay = Math.random() * (MOUTH_MOVE_INTERVAL_MAX - MOUTH_MOVE_INTERVAL_MIN) + MOUTH_MOVE_INTERVAL_MIN;
+        setTimeout(setNextMouthMove, nextMoveDelay);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!speaking)
+            return;
+        const mouthMesh = (nodes.Wolf3D_Head || nodes.Wolf3D_Avatar || nodes.Wolf3D_Avatar001);
+        mouthStateRef.current.mesh = mouthMesh;
+        if ((mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetDictionary) && (mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetInfluences)) {
+            mouthStateRef.current.morphIndices = {
+                open: mouthMesh.morphTargetDictionary.mouthOpen,
+                smile: mouthMesh.morphTargetDictionary.mouthSmile,
+                funner: mouthMesh.morphTargetDictionary.mouthFunner,
+                pucker: mouthMesh.morphTargetDictionary.mouthPucker,
+            };
+        }
+        const initialMoveDelay = setTimeout(setNextMouthMove, 200);
+        return () => {
+            clearTimeout(initialMoveDelay);
+        };
+    }, [nodes, speaking, setNextMouthMove]);
+    (0, fiber_1.useFrame)((_, delta) => {
+        const { moveTime, mesh, morphIndices } = mouthStateRef.current;
+        if (!speaking || !(mesh === null || mesh === void 0 ? void 0 : mesh.morphTargetInfluences)) {
+            resetMouthShape(mesh, morphIndices);
+            return;
+        }
+        if (moveTime < MOUTH_MOVE_DURATION) {
+            const value = Math.abs(Math.sin((moveTime * Math.PI) / 2));
+            mouthStateRef.current.moveTime += delta * 10;
+            updateMouthShape(mesh, morphIndices, value);
+        }
+        else {
+            resetMouthShape(mesh, morphIndices);
+        }
+    });
+}
+exports.default = useMouthSpeaking;
+function updateMouthShape(mesh, morphIndices, value) {
+    mesh.morphTargetInfluences[morphIndices.open] = value / 3;
+    mesh.morphTargetInfluences[morphIndices.smile] = value / 10;
+    mesh.morphTargetInfluences[morphIndices.funner] = value / 7;
+    mesh.morphTargetInfluences[morphIndices.pucker] = value / 5;
+}
+function resetMouthShape(mesh, morphIndices) {
+    if (!(mesh === null || mesh === void 0 ? void 0 : mesh.morphTargetInfluences))
+        return;
+    mesh.morphTargetInfluences[morphIndices.open] = 0;
+    mesh.morphTargetInfluences[morphIndices.smile] = 0;
+    mesh.morphTargetInfluences[morphIndices.funner] = 0;
+    mesh.morphTargetInfluences[morphIndices.pucker] = 0;
+}
+//# sourceMappingURL=useMouthSpeaking.js.map

package/dist/components/Avatar/AvatarView/utils/useMouthSpeaking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouthSpeaking.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useMouthSpeaking.ts"],"names":[],"mappings":"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"}

package/dist/components/Avatar/AvatarView/utils/useSmile.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useSmile(smiling: boolean | undefined, nodes: Nodes): void;

package/dist/components/Avatar/AvatarView/utils/useSmile.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const fiber_1 = require("@react-three/fiber");
+const SMILE_INTENSITY = 1 / 3;
+function useSmile(smiling, nodes) {
+    const smileStateRef = (0, react_1.useRef)({
+        headMesh: null,
+        mouthSmileMorphIndex: 0,
+    });
+    (0, react_1.useEffect)(() => {
+        const headMesh = (nodes.Wolf3D_Head || nodes.Wolf3D_Avatar || nodes.Wolf3D_Avatar001);
+        smileStateRef.current.headMesh = headMesh;
+        if ((headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetDictionary) && (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences)) {
+            smileStateRef.current.mouthSmileMorphIndex = headMesh.morphTargetDictionary.mouthSmile;
+        }
+    }, [nodes]);
+    (0, fiber_1.useFrame)(() => {
+        const { headMesh, mouthSmileMorphIndex } = smileStateRef.current;
+        if (!(headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences))
+            return;
+        const targetSmileIntensity = smiling ? SMILE_INTENSITY : 0;
+        const currentSmileIntensity = headMesh.morphTargetInfluences[mouthSmileMorphIndex];
+        headMesh.morphTargetInfluences[mouthSmileMorphIndex] += (targetSmileIntensity - currentSmileIntensity) * 0.1;
+    });
+}
+exports.default = useSmile;
+//# sourceMappingURL=useSmile.js.map

package/dist/components/Avatar/AvatarView/utils/useSmile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSmile.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/useSmile.ts"],"names":[],"mappings":";;AAEA,iCAA0C;AAC1C,8CAA8C;AAO9C,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9B,SAAwB,QAAQ,CAAC,OAA4B,EAAE,KAAY;IACzE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAa;QACvC,QAAQ,EAAE,IAAI;QACd,oBAAoB,EAAE,CAAC;KACxB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,gBAAgB,CAAgB,CAAC;QACrG,aAAa,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAE1C,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACtE,aAAa,CAAC,OAAO,CAAC,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC;SACxF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACZ,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;QAEjE,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA;YAAE,OAAO;QAE7C,MAAM,oBAAoB,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,MAAM,qBAAqB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;QAGnF,QAAQ,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,GAAG,GAAG,CAAC;IAC/G,CAAC,CAAC,CAAC;AACL,CAAC;AA1BD,2BA0BC"}

package/dist/components/Avatar/AvatarView/utils/utils.d.ts

@@ -0,0 +1,13 @@
+import { Material, Object3D } from 'three';
+export interface Nodes {
+    [name: string]: Object3D;
+}
+export interface Materials {
+    [name: string]: Material;
+}
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const lerp: (start: number, end: number, time?: number) => number;
+export declare const mapRange: (value: number, inMin: number, inMax: number, outMin: number, outMax: number) => number;
+export declare const hideHands: (nodes: Nodes) => void;
+export declare const correctMaterials: (materials: Materials) => void;
+export declare const isSkinnedMesh: (node: Object3D) => boolean;

package/dist/components/Avatar/AvatarView/utils/utils.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSkinnedMesh = exports.correctMaterials = exports.hideHands = exports.mapRange = exports.lerp = exports.clamp = void 0;
+const three_1 = require("three");
+const clamp = (value, min, max) => {
+    return Math.min(Math.max(value, min), max);
+};
+exports.clamp = clamp;
+const lerp = (start, end, time = 0.05) => {
+    return start * (1 - time) + end * time;
+};
+exports.lerp = lerp;
+const mapRange = (value, inMin, inMax, outMin, outMax) => {
+    value = (0, exports.clamp)(value, inMin, inMax);
+    return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
+};
+exports.mapRange = mapRange;
+const hideHands = (nodes) => {
+    if (nodes.Wolf3D_Hands) {
+        nodes.Wolf3D_Hands.visible = false;
+    }
+    if (nodes.RightHand && nodes.LeftHand) {
+        nodes.RightHand.position.set(0, -2, 0);
+        nodes.LeftHand.position.set(0, -2, 0);
+    }
+};
+exports.hideHands = hideHands;
+const correctMaterials = (materials) => {
+    Object.values(materials).forEach((material) => {
+        if (material.map)
+            material.map.minFilter = three_1.LinearFilter;
+        if (material)
+            material.depthWrite = true;
+    });
+};
+exports.correctMaterials = correctMaterials;
+const SkinnedMeshType = 'SkinnedMesh';
+const isSkinnedMesh = (node) => {
+    return node.type === SkinnedMeshType;
+};
+exports.isSkinnedMesh = isSkinnedMesh;
+//# sourceMappingURL=utils.js.map

package/dist/components/Avatar/AvatarView/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/utils.ts"],"names":[],"mappings":";;;AACA,iCAAqC;AAU9B,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE;IAC/D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB;AAEK,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,OAAe,IAAI,EAAE,EAAE;IACtE,OAAO,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AACzC,CAAC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,QAAQ,GAAG,CACtB,KAAa,EACb,KAAa,EACb,KAAa,EACb,MAAc,EACd,MAAc,EACd,EAAE;IACF,KAAK,GAAG,IAAA,aAAK,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC;AAC1E,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB;AAEK,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACtB,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;KACpC;IAED,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE;QACrC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACvC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB;AAEK,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,QAAa,EAAE,EAAE;QAEjD,IAAI,QAAQ,CAAC,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,oBAAY,CAAC;QAGxD,IAAI,QAAQ;YAAE,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B;AAEF,MAAM,eAAe,GAAG,aAAa,CAAC;AAC/B,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,EAAE;IAC9C,OAAO,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -192,6 +192,11 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         : !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage);
     const forcedTimeout = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.forcedTimeout;
     const [userLang, setUserLang] = (0, react_1.useState)((_o = (_m = (_l = (_k = memoriLang !== null && memoriLang !== void 0 ? memoriLang : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.lang) !== null && _k !== void 0 ? _k : language) !== null && _l !== void 0 ? _l : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.uiLang) !== null && _m !== void 0 ? _m : i18n.language) !== null && _o !== void 0 ? _o : 'IT');
+    (0, react_1.useEffect)(() => {
+        if (userLang && constants_1.uiLanguages.includes(userLang.toLowerCase())) {
+            i18n.changeLanguage(userLang.toLowerCase());
+        }
+    }, [userLang]);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [memoriTyping, setMemoriTyping] = (0, react_1.useState)(false);
     const [typingText, setTypingText] = (0, react_1.useState)();