@memori.ai/memori-react 6.8.1 → 6.8.4

package/esm/components/Avatar/AvatarView/AvatarComponent/constants.js

@@ -0,0 +1,96 @@
+import { Vector3, Euler } from 'three';
+export const AVATAR_POSITION = new Vector3(0, -1, 0);
+export const AVATAR_ROTATION = new Euler(0.175, 0, 0);
+export const AVATAR_POSITION_ZOOMED = new Vector3(0, -1.45, 0);
+export const SCALE_LERP_FACTOR = 0.1;
+export const MAX_IDLE_LOOPS_DEFAULT = 5;
+export const MAPPING_EMOTIONS_ITALIAN_TO_ENGLISH = [
+    {
+        italian: 'Gioia',
+        english: 'Joy',
+    },
+    {
+        italian: 'Rabbia',
+        english: 'Anger',
+    },
+    {
+        italian: 'Sorpresa',
+        english: 'Surprise',
+    },
+    {
+        italian: 'Tristezza',
+        english: 'Sadness',
+    },
+    {
+        italian: 'Timore',
+        english: 'Fear',
+    },
+];
+export const MAPPING_BLEND_SHAPE_TO_EMOTION_RPM = [
+    {
+        emotion: { italian: 'Rabbia', english: 'Anger' },
+        blendShapes: {
+            'browDownLeft': 0.5,
+            'browDownRight': 0.5,
+            'browOuterUpLeft': 0.5,
+            'browOuterUpRight': 0.5,
+            'mouthSmile': -0.2,
+        },
+    },
+    {
+        emotion: { italian: 'Timore', english: 'Fear' },
+        blendShapes: {
+            'browOuterUpLeft': -0.5,
+            'browOuterUpRight': -0.5,
+            'eyeWideLeft': -0.5,
+            'eyeWideRight': -0.5,
+        },
+    },
+    {
+        emotion: { italian: 'Tristezza', english: 'Sadness' },
+        blendShapes: {
+            'browDownLeft': -0.5,
+            'browDownRight': -0.5,
+            'eyeSquintLeft': 0.5,
+            'eyeSquintRight': 0.5,
+            'mouthSmile': -0.6,
+        },
+    },
+    {
+        emotion: { italian: 'Sorpresa', english: 'Surprise' },
+        blendShapes: {
+            'browInnerUp': 0.5,
+            'browOuterUpLeft': 0.5,
+            'browOuterUpRight': 0.5,
+            'eyeWideLeft': 0.5,
+            'eyeWideRight': 0.5,
+        },
+    },
+    {
+        emotion: { italian: 'Gioia', english: 'Joy' },
+        blendShapes: {
+            'browDownLeft': 0.5,
+            'browDownRight': 0.5,
+            'browInnerUp': 0.5,
+            'mouthSmile': 0.8,
+        },
+    },
+];
+export const ANIMATION_URLS = {
+    MALE: 'https://assets.memori.ai/api/v2/asset/2c5e88a4-cf62-408b-9ef0-518b099dfcb2.glb',
+    FEMALE: 'https://assets.memori.ai/api/v2/asset/2adc934b-24b2-45bd-94ad-ffec58d3cb32.glb',
+};
+export const BLINK_CONFIG = {
+    minInterval: 1000,
+    maxInterval: 5000,
+    blinkDuration: 150,
+};
+export const DEFAULT_CONFIG = {
+    fadeInDuration: 0.8,
+    fadeOutDuration: 0.8,
+    idleCount: 5,
+    timeScale: 1.0,
+};
+export const EMOTION_SMOOTHING = 0.3;
+export const VISEME_SMOOTHING = 0.5;
+//# sourceMappingURL=constants.js.map

package/esm/components/Avatar/AvatarView/AvatarComponent/constants.js.map

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

package/esm/components/Avatar/AvatarView/AvatarComponent/lights/Lights.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { Vector3 } from 'three';
+export interface LightingProps {
+    keyLightIntensity?: number;
+    keyLightColor?: string;
+    fillLightIntensity?: number;
+    fillLightColor?: string;
+    fillLightPosition?: Vector3;
+    backLightIntensity?: number;
+    backLightColor?: string;
+    backLightPosition?: Vector3;
+    lightTarget?: Vector3;
+}
+export declare const definedProps: (obj: Object) => any;
+export declare const LIGHT_CONFIG: Readonly<{
+    fillLightAngle: number;
+    backLightAngle: number;
+    keyLightAngle: number;
+    silhouetteLightAngle: number;
+    keyLightPosition: Vector3;
+    liftLightPosition: Vector3;
+    dirLightPosition: Vector3;
+    silhouetteLightPosition: Vector3;
+    defaultProps: Required<LightingProps>;
+}>;
+declare const Lights: FC<LightingProps>;
+export default Lights;

package/esm/components/Avatar/AvatarView/AvatarComponent/lights/Lights.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useThree } from '@react-three/fiber';
+import { useEffect, useState } from 'react';
+import { Object3D, Vector3 } from 'three';
+const fromEntries = (arr) => Object.assign({}, ...arr.map(([k, v]) => ({ [k]: v })));
+export const definedProps = (obj) => fromEntries(Object.entries(obj).filter(([_, v]) => v !== undefined));
+export const LIGHT_CONFIG = Object.freeze({
+    fillLightAngle: Math.PI / 3,
+    backLightAngle: Math.PI / 8,
+    keyLightAngle: Math.PI / 2,
+    silhouetteLightAngle: Math.PI * 1.25,
+    keyLightPosition: new Vector3(0.75, 1.75, 0.75),
+    liftLightPosition: new Vector3(0.25, 1.5, 2.0),
+    dirLightPosition: new Vector3(-0.75, 2.5, -1.0),
+    silhouetteLightPosition: new Vector3(-1.25, 0.25, -1.25),
+    defaultProps: {
+        keyLightIntensity: 1.2,
+        keyLightColor: '#FFF5EB',
+        fillLightIntensity: 2.5,
+        fillLightColor: '#A4C4FF',
+        fillLightPosition: new Vector3(-0.6, 1.7, -0.4),
+        backLightIntensity: 4.0,
+        backLightColor: '#FFD4A8',
+        backLightPosition: new Vector3(0.6, 1.7, -1.0),
+        lightTarget: new Vector3(0.0, 1.65, 0.0),
+    },
+});
+const Lights = lightingProps => {
+    const { keyLightIntensity, keyLightColor, fillLightIntensity, fillLightColor, fillLightPosition, backLightIntensity, backLightColor, backLightPosition, lightTarget, } = Object.assign(LIGHT_CONFIG.defaultProps, definedProps(lightingProps));
+    const { scene } = useThree();
+    const [targets] = useState({
+        head: new Object3D(),
+        shoe: new Object3D(),
+    });
+    useEffect(() => {
+        targets.head.position.copy(lightTarget);
+        targets.shoe.position.set(0.0, 0.1, 0.0);
+        scene.add(targets.head);
+        scene.add(targets.shoe);
+        return () => {
+            scene.remove(targets.head);
+            scene.remove(targets.shoe);
+        };
+    }, [scene, targets, lightTarget]);
+    return (_jsxs("group", { children: [_jsx("spotLight", { position: fillLightPosition, target: targets.head, angle: LIGHT_CONFIG.fillLightAngle, color: fillLightColor, intensity: fillLightIntensity, castShadow: true, "shadow-bias": -0.0001, penumbra: 0.2 }), _jsx("spotLight", { position: backLightPosition, target: targets.head, angle: LIGHT_CONFIG.backLightAngle, color: backLightColor, intensity: backLightIntensity, castShadow: true, "shadow-bias": -0.0001, penumbra: 0.2 }), _jsx("spotLight", { position: LIGHT_CONFIG.keyLightPosition, target: targets.head, angle: LIGHT_CONFIG.keyLightAngle, color: keyLightColor, intensity: keyLightIntensity, penumbra: 0.3, castShadow: true }), _jsx("spotLight", { position: LIGHT_CONFIG.liftLightPosition, target: targets.shoe, angle: LIGHT_CONFIG.keyLightAngle, color: keyLightColor, intensity: keyLightIntensity * 0.3, penumbra: 0.4 }), _jsx("spotLight", { position: LIGHT_CONFIG.silhouetteLightPosition, target: targets.head, angle: LIGHT_CONFIG.silhouetteLightAngle, color: keyLightColor, intensity: keyLightIntensity * 0.3, penumbra: 0.3 }), _jsx("ambientLight", { intensity: 0.2, color: "#FFF8EF" })] }));
+};
+export default Lights;
+//# sourceMappingURL=Lights.js.map

package/esm/components/Avatar/AvatarView/AvatarComponent/lights/Lights.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lights.js","sourceRoot":"","sources":["../../../../../../src/components/Avatar/AvatarView/AvatarComponent/lights/Lights.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAc,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAoB1C,MAAM,WAAW,GAAG,CAAC,GAAe,EAAE,EAAE,CACtC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CAC1C,WAAW,CAET,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CACxD,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;IACxC,cAAc,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAC3B,cAAc,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAC3B,aAAa,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAC1B,oBAAoB,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI;IACpC,gBAAgB,EAAE,IAAI,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC/C,iBAAiB,EAAE,IAAI,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC;IAC9C,gBAAgB,EAAE,IAAI,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/C,uBAAuB,EAAE,IAAI,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC;IACxD,YAAY,EAAE;QACZ,iBAAiB,EAAE,GAAG;QACtB,aAAa,EAAE,SAAS;QACxB,kBAAkB,EAAE,GAAG;QACvB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC;QAC/C,kBAAkB,EAAE,GAAG;QACvB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC;QAC9C,WAAW,EAAE,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;KACd;CAC7B,CAAC,CAAC;AAEH,MAAM,MAAM,GAAsB,aAAa,CAAC,EAAE;IAChD,MAAM,EACJ,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IAE1E,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAqC;QAC7D,IAAI,EAAE,IAAI,QAAQ,EAAE;QACpB,IAAI,EAAE,IAAI,QAAQ,EAAE;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACxC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAEzC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC3B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,4BAEE,oBACE,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,kBAAkB,EAC7B,UAAU,uBACG,CAAC,MAAM,EACpB,QAAQ,EAAE,GAAG,GACb,EAEF,oBACE,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,kBAAkB,EAC7B,UAAU,uBACG,CAAC,MAAM,EACpB,QAAQ,EAAE,GAAG,GACb,EAEF,oBACE,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EACvC,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,KAAK,EAAE,YAAY,CAAC,aAAa,EACjC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,GAAG,EACb,UAAU,SACV,EAEF,oBACE,QAAQ,EAAE,YAAY,CAAC,iBAAiB,EACxC,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,KAAK,EAAE,YAAY,CAAC,aAAa,EACjC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,iBAAiB,GAAG,GAAG,EAClC,QAAQ,EAAE,GAAG,GACb,EAEF,oBACE,QAAQ,EAAE,YAAY,CAAC,uBAAuB,EAC9C,MAAM,EAAE,OAAO,CAAC,IAAI,EACpB,KAAK,EAAE,YAAY,CAAC,oBAAoB,EACxC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,iBAAiB,GAAG,GAAG,EAClC,QAAQ,EAAE,GAAG,GACb,EAEF,uBAAc,SAAS,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,GAAG,IAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css

@@ -0,0 +1,111 @@
+.memori--position-controls {
+  position: fixed;
+  z-index: 1000;
+  top: auto; /* Remove top positioning */
+  top: 65px; /* Position from bottom to avoid overlapping with buttons */
+  left: 15px; /* Remove left positioning */
+  display: flex;
+  width: 380px; /* Fixed width */
+  max-width: 100%; /* Maximum width relative to screen */
+  height: 320px;
+  max-height: 320px;
+  flex-direction: column;
+  padding: 16px;
+  border-radius: 16px;
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  background-color: var(--memori-inner-bg, #fff);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  gap: 0.5rem;
+  text-align: left;
+  transform: none; /* Remove transform */
+}
+
+/* Slider adjustments */
+.memori--slider-container {
+  display: flex;
+  flex-direction: column;
+  padding: 8px 0;
+  gap: 0.75rem;
+}
+
+.memori--slider-label {
+  color: var(--memori-text-color, #333);
+  /* margin-bottom: 8px; */
+  font-size: 1.2rem;
+}
+
+/* Button adjustments */
+.memori--preset-buttons {
+  display: flex;
+  flex-direction: row;
+  margin-top: 0px;
+  margin-bottom: 12px;
+  /* justify-content: space-between; */
+  /* margin-top: 36px; */
+  gap: 8px;
+}
+
+.memori--preset-buttons button {
+  min-height: 36px;
+  flex: 1;
+  padding: 8px 4px;
+  font-size: 0.9rem;
+}
+
+/* Close button */
+.memori--position-controls-close {
+  position: absolute;
+  top: -25px;
+  right: -30px;
+  border-radius: 50%;
+  background-color: var(--memori-inner-bg, #fff);
+}
+
+.memori--position-controls-close-button {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 8px;
+}
+
+/* Totem specific adjustments */
+@media screen and (max-width: 480px) {
+  .memori--position-controls {
+    right: 10px;
+    bottom: 80px;
+    width: 280px;
+  }
+
+  .memori--preset-buttons {
+    margin-top: 32px;
+  }
+  
+  .memori--preset-buttons button {
+    padding: 6px 4px;
+    font-size: 0.85rem;
+  }
+  
+  .memori--slider-container {
+    padding: 6px 0;
+  }
+}
+
+/* Portrait/vertical orientation */
+@media screen and (min-height: 800px) {
+  .memori--position-controls {
+    bottom: 120px;
+  }
+
+  /* .memori--preset-buttons {
+    margin-top: 32px;
+  } */
+  
+  .memori--slider-label {
+    font-size: 1.1rem;
+  }
+  
+  .memori--preset-buttons button {
+    padding: 10px 6px;
+    font-size: 1rem;
+  }
+}

package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface PositionControlsProps {
+    avatarHeight: number;
+    avatarDepth: number;
+    halfBody: boolean;
+    setAvatarHeight: (value: number) => void;
+    setAvatarDepth: (value: number) => void;
+    setEnablePositionControls: (value: boolean) => void;
+}
+declare const PositionControls: React.FC<PositionControlsProps>;
+export default PositionControls;

package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { setLocalConfig } from '../../../../../helpers/configuration';
+import { useTranslation } from 'react-i18next';
+import Slider from '../../../../../components/ui/Slider';
+import Button from '../../../../ui/Button';
+import Close from '../../../../icons/Close';
+const PositionControls = ({ avatarHeight, avatarDepth, setAvatarHeight, setAvatarDepth, halfBody, setEnablePositionControls, }) => {
+    const normalPosition = halfBody
+        ? { height: 80, depth: 50 }
+        : { height: 25, depth: 25 };
+    const zoomedPosition = halfBody
+        ? { height: 55, depth: 10 }
+        : { height: 15, depth: 5 };
+    const farPosition = halfBody
+        ? { height: 100, depth: 80 }
+        : { height: 65, depth: 100 };
+    const settingsRef = useRef({
+        height: avatarHeight,
+        depth: avatarDepth,
+        zoomed: false,
+        normal: false,
+        far: false,
+    });
+    const { t } = useTranslation();
+    useEffect(() => {
+        settingsRef.current.height = avatarHeight;
+        settingsRef.current.depth = avatarDepth;
+    }, [avatarHeight, avatarDepth]);
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === '-' ||
+                (event.key === '_' && settingsRef.current.depth < 100)) {
+                const newValue = Math.min(settingsRef.current.depth + 10, 100);
+                setAvatarDepth(newValue);
+                setLocalConfig('avatarDepth', newValue);
+            }
+            else if ((event.key === '+' || event.key === '=') &&
+                settingsRef.current.depth > -100) {
+                const newValue = Math.max(settingsRef.current.depth - 10, -100);
+                setAvatarDepth(newValue);
+                setLocalConfig('avatarDepth', newValue);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [setAvatarDepth]);
+    useEffect(() => {
+        const handleArrowUp = (event) => {
+            if (event.key === 'ArrowUp' && settingsRef.current.height < 100) {
+                const newValue = settingsRef.current.height + 5;
+                setAvatarHeight(newValue);
+                setLocalConfig('avatarHeight', newValue);
+            }
+        };
+        const handleArrowDown = (event) => {
+            if (event.key === 'ArrowDown' && settingsRef.current.height > 0) {
+                const newValue = settingsRef.current.height - 5;
+                setAvatarHeight(newValue);
+                setLocalConfig('avatarHeight', newValue);
+            }
+        };
+        window.addEventListener('keydown', handleArrowUp);
+        window.addEventListener('keydown', handleArrowDown);
+        return () => {
+            window.removeEventListener('keydown', handleArrowUp);
+            window.removeEventListener('keydown', handleArrowDown);
+        };
+    }, [setAvatarHeight]);
+    return (_jsxs("div", { className: "memori--position-controls", children: [_jsx("div", { className: "memori--position-controls-close", children: _jsx(Button, { ghost: true, icon: _jsx(Close, {}), outlined: true, danger: true, shape: "circle", className: "memori--position-controls-close-button", onClick: () => {
+                        setEnablePositionControls(false);
+                    } }) }), _jsx(Slider, { defaultValue: settingsRef.current.height, min: 0.5, max: 100, label: t('write_and_speak.height'), step: 1, onChange: (value) => {
+                    setAvatarHeight(value);
+                    setLocalConfig('avatarHeight', value);
+                } }), _jsx(Slider, { defaultValue: settingsRef.current.depth, min: 0.5, max: 100, step: 5, label: t('write_and_speak.depth'), onChange: (value) => {
+                    setAvatarDepth(value);
+                    setLocalConfig('avatarDepth', value);
+                } }), _jsxs("div", { className: "memori--preset-buttons", children: [_jsx(Button, { outlined: true, isActive: avatarHeight ===
+                            (halfBody ? zoomedPosition.height : normalPosition.height) &&
+                            avatarDepth ===
+                                (halfBody ? zoomedPosition.depth : normalPosition.depth), onClick: () => {
+                            setAvatarHeight(zoomedPosition.height);
+                            setAvatarDepth(zoomedPosition.depth);
+                            setLocalConfig('avatarHeight', zoomedPosition.height);
+                            setLocalConfig('avatarDepth', zoomedPosition.depth);
+                        }, children: t('write_and_speak.zoomed') }), _jsx(Button, { outlined: true, isActive: avatarHeight ===
+                            (halfBody ? normalPosition.height : zoomedPosition.height) &&
+                            avatarDepth ===
+                                (halfBody ? normalPosition.depth : zoomedPosition.depth), onClick: () => {
+                            setAvatarHeight(normalPosition.height);
+                            setAvatarDepth(normalPosition.depth);
+                            setLocalConfig('avatarHeight', normalPosition.height);
+                            setLocalConfig('avatarDepth', normalPosition.depth);
+                        }, children: t('write_and_speak.normal') }), _jsx(Button, { outlined: true, isActive: avatarHeight ===
+                            (halfBody ? farPosition.height : normalPosition.height) &&
+                            avatarDepth ===
+                                (halfBody ? farPosition.depth : normalPosition.depth), onClick: () => {
+                            setAvatarHeight(farPosition.height);
+                            setAvatarDepth(farPosition.depth);
+                            setLocalConfig('avatarHeight', farPosition.height);
+                            setLocalConfig('avatarDepth', farPosition.depth);
+                        }, children: t('write_and_speak.far') })] })] }));
+};
+export default PositionControls;
+//# sourceMappingURL=positionControls.js.map

package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js.map

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

package/esm/components/Avatar/AvatarView/index.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+import React from 'react';
+export interface Props {
+    url: string;
+    sex: 'MALE' | 'FEMALE';
+    fallbackImg?: string;
+    eyeBlink?: boolean;
+    headMovement?: boolean;
+    rotateAvatar?: boolean;
+    speaking?: boolean;
+    style?: CSSProperties;
+    fallback?: React.ReactNode;
+    halfBody?: boolean;
+    loading?: boolean;
+    animation?: string;
+    showControls?: boolean;
+    isZoomed?: boolean;
+    chatEmission?: any;
+    enablePositionControls?: boolean;
+    setEnablePositionControls: (value: boolean) => void;
+    isTotem?: boolean;
+    setMeshRef?: any;
+    stopProcessing: () => void;
+    resetVisemeQueue: () => void;
+    updateCurrentViseme: (currentTime: number) => {
+        name: string;
+        weight: number;
+    } | null;
+}
+export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, fallbackImg, halfBody, loading, showControls, isZoomed, chatEmission, updateCurrentViseme, enablePositionControls, setEnablePositionControls, isTotem, }: Props): JSX.Element;

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Suspense } from 'react';
+import { Canvas } from '@react-three/fiber';
+import { OrbitControls, PerspectiveCamera, } from '@react-three/drei';
+import { AvatarView } from './AvatarComponent/avatarComponent';
+import PositionControls from './AvatarComponent/positionControls/positionControls';
+import { getLocalConfig } from '../../../helpers/configuration';
+import Loader from './AvatarComponent/components/loader';
+import Lights from './AvatarComponent/lights/Lights';
+const defaultStyles = {
+    halfBody: {
+        width: '100%',
+        height: '100%',
+        minHeight: '500px',
+        backgroundColor: 'white',
+        borderRadius: '100%',
+    },
+    fullBody: {
+        width: '500px',
+        height: '500px',
+        backgroundColor: 'white',
+    },
+};
+const getCameraSettings = (halfBody, isZoomed) => {
+    const baseZ = halfBody ? 0.6 : 3;
+    return {
+        fov: isZoomed ? 44 : 40,
+        position: [0, 0, baseZ],
+        target: [0, 0, 0],
+    };
+};
+export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, fallbackImg, halfBody = true, loading, showControls = false, isZoomed, chatEmission, updateCurrentViseme, enablePositionControls, setEnablePositionControls, isTotem = false, }) {
+    const [cameraZ, setCameraZ] = useState(() => getCameraSettings(halfBody, isZoomed || false).position[2]);
+    const getAvatarHeight = () => {
+        if (isTotem) {
+            const height = getLocalConfig('avatarHeight', 50);
+            return height;
+        }
+        if (halfBody) {
+            return 80;
+        }
+        return isZoomed ? 16 : 65;
+    };
+    const getAvatarDepth = () => {
+        if (isTotem) {
+            const depth = getLocalConfig('avatarDepth', 50);
+            return depth;
+        }
+        if (halfBody) {
+            return 50;
+        }
+        return isZoomed ? 5 : 100;
+    };
+    const [avatarHeight, setAvatarHeight] = useState(getAvatarHeight());
+    const [avatarDepth, setAvatarDepth] = useState(getAvatarDepth());
+    return (_jsxs(_Fragment, { children: [enablePositionControls && (_jsx(PositionControls, { avatarHeight: avatarHeight, avatarDepth: avatarDepth, halfBody: halfBody, setAvatarHeight: setAvatarHeight, setAvatarDepth: setAvatarDepth, setEnablePositionControls: setEnablePositionControls })), _jsxs(Canvas, { style: style || defaultStyles.fullBody, shadows: true, dpr: [1, 2], gl: {
+                    antialias: true,
+                    alpha: true,
+                    powerPreference: "high-performance",
+                    stencil: false
+                }, children: [_jsx(PerspectiveCamera, { makeDefault: true, position: [0, 0, cameraZ], fov: getCameraSettings(halfBody, isZoomed || false).fov, near: 0.1, far: 1000 }), rotateAvatar && (_jsx(OrbitControls, { enablePan: false, enableZoom: false, target: [0, 0, 0], enableDamping: true, dampingFactor: 0.05 })), _jsxs(Suspense, { fallback: fallback || _jsx(Loader, { fallbackImg: fallbackImg }), children: [_jsx(Lights, {}), _jsx(AvatarView, { url: url, sex: sex, showControls: showControls, loading: loading || false, eyeBlink: eyeBlink || false, headMovement: headMovement || false, speaking: speaking || false, halfBody: halfBody, chatEmission: chatEmission, updateCurrentViseme: updateCurrentViseme, setCameraZ: setCameraZ, avatarHeight: avatarHeight, avatarDepth: avatarDepth })] })] })] }));
+}
+//# sourceMappingURL=index.js.map

package/esm/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/esm/components/Avatar/AvatarView/utils/hideHands.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from "./utils";
+export declare const hideHands: (nodes: Nodes) => void;

package/esm/components/Avatar/AvatarView/utils/hideHands.js

@@ -0,0 +1,10 @@
+export 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);
+    }
+};
+//# sourceMappingURL=hideHands.js.map

package/esm/components/Avatar/AvatarView/utils/hideHands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hideHands.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/utils/hideHands.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACtB,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;KACpC;IACD,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"}

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

@@ -0,0 +1,16 @@
+interface BlinkConfig {
+    minInterval: number;
+    maxInterval: number;
+    blinkDuration: number;
+}
+interface UseAvatarBlinkProps {
+    enabled: boolean;
+    setMorphTargetInfluences: (morphTargetInfluences: any) => void;
+    config?: Partial<BlinkConfig>;
+}
+export declare function useAvatarBlink({ enabled, setMorphTargetInfluences, config }: UseAvatarBlinkProps): {
+    isBlinking: boolean;
+    lastBlinkTime: number;
+    triggerBlink: () => void;
+};
+export {};

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

@@ -0,0 +1,67 @@
+import { useCallback, useEffect, useRef } from 'react';
+const DEFAULT_BLINK_CONFIG = {
+    minInterval: 1000,
+    maxInterval: 5000,
+    blinkDuration: 150,
+};
+export function useAvatarBlink({ enabled, setMorphTargetInfluences, config = {} }) {
+    const blinkTimeoutRef = useRef();
+    const isBlinkingRef = useRef(false);
+    const lastBlinkTime = useRef(0);
+    const blinkConfig = {
+        ...DEFAULT_BLINK_CONFIG,
+        ...config
+    };
+    const blink = useCallback(() => {
+        if (!enabled || isBlinkingRef.current)
+            return;
+        isBlinkingRef.current = true;
+        setMorphTargetInfluences((prev) => ({
+            ...prev,
+            eyesClosed: 1
+        }));
+        setTimeout(() => {
+            setMorphTargetInfluences((prev) => ({
+                ...prev,
+                eyesClosed: 0
+            }));
+            isBlinkingRef.current = false;
+            lastBlinkTime.current = Date.now();
+            scheduleNextBlink();
+        }, blinkConfig.blinkDuration);
+    }, [enabled, blinkConfig.blinkDuration, setMorphTargetInfluences]);
+    const scheduleNextBlink = useCallback(() => {
+        if (blinkTimeoutRef.current) {
+            clearTimeout(blinkTimeoutRef.current);
+        }
+        const nextBlinkDelay = Math.random() *
+            (blinkConfig.maxInterval - blinkConfig.minInterval) +
+            blinkConfig.minInterval;
+        blinkTimeoutRef.current = setTimeout(blink, nextBlinkDelay);
+    }, [blink, blinkConfig.maxInterval, blinkConfig.minInterval]);
+    useEffect(() => {
+        if (enabled) {
+            scheduleNextBlink();
+        }
+        else {
+            if (blinkTimeoutRef.current) {
+                clearTimeout(blinkTimeoutRef.current);
+            }
+            setMorphTargetInfluences((prevInfluences) => ({
+                ...prevInfluences,
+                eyesClosed: 0
+            }));
+        }
+        return () => {
+            if (blinkTimeoutRef.current) {
+                clearTimeout(blinkTimeoutRef.current);
+            }
+        };
+    }, [enabled, scheduleNextBlink, setMorphTargetInfluences]);
+    return {
+        isBlinking: isBlinkingRef.current,
+        lastBlinkTime: lastBlinkTime.current,
+        triggerBlink: blink
+    };
+}
+//# sourceMappingURL=useEyeBlink.js.map

package/esm/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":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,oBAAoB,GAAgB;IACxC,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,GAAG;CACnB,CAAC;AAQF,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,wBAAwB,EACxB,MAAM,GAAG,EAAE,EACS;IACpB,MAAM,eAAe,GAAG,MAAM,EAAkB,CAAC;IACjD,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG;QAClB,GAAG,oBAAoB;QACvB,GAAG,MAAM;KACV,CAAC;IAEF,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO;YAAE,OAAO;QAE9C,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAE7B,wBAAwB,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;YACvC,GAAG,IAAI;YACP,UAAU,EAAE,CAAC;SACd,CAAC,CAAC,CAAC;QAGJ,UAAU,CAAC,GAAG,EAAE;YACd,wBAAwB,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;gBACvC,GAAG,IAAI;gBACP,UAAU,EAAE,CAAC;aACd,CAAC,CAAC,CAAC;YACJ,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAGnC,iBAAiB,EAAE,CAAC;QACtB,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,aAAa,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEnE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,eAAe,CAAC,OAAO,EAAE;YAC3B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACvC;QAGD,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,EAAE;YAClC,CAAC,WAAW,CAAC,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;YACnD,WAAW,CAAC,WAAW,CAAC;QAE1B,eAAe,CAAC,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;IAG9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,iBAAiB,EAAE,CAAC;SACrB;aAAM;YACL,IAAI,eAAe,CAAC,OAAO,EAAE;gBAC3B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;aACvC;YAED,wBAAwB,CAAC,CAAC,cAAmB,EAAE,EAAE,CAAC,CAAC;gBACjD,GAAG,cAAc;gBACjB,UAAU,EAAE,CAAC;aACd,CAAC,CAAC,CAAC;SACL;QAGD,OAAO,GAAG,EAAE;YACV,IAAI,eAAe,CAAC,OAAO,EAAE;gBAC3B,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;aACvC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE3D,OAAO;QACL,UAAU,EAAE,aAAa,CAAC,OAAO;QACjC,aAAa,EAAE,aAAa,CAAC,OAAO;QACpC,YAAY,EAAE,KAAK;KACpB,CAAC;AACJ,CAAC"}