@memori.ai/memori-react 6.8.1 → 6.8.4

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISEME_SMOOTHING = exports.EMOTION_SMOOTHING = exports.DEFAULT_CONFIG = exports.BLINK_CONFIG = exports.ANIMATION_URLS = exports.MAPPING_BLEND_SHAPE_TO_EMOTION_RPM = exports.MAPPING_EMOTIONS_ITALIAN_TO_ENGLISH = exports.MAX_IDLE_LOOPS_DEFAULT = 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.MAX_IDLE_LOOPS_DEFAULT = 5;
+exports.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',
+    },
+];
+exports.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,
+        },
+    },
+];
+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/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/AvatarComponent/constants.ts"],"names":[],"mappings":";;;AAAA,iCAAuC;AAI1B,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;AAGlD,QAAA,iBAAiB,GAAG,GAAG,CAAC;AAGxB,QAAA,sBAAsB,GAAG,CAAC,CAAC;AAgB3B,QAAA,mCAAmC,GAAmB;IACjE;QACE,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,OAAO;KACjB;IACD;QACE,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,UAAU;KACpB;IACD;QACE,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,SAAS;KACnB;IACD;QACE,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAGW,QAAA,kCAAkC,GAAkB;IAC/D;QACE,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;QAChD,WAAW,EAAE;YACX,cAAc,EAAE,GAAG;YACnB,eAAe,EAAE,GAAG;YACpB,iBAAiB,EAAE,GAAG;YACtB,kBAAkB,EAAE,GAAG;YACvB,YAAY,EAAE,CAAC,GAAG;SACnB;KACF;IACD;QACE,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;QAC/C,WAAW,EAAE;YACX,iBAAiB,EAAE,CAAC,GAAG;YACvB,kBAAkB,EAAE,CAAC,GAAG;YACxB,aAAa,EAAE,CAAC,GAAG;YACnB,cAAc,EAAE,CAAC,GAAG;SACrB;KACF;IACD;QACE,OAAO,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE;QACrD,WAAW,EAAE;YACX,cAAc,EAAE,CAAC,GAAG;YACpB,eAAe,EAAE,CAAC,GAAG;YACrB,eAAe,EAAE,GAAG;YACpB,gBAAgB,EAAE,GAAG;YACrB,YAAY,EAAE,CAAC,GAAG;SACnB;KACF;IACD;QACE,OAAO,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE;QACrD,WAAW,EAAE;YACX,aAAa,EAAE,GAAG;YAClB,iBAAiB,EAAE,GAAG;YACtB,kBAAkB,EAAE,GAAG;YACvB,aAAa,EAAE,GAAG;YAClB,cAAc,EAAE,GAAG;SACpB;KACF;IACD;QACE,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC7C,WAAW,EAAE;YACX,cAAc,EAAE,GAAG;YACnB,eAAe,EAAE,GAAG;YACpB,aAAa,EAAE,GAAG;YAClB,YAAY,EAAE,GAAG;SAClB;KACF;CACF,CAAC;AAGW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,gFAAgF;IACtF,MAAM,EACJ,gFAAgF;CACnF,CAAC;AAGW,QAAA,YAAY,GAAG;IAC1B,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,GAAG;CACnB,CAAC;AAGW,QAAA,cAAc,GAAoB;IAC7C,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,GAAG;CACf,CAAC;AAGW,QAAA,iBAAiB,GAAG,GAAG,CAAC;AACxB,QAAA,gBAAgB,GAAG,GAAG,CAAC"}

package/dist/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/dist/components/Avatar/AvatarView/AvatarComponent/lights/Lights.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIGHT_CONFIG = exports.definedProps = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fiber_1 = require("@react-three/fiber");
+const react_1 = require("react");
+const three_1 = require("three");
+const fromEntries = (arr) => Object.assign({}, ...arr.map(([k, v]) => ({ [k]: v })));
+const definedProps = (obj) => fromEntries(Object.entries(obj).filter(([_, v]) => v !== undefined));
+exports.definedProps = definedProps;
+exports.LIGHT_CONFIG = Object.freeze({
+    fillLightAngle: Math.PI / 3,
+    backLightAngle: Math.PI / 8,
+    keyLightAngle: Math.PI / 2,
+    silhouetteLightAngle: Math.PI * 1.25,
+    keyLightPosition: new three_1.Vector3(0.75, 1.75, 0.75),
+    liftLightPosition: new three_1.Vector3(0.25, 1.5, 2.0),
+    dirLightPosition: new three_1.Vector3(-0.75, 2.5, -1.0),
+    silhouetteLightPosition: new three_1.Vector3(-1.25, 0.25, -1.25),
+    defaultProps: {
+        keyLightIntensity: 1.2,
+        keyLightColor: '#FFF5EB',
+        fillLightIntensity: 2.5,
+        fillLightColor: '#A4C4FF',
+        fillLightPosition: new three_1.Vector3(-0.6, 1.7, -0.4),
+        backLightIntensity: 4.0,
+        backLightColor: '#FFD4A8',
+        backLightPosition: new three_1.Vector3(0.6, 1.7, -1.0),
+        lightTarget: new three_1.Vector3(0.0, 1.65, 0.0),
+    },
+});
+const Lights = lightingProps => {
+    const { keyLightIntensity, keyLightColor, fillLightIntensity, fillLightColor, fillLightPosition, backLightIntensity, backLightColor, backLightPosition, lightTarget, } = Object.assign(exports.LIGHT_CONFIG.defaultProps, (0, exports.definedProps)(lightingProps));
+    const { scene } = (0, fiber_1.useThree)();
+    const [targets] = (0, react_1.useState)({
+        head: new three_1.Object3D(),
+        shoe: new three_1.Object3D(),
+    });
+    (0, react_1.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 ((0, jsx_runtime_1.jsxs)("group", { children: [(0, jsx_runtime_1.jsx)("spotLight", { position: fillLightPosition, target: targets.head, angle: exports.LIGHT_CONFIG.fillLightAngle, color: fillLightColor, intensity: fillLightIntensity, castShadow: true, "shadow-bias": -0.0001, penumbra: 0.2 }), (0, jsx_runtime_1.jsx)("spotLight", { position: backLightPosition, target: targets.head, angle: exports.LIGHT_CONFIG.backLightAngle, color: backLightColor, intensity: backLightIntensity, castShadow: true, "shadow-bias": -0.0001, penumbra: 0.2 }), (0, jsx_runtime_1.jsx)("spotLight", { position: exports.LIGHT_CONFIG.keyLightPosition, target: targets.head, angle: exports.LIGHT_CONFIG.keyLightAngle, color: keyLightColor, intensity: keyLightIntensity, penumbra: 0.3, castShadow: true }), (0, jsx_runtime_1.jsx)("spotLight", { position: exports.LIGHT_CONFIG.liftLightPosition, target: targets.shoe, angle: exports.LIGHT_CONFIG.keyLightAngle, color: keyLightColor, intensity: keyLightIntensity * 0.3, penumbra: 0.4 }), (0, jsx_runtime_1.jsx)("spotLight", { position: exports.LIGHT_CONFIG.silhouetteLightPosition, target: targets.head, angle: exports.LIGHT_CONFIG.silhouetteLightAngle, color: keyLightColor, intensity: keyLightIntensity * 0.3, penumbra: 0.3 }), (0, jsx_runtime_1.jsx)("ambientLight", { intensity: 0.2, color: "#FFF8EF" })] }));
+};
+exports.default = Lights;
+//# sourceMappingURL=Lights.js.map

package/dist/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":"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"}

package/dist/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/dist/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/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js

@@ -0,0 +1,110 @@
+"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"));
+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)(Slider_1.default, { defaultValue: settingsRef.current.height, min: 0.5, max: 100, label: t('write_and_speak.height'), step: 1, onChange: (value) => {
+                    setAvatarHeight(value);
+                    (0, configuration_1.setLocalConfig)('avatarHeight', value);
+                } }), (0, jsx_runtime_1.jsx)(Slider_1.default, { defaultValue: settingsRef.current.depth, min: 0.5, max: 100, step: 5, label: 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

@@ -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/dist/components/Avatar/AvatarView/index.js

@@ -0,0 +1,68 @@
+"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 react_2 = require("react");
+const fiber_1 = require("@react-three/fiber");
+const drei_1 = require("@react-three/drei");
+const avatarComponent_1 = require("./AvatarComponent/avatarComponent");
+const positionControls_1 = tslib_1.__importDefault(require("./AvatarComponent/positionControls/positionControls"));
+const configuration_1 = require("../../../helpers/configuration");
+const loader_1 = tslib_1.__importDefault(require("./AvatarComponent/components/loader"));
+const Lights_1 = tslib_1.__importDefault(require("./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],
+    };
+};
+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] = (0, react_1.useState)(() => getCameraSettings(halfBody, isZoomed || false).position[2]);
+    const getAvatarHeight = () => {
+        if (isTotem) {
+            const height = (0, configuration_1.getLocalConfig)('avatarHeight', 50);
+            return height;
+        }
+        if (halfBody) {
+            return 80;
+        }
+        return isZoomed ? 16 : 65;
+    };
+    const getAvatarDepth = () => {
+        if (isTotem) {
+            const depth = (0, configuration_1.getLocalConfig)('avatarDepth', 50);
+            return depth;
+        }
+        if (halfBody) {
+            return 50;
+        }
+        return isZoomed ? 5 : 100;
+    };
+    const [avatarHeight, setAvatarHeight] = (0, react_1.useState)(getAvatarHeight());
+    const [avatarDepth, setAvatarDepth] = (0, react_1.useState)(getAvatarDepth());
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [enablePositionControls && ((0, jsx_runtime_1.jsx)(positionControls_1.default, { avatarHeight: avatarHeight, avatarDepth: avatarDepth, halfBody: halfBody, setAvatarHeight: setAvatarHeight, setAvatarDepth: setAvatarDepth, setEnablePositionControls: setEnablePositionControls })), (0, jsx_runtime_1.jsxs)(fiber_1.Canvas, { style: style || defaultStyles.fullBody, shadows: true, dpr: [1, 2], gl: {
+                    antialias: true,
+                    alpha: true,
+                    powerPreference: "high-performance",
+                    stencil: false
+                }, children: [(0, jsx_runtime_1.jsx)(drei_1.PerspectiveCamera, { makeDefault: true, position: [0, 0, cameraZ], fov: getCameraSettings(halfBody, isZoomed || false).fov, near: 0.1, far: 1000 }), rotateAvatar && ((0, jsx_runtime_1.jsx)(drei_1.OrbitControls, { enablePan: false, enableZoom: false, target: [0, 0, 0], enableDamping: true, dampingFactor: 0.05 })), (0, jsx_runtime_1.jsxs)(react_2.Suspense, { fallback: fallback || (0, jsx_runtime_1.jsx)(loader_1.default, { fallbackImg: fallbackImg }), children: [(0, jsx_runtime_1.jsx)(Lights_1.default, {}), (0, jsx_runtime_1.jsx)(avatarComponent_1.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 })] })] })] }));
+}
+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/hideHands.d.ts

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hideHands = void 0;
+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;
+//# sourceMappingURL=hideHands.js.map

package/dist/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":";;;AAEO,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;AARW,QAAA,SAAS,aAQpB"}

package/dist/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 {};