@memori.ai/memori-react 7.8.8 → 7.9.1

package/dist/components/Avatar/AvatarView/AvatarComponent/components/PositionController.d.ts

@@ -0,0 +1,19 @@
+import { Vector3 } from 'three';
+export declare class AvatarPositionController {
+    private currentScale;
+    private targetScale;
+    private currentPosition;
+    private basePosition;
+    private defaultPosition;
+    private zoomedPosition;
+    private initialCameraPosition;
+    constructor(defaultPosition?: Vector3, zoomedPosition?: Vector3, initialCameraZ?: number);
+    private mapHeightToScale;
+    private mapDepthToCamera;
+    updateHeight(heightValue: number, isHalfBody: boolean): void;
+    updateDepth(depthValue: number, isHalfBody: boolean): number;
+    updateBasePosition(isZoomed: boolean): void;
+    updateScale(lerpFactor: number): Vector3;
+    getPosition(): Vector3;
+    reset(): void;
+}

package/dist/components/Avatar/AvatarView/AvatarComponent/components/PositionController.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarPositionController = void 0;
+const three_1 = require("three");
+const constants_1 = require("./constants");
+class AvatarPositionController {
+    constructor(defaultPosition = constants_1.AVATAR_POSITION.clone(), zoomedPosition = constants_1.AVATAR_POSITION_ZOOMED.clone(), initialCameraZ = 0.6) {
+        this.defaultPosition = defaultPosition;
+        this.zoomedPosition = zoomedPosition;
+        this.currentScale = new three_1.Vector3(1, 1, 1);
+        this.targetScale = new three_1.Vector3(1, 1, 1);
+        this.currentPosition = defaultPosition.clone();
+        this.basePosition = defaultPosition.clone();
+        this.initialCameraPosition = new three_1.Vector3(0, 0, initialCameraZ);
+    }
+    mapHeightToScale(sliderValue, isHalfBody) {
+        if (isHalfBody) {
+            return three_1.MathUtils.lerp(1.4, 2.1, sliderValue / 100);
+        }
+        else {
+            return three_1.MathUtils.lerp(0.5, 1.5, sliderValue / 100);
+        }
+    }
+    mapDepthToCamera(depthValue, isHalfBody) {
+        const baseZ = this.initialCameraPosition.z;
+        if (isHalfBody) {
+            return three_1.MathUtils.lerp(baseZ, baseZ + 3, depthValue / 100);
+        }
+        else {
+            return three_1.MathUtils.lerp(baseZ, baseZ + 3, depthValue / 100);
+        }
+    }
+    updateHeight(heightValue, isHalfBody) {
+        const heightScale = this.mapHeightToScale(heightValue, isHalfBody);
+        this.targetScale.set(heightScale, heightScale, heightScale);
+    }
+    updateDepth(depthValue, isHalfBody) {
+        return this.mapDepthToCamera(depthValue, isHalfBody);
+    }
+    updateBasePosition(isZoomed) {
+        const newPosition = isZoomed ? this.zoomedPosition : this.defaultPosition;
+        this.basePosition.copy(newPosition);
+        this.currentPosition.copy(newPosition);
+    }
+    updateScale(lerpFactor) {
+        this.currentScale.lerp(this.targetScale, lerpFactor);
+        return this.currentScale;
+    }
+    getPosition() {
+        return this.currentPosition;
+    }
+    reset() {
+        this.currentScale.set(1, 1, 1);
+        this.targetScale.set(1, 1, 1);
+        this.currentPosition.copy(this.defaultPosition);
+        this.basePosition.copy(this.defaultPosition);
+    }
+}
+exports.AvatarPositionController = AvatarPositionController;
+//# sourceMappingURL=PositionController.js.map

package/dist/components/Avatar/AvatarView/AvatarComponent/components/PositionController.js.map

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

package/dist/components/Avatar/AvatarView/AvatarComponent/components/constants.d.ts

@@ -0,0 +1,18 @@
+import { Vector3, Euler } from 'three';
+import { AnimationConfig } from './FullbodyAvatar/types';
+export declare const AVATAR_POSITION: Vector3;
+export declare const AVATAR_ROTATION: Euler;
+export declare const AVATAR_POSITION_ZOOMED: Vector3;
+export declare const SCALE_LERP_FACTOR = 0.1;
+export declare const ANIMATION_URLS: {
+    MALE: string;
+    FEMALE: string;
+};
+export declare const BLINK_CONFIG: {
+    minInterval: number;
+    maxInterval: number;
+    blinkDuration: number;
+};
+export declare const DEFAULT_CONFIG: AnimationConfig;
+export declare const EMOTION_SMOOTHING = 0.3;
+export declare const VISEME_SMOOTHING = 0.5;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISEME_SMOOTHING = exports.EMOTION_SMOOTHING = exports.DEFAULT_CONFIG = exports.BLINK_CONFIG = exports.ANIMATION_URLS = exports.SCALE_LERP_FACTOR = exports.AVATAR_POSITION_ZOOMED = exports.AVATAR_ROTATION = exports.AVATAR_POSITION = void 0;
+const three_1 = require("three");
+exports.AVATAR_POSITION = new three_1.Vector3(0, -1, 0);
+exports.AVATAR_ROTATION = new three_1.Euler(0.175, 0, 0);
+exports.AVATAR_POSITION_ZOOMED = new three_1.Vector3(0, -1.45, 0);
+exports.SCALE_LERP_FACTOR = 0.1;
+exports.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',
+};
+exports.BLINK_CONFIG = {
+    minInterval: 1000,
+    maxInterval: 5000,
+    blinkDuration: 150,
+};
+exports.DEFAULT_CONFIG = {
+    fadeInDuration: 0.8,
+    fadeOutDuration: 0.8,
+    idleCount: 5,
+    timeScale: 1.0,
+};
+exports.EMOTION_SMOOTHING = 0.3;
+exports.VISEME_SMOOTHING = 0.5;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/Avatar/AvatarView/AvatarComponent/components/constants.ts"],"names":[],"mappings":";;;AAAA,iCAAuC;AAG1B,QAAA,eAAe,GAAG,IAAI,eAAO,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACxC,QAAA,eAAe,GAAG,IAAI,aAAK,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACzC,QAAA,sBAAsB,GAAG,IAAI,eAAO,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAClD,QAAA,iBAAiB,GAAG,GAAG,CAAC;AAExB,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,gFAAgF;IACtF,MAAM,EACJ,gFAAgF;CACnF,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,GAAG;CACnB,CAAC;AAEW,QAAA,cAAc,GAAoB;IAC7C,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,GAAG;CACf,CAAC;AAEW,QAAA,iBAAiB,GAAG,GAAG,CAAC;AACxB,QAAA,gBAAgB,GAAG,GAAG,CAAC"}

package/dist/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.d.ts

@@ -1,14 +1,15 @@
 interface HalfBodyAvatarProps {
     url: string;
     setMorphTargetInfluences: (morphTargetInfluences: any) => void;
-    headMovement?: boolean;
-    speaking?: boolean;
-    onLoaded?: () => void;
     setMorphTargetDictionary: (morphTargetDictionary: any) => void;
-    eyeBlink?: boolean;
-    morphTargetInfluences: any;
     updateCurrentViseme: (currentTime: number) => any;
-    morphTargetSmoothing?: number;
+    eyeBlink?: boolean;
+    heightValue?: number;
+    avatarHeight: number;
+    avatarDepth: number;
+    onLoaded?: () => void;
+    onCameraZChange: (value: number) => void;
+    headMovement?: boolean;
 }
-export default function HalfBodyAvatar({ url, setMorphTargetInfluences, setMorphTargetDictionary, eyeBlink, onLoaded, morphTargetSmoothing, updateCurrentViseme, }: HalfBodyAvatarProps): JSX.Element;
+export default function HalfBodyAvatar({ url, setMorphTargetInfluences, setMorphTargetDictionary, updateCurrentViseme, eyeBlink, avatarHeight, avatarDepth, headMovement, onLoaded, onCameraZChange, }: HalfBodyAvatarProps): JSX.Element;
 export {};

package/dist/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.js

@@ -1,102 +1,89 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const three_1 = require("three");
 const drei_1 = require("@react-three/drei");
-const utils_1 = require("../../../../../helpers/utils");
 const fiber_1 = require("@react-three/fiber");
-const three_2 = require("three");
-const AVATAR_POSITION = new three_1.Vector3(0, -0.6, 0);
-const BLINK_CONFIG = {
-    minInterval: 1000,
-    maxInterval: 5000,
-    blinkDuration: 150,
-};
-function HalfBodyAvatar({ url, setMorphTargetInfluences, setMorphTargetDictionary, eyeBlink, onLoaded, morphTargetSmoothing = 0.5, updateCurrentViseme, }) {
+const utils_1 = require("../../../../../helpers/utils");
+const MorphTargetController_1 = require("./MorphTargetController");
+const PositionController_1 = require("./PositionController");
+const constants_1 = require("./constants");
+const utils_2 = require("../../utils/utils");
+const useHeadMovement_1 = tslib_1.__importDefault(require("../../utils/useHeadMovement"));
+function HalfBodyAvatar({ url, setMorphTargetInfluences, setMorphTargetDictionary, updateCurrentViseme, eyeBlink = false, avatarHeight = 50, avatarDepth = 0, headMovement = false, onLoaded, onCameraZChange, }) {
+    var _a;
     const { scene } = (0, drei_1.useGLTF)(url);
     const { nodes, materials } = (0, fiber_1.useGraph)(scene);
-    const mixer = (0, react_1.useRef)(new three_2.AnimationMixer(scene));
-    const avatarMeshRef = (0, react_1.useRef)(null);
-    const lastBlinkTime = (0, react_1.useRef)(0);
-    const nextBlinkTime = (0, react_1.useRef)(0);
-    const isBlinking = (0, react_1.useRef)(false);
-    const blinkStartTime = (0, react_1.useRef)(0);
-    const headMeshRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        (0, utils_1.correctMaterials)(materials);
-        scene.traverse((object) => {
-            if (object instanceof three_1.SkinnedMesh) {
-                if (object.name === 'GBNL__Head' || object.name === 'Wolf3D_Avatar') {
-                    headMeshRef.current = object;
-                    if (object.morphTargetDictionary && object.morphTargetInfluences) {
-                        setMorphTargetDictionary(object.morphTargetDictionary);
-                        const initialInfluences = Object.keys(object.morphTargetDictionary).reduce((acc, key) => ({ ...acc, [key]: 0 }), {});
-                        setMorphTargetInfluences(initialInfluences);
-                    }
-                }
+    const { camera } = (0, fiber_1.useThree)();
+    const morphTargetControllerRef = (0, react_1.useRef)();
+    const positionControllerRef = (0, react_1.useRef)();
+    const targetCameraZRef = (0, react_1.useRef)(camera.position.z);
+    (0, useHeadMovement_1.default)(headMovement, nodes);
+    const blinkStateRef = (0, react_1.useRef)({
+        isBlinking: false,
+        lastBlinkTime: 0,
+        nextBlinkTime: 0,
+        blinkStartTime: 0,
+    });
+    const headMesh = (0, react_1.useMemo)(() => {
+        let foundMesh;
+        scene === null || scene === void 0 ? void 0 : scene.traverse((object) => {
+            if (object instanceof three_1.SkinnedMesh &&
+                (object.name === 'GBNL__Head' || object.name === 'Wolf3D_Avatar')) {
+                foundMesh = object;
             }
         });
+        return foundMesh;
+    }, [scene]);
+    (0, react_1.useEffect)(() => {
+        if (!positionControllerRef.current) {
+            positionControllerRef.current = new PositionController_1.AvatarPositionController(constants_1.AVATAR_POSITION, constants_1.AVATAR_POSITION_ZOOMED);
+        }
+        if (headMesh) {
+            morphTargetControllerRef.current = new MorphTargetController_1.MorphTargetController(headMesh);
+            if (headMesh.morphTargetDictionary && headMesh.morphTargetInfluences) {
+                setMorphTargetDictionary(headMesh.morphTargetDictionary);
+                const initialInfluences = Object.keys(headMesh.morphTargetDictionary)
+                    .reduce((acc, key) => ({ ...acc, [key]: 0 }), {});
+                setMorphTargetInfluences(initialInfluences);
+            }
+        }
+        (0, utils_1.correctMaterials)(materials);
         onLoaded === null || onLoaded === void 0 ? void 0 : onLoaded();
+        (0, utils_2.hideHands)(nodes);
         return () => {
             Object.values(materials).forEach(material => material.dispose());
             Object.values(nodes)
                 .filter(utils_1.isSkinnedMesh)
                 .forEach(mesh => mesh.geometry.dispose());
         };
-    }, [materials, nodes, url, onLoaded, scene]);
-    (0, fiber_1.useFrame)(state => {
-        if (headMeshRef.current &&
-            headMeshRef.current.morphTargetDictionary &&
-            headMeshRef.current.morphTargetInfluences) {
-            const currentTime = state.clock.getElapsedTime() * 1000;
-            let blinkValue = 0;
-            if (eyeBlink) {
-                if (currentTime >= nextBlinkTime.current && !isBlinking.current) {
-                    isBlinking.current = true;
-                    blinkStartTime.current = currentTime;
-                    lastBlinkTime.current = currentTime;
-                    nextBlinkTime.current =
-                        currentTime +
-                            Math.random() *
-                                (BLINK_CONFIG.maxInterval - BLINK_CONFIG.minInterval) +
-                            BLINK_CONFIG.minInterval;
-                }
-                if (isBlinking.current) {
-                    const blinkProgress = (currentTime - blinkStartTime.current) / BLINK_CONFIG.blinkDuration;
-                    if (blinkProgress <= 0.5) {
-                        blinkValue = blinkProgress * 2;
-                    }
-                    else if (blinkProgress <= 1) {
-                        blinkValue = 2 - blinkProgress * 2;
-                    }
-                    else {
-                        isBlinking.current = false;
-                        blinkValue = 0;
-                    }
-                }
-            }
+    }, [materials, nodes, url, onLoaded, scene, headMesh]);
+    (0, react_1.useEffect)(() => {
+        if (positionControllerRef.current) {
+            positionControllerRef.current.updateHeight(avatarHeight, true);
+        }
+    }, [avatarHeight]);
+    (0, react_1.useEffect)(() => {
+        if (positionControllerRef.current && onCameraZChange) {
+            const newCameraZ = positionControllerRef.current.updateDepth(avatarDepth, true);
+            onCameraZChange(newCameraZ);
+        }
+    }, [avatarDepth, onCameraZChange]);
+    (0, fiber_1.useFrame)((state) => {
+        const currentTime = state.clock.elapsedTime * 1000;
+        if (morphTargetControllerRef.current) {
             const currentViseme = updateCurrentViseme(currentTime / 1000);
-            Object.entries(headMeshRef.current.morphTargetDictionary).forEach(([key, index]) => {
-                if (typeof index === 'number') {
-                    let targetValue = 0;
-                    if (currentViseme && key === currentViseme.name) {
-                        targetValue += currentViseme.weight * 1.3;
-                    }
-                    if (key === 'eyesClosed' && eyeBlink) {
-                        targetValue += blinkValue;
-                    }
-                    targetValue = three_2.MathUtils.clamp(targetValue, 0, 1);
-                    if (headMeshRef.current &&
-                        headMeshRef.current.morphTargetInfluences) {
-                        headMeshRef.current.morphTargetInfluences[index] = three_2.MathUtils.lerp(headMeshRef.current.morphTargetInfluences[index], targetValue, morphTargetSmoothing);
-                    }
-                }
-            });
-            mixer.current.update(0.01);
+            morphTargetControllerRef.current.updateMorphTargets(currentTime, {}, currentViseme, eyeBlink, blinkStateRef.current);
+        }
+        if (scene && positionControllerRef.current) {
+            const newScale = positionControllerRef.current.updateScale(constants_1.SCALE_LERP_FACTOR);
+            scene.scale.copy(newScale);
         }
     });
-    return ((0, jsx_runtime_1.jsx)("group", { position: AVATAR_POSITION, children: (0, jsx_runtime_1.jsx)("primitive", { object: scene }) }));
+    const position = ((_a = positionControllerRef.current) === null || _a === void 0 ? void 0 : _a.getPosition()) || constants_1.AVATAR_POSITION;
+    return ((0, jsx_runtime_1.jsx)("group", { position: position, children: (0, jsx_runtime_1.jsx)("primitive", { object: scene }) }));
 }
 exports.default = HalfBodyAvatar;
 //# sourceMappingURL=halfbodyAvatar.js.map

package/dist/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"halfbodyAvatar.js","sourceRoot":"","sources":["../../../../../../src/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"halfbodyAvatar.js","sourceRoot":"","sources":["../../../../../../src/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,iCAA8C;AAC9C,4CAA4C;AAC5C,8CAAkE;AAClE,wDAA+E;AAC/E,mEAAgE;AAChE,6DAAgE;AAChE,2CAIqB;AACrB,6CAA8C;AAC9C,0FAA0D;AAgB1D,SAAwB,cAAc,CAAC,EACrC,GAAG,EACH,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EACnB,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,eAAe,GACK;;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,cAAO,EAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE9B,MAAM,wBAAwB,GAAG,IAAA,cAAM,GAAyB,CAAC;IACjE,MAAM,qBAAqB,GAAG,IAAA,cAAM,GAA4B,CAAC;IACjE,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAGnD,IAAA,yBAAe,EAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAErC,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC;QAC3B,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,cAAc,EAAE,CAAC;KAClB,CAAC,CAAC;IAGH,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IAAI,SAAkC,CAAC;QACvC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,CAAC,MAAgB,EAAE,EAAE;YACnC,IACE,MAAM,YAAY,mBAAW;gBAC7B,CAAC,MAAM,CAAC,IAAI,KAAK,YAAY,IAAI,MAAM,CAAC,IAAI,KAAK,eAAe,CAAC,EACjE;gBACA,SAAS,GAAG,MAAM,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAGZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;YAClC,qBAAqB,CAAC,OAAO,GAAG,IAAI,6CAAwB,CAC1D,2BAAe,EACf,kCAAsB,CACvB,CAAC;SACH;QAED,IAAI,QAAQ,EAAE;YACZ,wBAAwB,CAAC,OAAO,GAAG,IAAI,6CAAqB,CAAC,QAAQ,CAAC,CAAC;YAEvE,IAAI,QAAQ,CAAC,qBAAqB,IAAI,QAAQ,CAAC,qBAAqB,EAAE;gBACpE,wBAAwB,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;gBACzD,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC;qBAClE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;gBACpD,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;aAC7C;SACF;QAED,IAAA,wBAAgB,EAAC,SAAS,CAAC,CAAC;QAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACb,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;YACjE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;iBACjB,MAAM,CAAC,qBAAa,CAAC;iBACrB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,CAAC,OAAO,EAAE;YACjC,qBAAqB,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;SAChE;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,CAAC,OAAO,IAAI,eAAe,EAAE;YACpD,MAAM,UAAU,GAAG,qBAAqB,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAChF,eAAe,CAAC,UAAU,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAGnC,IAAA,gBAAQ,EAAC,CAAC,KAAK,EAAE,EAAE;QACjB,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;QAGnD,IAAI,wBAAwB,CAAC,OAAO,EAAE;YACpC,MAAM,aAAa,GAAG,mBAAmB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;YAC9D,wBAAwB,CAAC,OAAO,CAAC,kBAAkB,CACjD,WAAW,EACX,EAAE,EACF,aAAa,EACb,QAAQ,EACR,aAAa,CAAC,OAAO,CACtB,CAAC;SACH;QAGD,IAAI,KAAK,IAAI,qBAAqB,CAAC,OAAO,EAAE;YAC1C,MAAM,QAAQ,GAAG,qBAAqB,CAAC,OAAO,CAAC,WAAW,CAAC,6BAAiB,CAAC,CAAC;YAC9E,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC,CAAC;IAGH,MAAM,QAAQ,GAAG,CAAA,MAAA,qBAAqB,CAAC,OAAO,0CAAE,WAAW,EAAE,KAAI,2BAAe,CAAC;IAEjF,OAAO,CACL,kCAAO,QAAQ,EAAE,QAAQ,YACvB,sCAAW,MAAM,EAAE,KAAK,GAAI,GACtB,CACT,CAAC;AACJ,CAAC;AAxHD,iCAwHC"}

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

@@ -0,0 +1,99 @@
+.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: 350px; /* Fixed width */
+  max-width: 90%; /* Maximum width relative to screen */
+  height: 300px;
+  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 {
+  margin-bottom: 4px;
+  font-size: 1rem;
+}
+
+/* Button adjustments */
+.memori--preset-buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: 8px;
+  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 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--slider-label {
+    font-size: 1.1rem;
+  }
+  
+  .memori--preset-buttons button {
+    padding: 10px 6px;
+    font-size: 1rem;
+  }
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './positionControls.css';
+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/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const configuration_1 = require("../../../../../helpers/configuration");
+const react_i18next_1 = require("react-i18next");
+const Slider_1 = tslib_1.__importDefault(require("../../../../../components/ui/Slider"));
+require("./positionControls.css");
+const Button_1 = tslib_1.__importDefault(require("../../../../ui/Button"));
+const Close_1 = tslib_1.__importDefault(require("../../../../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 = (0, react_1.useRef)({
+        height: avatarHeight,
+        depth: avatarDepth,
+        zoomed: false,
+        normal: false,
+        far: false,
+    });
+    const { t } = (0, react_i18next_1.useTranslation)();
+    (0, react_1.useEffect)(() => {
+        settingsRef.current.height = avatarHeight;
+        settingsRef.current.depth = avatarDepth;
+    }, [avatarHeight, avatarDepth]);
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === '-' || event.key === '_' && settingsRef.current.depth < 100) {
+                const newValue = Math.min(settingsRef.current.depth + 10, 100);
+                setAvatarDepth(newValue);
+                (0, configuration_1.setLocalConfig)('avatarDepth', newValue);
+            }
+            else if ((event.key === '+' || event.key === '=') &&
+                settingsRef.current.depth > -100) {
+                const newValue = Math.max(settingsRef.current.depth - 10, -100);
+                setAvatarDepth(newValue);
+                (0, configuration_1.setLocalConfig)('avatarDepth', newValue);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [setAvatarDepth]);
+    (0, react_1.useEffect)(() => {
+        const handleArrowUp = (event) => {
+            if (event.key === 'ArrowUp' && settingsRef.current.height < 100) {
+                const newValue = settingsRef.current.height + 5;
+                setAvatarHeight(newValue);
+                (0, configuration_1.setLocalConfig)('avatarHeight', newValue);
+            }
+        };
+        const handleArrowDown = (event) => {
+            if (event.key === 'ArrowDown' && settingsRef.current.height > 0) {
+                const newValue = settingsRef.current.height - 5;
+                setAvatarHeight(newValue);
+                (0, configuration_1.setLocalConfig)('avatarHeight', newValue);
+            }
+        };
+        window.addEventListener('keydown', handleArrowUp);
+        window.addEventListener('keydown', handleArrowDown);
+        return () => {
+            window.removeEventListener('keydown', handleArrowUp);
+            window.removeEventListener('keydown', handleArrowDown);
+        };
+    }, [setAvatarHeight]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--position-controls", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--position-controls-close", children: (0, jsx_runtime_1.jsx)(Button_1.default, { ghost: true, icon: (0, jsx_runtime_1.jsx)(Close_1.default, {}), outlined: true, danger: true, shape: "circle", className: "memori--position-controls-close-button", onClick: () => {
+                        setEnablePositionControls(false);
+                    } }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-container", children: (0, jsx_runtime_1.jsx)(Slider_1.default, { defaultValue: settingsRef.current.height, min: 0.5, max: 100, label: (0, jsx_runtime_1.jsx)("label", { className: "memori--slider-label", children: t('write_and_speak.height') }), step: 1, onChange: (value) => {
+                        setAvatarHeight(value);
+                        (0, configuration_1.setLocalConfig)('avatarHeight', value);
+                    } }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-container", children: (0, jsx_runtime_1.jsx)(Slider_1.default, { defaultValue: settingsRef.current.depth, min: 0.5, max: 100, step: 5, label: (0, jsx_runtime_1.jsx)("label", { className: "memori--slider-label", children: t('write_and_speak.depth') }), onChange: (value) => {
+                        setAvatarDepth(value);
+                        (0, configuration_1.setLocalConfig)('avatarDepth', value);
+                    } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--preset-buttons", children: [(0, jsx_runtime_1.jsx)(Button_1.default, { outlined: true, isActive: avatarHeight === (halfBody ? zoomedPosition.height : normalPosition.height) &&
+                            avatarDepth === (halfBody ? zoomedPosition.depth : normalPosition.depth), onClick: () => {
+                            setAvatarHeight(zoomedPosition.height);
+                            setAvatarDepth(zoomedPosition.depth);
+                            (0, configuration_1.setLocalConfig)('avatarHeight', zoomedPosition.height);
+                            (0, configuration_1.setLocalConfig)('avatarDepth', zoomedPosition.depth);
+                        }, children: t('write_and_speak.zoomed') }), (0, jsx_runtime_1.jsx)(Button_1.default, { outlined: true, isActive: avatarHeight === (halfBody ? normalPosition.height : zoomedPosition.height) &&
+                            avatarDepth === (halfBody ? normalPosition.depth : zoomedPosition.depth), onClick: () => {
+                            setAvatarHeight(normalPosition.height);
+                            setAvatarDepth(normalPosition.depth);
+                            (0, configuration_1.setLocalConfig)('avatarHeight', normalPosition.height);
+                            (0, configuration_1.setLocalConfig)('avatarDepth', normalPosition.depth);
+                        }, children: t('write_and_speak.normal') }), (0, jsx_runtime_1.jsx)(Button_1.default, { outlined: true, isActive: avatarHeight === (halfBody ? farPosition.height : normalPosition.height) &&
+                            avatarDepth === (halfBody ? farPosition.depth : normalPosition.depth), onClick: () => {
+                            setAvatarHeight(farPosition.height);
+                            setAvatarDepth(farPosition.depth);
+                            (0, configuration_1.setLocalConfig)('avatarHeight', farPosition.height);
+                            (0, configuration_1.setLocalConfig)('avatarDepth', farPosition.depth);
+                        }, children: t('write_and_speak.far') })] })] }));
+};
+exports.default = PositionControls;
+//# sourceMappingURL=positionControls.js.map

package/dist/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/dist/components/Avatar/AvatarView/index.d.ts

@@ -16,6 +16,9 @@ export interface Props {
     showControls?: boolean;
     isZoomed?: boolean;
     chatEmission?: any;
+    enablePositionControls?: boolean;
+    setEnablePositionControls: (value: boolean) => void;
+    isTotem?: boolean;
     setMeshRef?: any;
     stopProcessing: () => void;
     resetVisemeQueue: () => void;
@@ -24,4 +27,4 @@ export interface Props {
         weight: number;
     } | null;
 }
-export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, fallbackImg, halfBody, loading, animation, showControls, isZoomed, chatEmission, stopProcessing, resetVisemeQueue, updateCurrentViseme, }: Props): JSX.Element;
+export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, fallbackImg, halfBody, loading, animation, showControls, isZoomed, chatEmission, stopProcessing, resetVisemeQueue, updateCurrentViseme, enablePositionControls, setEnablePositionControls, isTotem, }: Props): JSX.Element;