@memori.ai/memori-react 7.7.1 → 7.8.0-rc.0

package/src/context/visemeContext.tsx

@@ -1,332 +1,179 @@
 import React, {
   createContext,
   useContext,
-  useState,
-  useCallback,
   useRef,
+  useCallback,
+  useState,
   useEffect,
 } from 'react';
-import { MathUtils, SkinnedMesh } from 'three';
 
-type AzureViseme = { visemeId: number; audioOffset: number };
-
-type ProcessedViseme = {
+type Viseme = {
   name: string;
-  duration: number;
   weight: number;
   startTime: number;
+  endTime: number;
 };
 
 interface VisemeContextType {
-  setMeshRef: (mesh: SkinnedMesh | null) => void;
-  addVisemeToQueue: (viseme: AzureViseme) => void;
-  processVisemeQueue: () => ProcessedViseme[];
-  clearVisemes: () => void;
-  isMeshSet: boolean;
-  setEmotion: (emotion: string) => void;
-  emotion: string;
-  getAzureStyleForEmotion: (emotion: string) => string;
+  addViseme: (visemeId: number, audioOffset: number) => void;
+  updateCurrentViseme: (currentTime: number) => Viseme | null;
+  startProcessing: () => void;
+  stopProcessing: () => void;
+  resetVisemeQueue: () => void;
+  resetAndStartProcessing: () => void;
+  isProcessing: boolean;
 }
 
 const VisemeContext = createContext<VisemeContextType | undefined>(undefined);
 
-const VISEME_SMOOTHING = 0.3;
-const DEFAULT_VISEME_DURATION = 0.1;
-const MINIMUM_ELAPSED_TIME = 0.01;
-const VISEME_SPEED_FACTOR = 1;
-const AUDIO_PLAYBACK_RATE = 1;
-const VISEME_BASE_SPEED = 1;
-
 const VISEME_MAP: { [key: number]: string } = {
-  0: 'viseme_sil',
-  1: 'viseme_PP',
-  2: 'viseme_FF',
-  3: 'viseme_TH',
-  4: 'viseme_DD',
-  5: 'viseme_kk',
-  6: 'viseme_CH',
-  7: 'viseme_SS',
-  8: 'viseme_nn',
-  9: 'viseme_RR',
-  10: 'viseme_aa',
-  11: 'viseme_E',
-  12: 'viseme_I',
-  13: 'viseme_O',
-  14: 'viseme_U',
-  15: 'viseme_kk',
-  16: 'viseme_CH',
-  17: 'viseme_SS',
-  18: 'viseme_TH',
-  19: 'viseme_RR',
-  20: 'viseme_kk',
-  21: 'viseme_PP',
+  0: 'viseme_sil', // silence
+  1: 'viseme_PP', // p, b, m
+  2: 'viseme_FF', // f, v
+  3: 'viseme_TH', // th, dh
+  4: 'viseme_DD', // t, d, n, l
+  5: 'viseme_kk', // k, g, ng
+  6: 'viseme_CH', // tS, dZ, S, Z
+  7: 'viseme_SS', // s, z
+  8: 'viseme_nn', // Not explicitly defined in Azure mapping, keeping for compatibility
+  9: 'viseme_RR', // r
+  10: 'viseme_aa', // A:
+  11: 'viseme_E', // e
+  12: 'viseme_I', // I
+  13: 'viseme_O', // O
+  14: 'viseme_U', // u
+  // Mapping the rest based on closest matches or keeping them as in the original mapping
+  15: 'viseme_kk', // g, k (same as 5)
+  16: 'viseme_CH', // ch, j, sh, zh (same as 6)
+  17: 'viseme_SS', // s, z (same as 7)
+  18: 'viseme_TH', // th, dh (same as 3)
+  19: 'viseme_RR', // r (same as 9)
+  20: 'viseme_kk', // w (closest match, could be debated)
+  21: 'viseme_PP', // y (closest match, could be debated)
 };
 
+const DEFAULT_VISEME_DURATION = 0.04; //0; // Reduced from 0.4 for smoother transitions
+const VISEME_OVERLAP = 0.15; // Slightly increased from 0.04 for more overlap
+const SMOOTHING_FACTOR = 0.35; // New constant for weight smoothing
+const TIME_OFFSET = -0.04; // Adjust this value as needed (in seconds)
+const PRELOAD_TIME = 1; // Preload visemes 0.5 seconds in advance
+
 export const VisemeProvider: React.FC<{ children: React.ReactNode }> = ({
   children,
 }) => {
-  const [isMeshSet, setIsMeshSet] = useState(false);
-  const [emotion, setEmotion] = useState('Neutral');
-  const isAnimatingRef = useRef(false);
-  const currentVisemesRef = useRef<ProcessedViseme[]>([]);
-  const visemeQueueRef = useRef<AzureViseme[]>([]);
-  const animationFrameRef = useRef<number | null>(null);
+  const visemeQueueRef = useRef<Viseme[]>([]);
   const startTimeRef = useRef<number | null>(null);
-  const currentVisemeWeightRef = useRef<{ [key: string]: number }>({});
-  const meshRef = useRef<SkinnedMesh | null>(null);
-
-  const lerp = (start: number, end: number, alpha: number): number => {
-    return start * (1 - alpha) + end * alpha;
-  };
-
-  const easeInOutQuad = (x: number): number => {
-    return x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2;
-  };
-
-  const setMeshRef = useCallback(
-    (mesh: SkinnedMesh | null) => {
-      if (mesh && mesh.morphTargetDictionary && mesh.morphTargetInfluences) {
-        meshRef.current = mesh;
-        setIsMeshSet(true);
-      } else {
-        console.error('Invalid mesh provided:', mesh);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const lastVisemeRef = useRef<Viseme | null>(null);
+
+  const addViseme = useCallback(
+    (visemeId: number, audioOffset: number) => {
+      const visemeName = VISEME_MAP[visemeId] || 'viseme_sil';
+      const startTime = audioOffset / 10000000 + TIME_OFFSET;
+      const endTime = startTime + DEFAULT_VISEME_DURATION;
+      const newViseme: Viseme = {
+        name: visemeName,
+        weight: 0,
+        startTime,
+        endTime,
+      };
+      visemeQueueRef.current.push(newViseme);
+
+      if (!isProcessing) {
+        startProcessing();
       }
     },
-    [meshRef]
+    [isProcessing]
   );
 
-  const addVisemeToQueue = useCallback((viseme: AzureViseme) => {
-    visemeQueueRef.current.push(viseme);
-  }, []);
-
-  const getCurrentViseme = useCallback((elapsedTime: number) => {
-    if (elapsedTime < MINIMUM_ELAPSED_TIME) return null;
-
-    return currentVisemesRef.current.find((viseme, index) => {
-      const nextViseme = currentVisemesRef.current[index + 1];
-      return (
-        elapsedTime >= viseme.startTime &&
-        (!nextViseme || elapsedTime < nextViseme.startTime)
-      );
-    });
-  }, []);
-
-  const getDynamicSpeedFactor = (visemeDuration: number): number => {
-    const baseDuration = 0.1;
-    return (
-      VISEME_BASE_SPEED * (baseDuration / visemeDuration) * AUDIO_PLAYBACK_RATE
-    );
-  };
-
-  const applyViseme = useCallback(
-    (viseme: ProcessedViseme, elapsedTime: number) => {
-      if (!meshRef.current) {
-        console.error('Mesh not set');
-        return;
+  const updateCurrentViseme = useCallback(
+    (currentTime: number): Viseme | null => {
+      if (!isProcessing || startTimeRef.current === null) {
+        console.log('StartTimeRef not set');
+        return null;
       }
 
-      const visemeProgress = Math.min(
-        (elapsedTime - viseme.startTime) / viseme.duration,
-        1
-      );
-
-      const dynamicSpeedFactor = getDynamicSpeedFactor(viseme.duration);
-      const adjustedProgress = visemeProgress * dynamicSpeedFactor;
+      const elapsedTime = currentTime - startTimeRef.current + PRELOAD_TIME;
 
-      const easedProgress = easeInOutQuad(adjustedProgress);
-      const targetWeight = Math.sin(easedProgress * Math.PI) * viseme.weight;
+      // Remove expired visemes
+      visemeQueueRef.current = visemeQueueRef.current.filter(
+        v => v.endTime > elapsedTime
+      );
 
-      currentVisemeWeightRef.current[viseme.name] = MathUtils.lerp(
-        currentVisemeWeightRef.current[viseme.name] || 0,
-        targetWeight,
-        VISEME_SMOOTHING
+      const currentViseme = visemeQueueRef.current.find(
+        v =>
+          v.startTime <= elapsedTime && v.endTime > elapsedTime - VISEME_OVERLAP
       );
 
-      const visemeIndex = meshRef.current.morphTargetDictionary?.[viseme.name];
-      if (
-        typeof visemeIndex === 'number' &&
-        meshRef.current.morphTargetInfluences
-      ) {
-        meshRef.current.morphTargetInfluences[visemeIndex] =
-          currentVisemeWeightRef.current[viseme.name];
-      } else {
-        console.error(
-          `Viseme not found in morph target dictionary: ${viseme.name}`
-        );
+      if (currentViseme) {
+        console.log('CurrentViseme Found!');
+        const visemeProgress =
+          (elapsedTime - currentViseme.startTime) /
+          (currentViseme.endTime - currentViseme.startTime);
+        const targetWeight = Math.sin(Math.PI * Math.min(visemeProgress, 1));
+
+        // Smooth the weight transition
+        const smoothedWeight = lastVisemeRef.current
+          ? lastVisemeRef.current.weight +
+            (targetWeight - lastVisemeRef.current.weight) * SMOOTHING_FACTOR
+          : targetWeight;
+
+        const updatedViseme = { ...currentViseme, weight: smoothedWeight };
+        lastVisemeRef.current = updatedViseme;
+        return updatedViseme;
       }
 
-      Object.keys(currentVisemeWeightRef.current).forEach((visemeName) => {
-        if (visemeName !== viseme.name) {
-          currentVisemeWeightRef.current[visemeName] = lerp(
-            currentVisemeWeightRef.current[visemeName],
-            0,
-            VISEME_SMOOTHING * 0.5
-          );
-
-          const index = meshRef.current!.morphTargetDictionary?.[visemeName];
-          if (typeof index === 'number' && meshRef.current!.morphTargetInfluences) {
-            meshRef.current!.morphTargetInfluences[index] = currentVisemeWeightRef.current[visemeName];
-          }
+      // Gradually reduce weight when no viseme is active
+      if (lastVisemeRef.current) {
+        const reducedWeight =
+          lastVisemeRef.current.weight * (1 - SMOOTHING_FACTOR);
+        if (reducedWeight > 0.01) {
+          lastVisemeRef.current = {
+            ...lastVisemeRef.current,
+            weight: reducedWeight,
+          };
+          return lastVisemeRef.current;
         }
-      });
-    },
-    []
-  );
-
-  const animate = useCallback(
-    (time: number) => {
-      if (startTimeRef.current === null) {
-        startTimeRef.current = time;
-      }
-
-      const elapsedTime =
-        ((time - startTimeRef.current) / 1000) * VISEME_SPEED_FACTOR;
-
-      const currentViseme = getCurrentViseme(elapsedTime);
-
-      if (currentViseme) {
-        applyViseme(currentViseme, elapsedTime);
       }
 
-      if (
-        currentVisemesRef.current.length > 0 &&
-        elapsedTime <
-          currentVisemesRef.current[currentVisemesRef.current.length - 1]
-            .startTime +
-            currentVisemesRef.current[currentVisemesRef.current.length - 1]
-              .duration
-      ) {
-        animationFrameRef.current = requestAnimationFrame(animate);
-      } else {
-        clearVisemes();
-      }
+      lastVisemeRef.current = null;
+      return null;
     },
-    [getCurrentViseme, applyViseme]
+    [isProcessing]
   );
 
-  const processVisemeQueue = useCallback(() => {
-    const azureVisemes = [...visemeQueueRef.current];
-    visemeQueueRef.current = [];
-
-    if (azureVisemes.length === 0) {
-      return [];
-    }
-
-    const processedVisemes: ProcessedViseme[] = azureVisemes.map(
-      (currentViseme, i) => {
-        const nextViseme = azureVisemes[i + 1];
-        const duration = nextViseme
-          ? (nextViseme.audioOffset - currentViseme.audioOffset) / 10000000
-          : DEFAULT_VISEME_DURATION;
-
-        const processedViseme = {
-          name: VISEME_MAP[currentViseme.visemeId] || 'viseme_sil',
-          duration,
-          weight: 1,
-          startTime: currentViseme.audioOffset / 10000000,
-        };
-        return processedViseme;
-      }
-    );
-
-    const interpolatedVisemes: ProcessedViseme[] = [];
-    for (let i = 0; i < processedVisemes.length - 1; i++) {
-      const currentViseme = processedVisemes[i];
-      const nextViseme = processedVisemes[i + 1];
-      
-      interpolatedVisemes.push(currentViseme);
-      
-      const intermediateDuration = (nextViseme.startTime - currentViseme.startTime) * 0.5;
-      interpolatedVisemes.push({
-        name: 'viseme_sil',
-        duration: intermediateDuration,
-        weight: 0.5,
-        startTime: currentViseme.startTime + intermediateDuration,
-      });
-    }
-    interpolatedVisemes.push(processedVisemes[processedVisemes.length - 1]);
-
-    currentVisemesRef.current = interpolatedVisemes;
-
-    if (!isAnimatingRef.current) {
-      isAnimatingRef.current = true;
-      startTimeRef.current = performance.now();
-      animationFrameRef.current = requestAnimationFrame(animate);
-    } else {
-      if (startTimeRef.current !== null) {
-        const currentTime = performance.now();
-        const elapsedTime =
-          ((currentTime - startTimeRef.current) / 1000) * VISEME_SPEED_FACTOR;
-        startTimeRef.current =
-          currentTime - (elapsedTime / VISEME_SPEED_FACTOR) * 1000;
-      }
-    }
-
-    return interpolatedVisemes;
-  }, [animate]);
+  const startProcessing = useCallback(() => {
+    // if (isProcessing) return;
+    startTimeRef.current = performance.now() / 1000;
+    setIsProcessing(true);
+  }, [isProcessing]);
 
-  const clearVisemes = useCallback(() => {
-    currentVisemesRef.current = [];
-    visemeQueueRef.current = [];
-
-    if (animationFrameRef.current !== null) {
-      cancelAnimationFrame(animationFrameRef.current);
-      animationFrameRef.current = null;
-    }
-
-    if (
-      meshRef.current?.morphTargetDictionary &&
-      meshRef.current?.morphTargetInfluences
-    ) {
-      Object.values(meshRef.current.morphTargetDictionary).forEach(index => {
-        if (typeof index === 'number') {
-          meshRef.current!.morphTargetInfluences![index] = 0;
-        }
-      });
-    }
-
-    currentVisemeWeightRef.current = {};
+  const stopProcessing = useCallback(() => {
+    setIsProcessing(false);
     startTimeRef.current = null;
-    isAnimatingRef.current = false;
+    lastVisemeRef.current = null;
   }, []);
 
-  const emotionMap: Record<string, Record<string, number>> = {
-    Gioia: { Gioria: 1 },
-    Rabbia: { Rabbia: 1 },
-    Sorpresa: { Sorpresa: 1 },
-    Tristezza: { Tristezza: 1 },
-    Timore: { Timore: 1 },
-  };
-
-  const emotionToAzureStyleMap: Record<string, string> = {
-    Gioia: 'cheerful',
-    Rabbia: 'angry',
-    Sorpresa: 'excited',
-    Tristezza: 'sad',
-    Timore: 'terrified',
-  };
-
-  function getAzureStyleForEmotion(emotion: string): string {
-    return emotionToAzureStyleMap[emotion] || 'neutral';
-  }
-
-  useEffect(() => {
-    return () => {
-      if (animationFrameRef.current !== null) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
-    };
+  const resetVisemeQueue = useCallback(() => {
+    visemeQueueRef.current = [];
+    lastVisemeRef.current = null;
   }, []);
 
-  const contextValue: VisemeContextType = {
-    setMeshRef,
-    addVisemeToQueue,
-    processVisemeQueue,
-    clearVisemes,
-    isMeshSet,
-    setEmotion,
-    emotion,
-    getAzureStyleForEmotion,
+  const resetAndStartProcessing = useCallback(() => {
+    stopProcessing();
+    resetVisemeQueue();
+    startTimeRef.current = performance.now() / 1000;
+    setIsProcessing(true);
+  }, [stopProcessing, resetVisemeQueue]);
+
+  const contextValue = {
+    addViseme,
+    updateCurrentViseme,
+    startProcessing,
+    stopProcessing,
+    resetAndStartProcessing,
+    resetVisemeQueue,
+    isProcessing,
   };
 
   return (
@@ -338,8 +185,8 @@ export const VisemeProvider: React.FC<{ children: React.ReactNode }> = ({
 
 export const useViseme = (): VisemeContextType => {
   const context = useContext(VisemeContext);
-  if (context === undefined) {
+  if (!context) {
     throw new Error('useViseme must be used within a VisemeProvider');
   }
   return context;
-};
+};

package/dist/components/AttachmentMediaModal/AttachmentMediaModal.d.ts

@@ -1,14 +0,0 @@
-import { Asset, ResponseSpec } from '@memori.ai/memori-api-client/dist/types';
-export interface Props {
-    visible: boolean;
-    authToken: string;
-    sessionID: string;
-    tenantID: string;
-    uploadAssetURL: string;
-    deleteAsset: (token: string, assetURL: string) => Promise<ResponseSpec>;
-    onCancel?: () => void;
-    onOk: (asset: Asset) => Promise<void>;
-    apiURL?: string;
-}
-declare const AttachmentMediaModal: ({ visible, authToken, sessionID, tenantID, uploadAssetURL, deleteAsset, onCancel, onOk, apiURL, }: Props) => JSX.Element;
-export default AttachmentMediaModal;

package/dist/components/AttachmentMediaModal/AttachmentMediaModal.js

@@ -1,66 +0,0 @@
-"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_i18next_1 = require("react-i18next");
-const error_1 = require("../../helpers/error");
-const constants_1 = require("../../helpers/constants");
-const media_1 = require("../../helpers/media");
-const Modal_1 = tslib_1.__importDefault(require("../ui/Modal"));
-const Message_1 = tslib_1.__importDefault(require("../ui/Message"));
-const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
-const ImageUpload_1 = tslib_1.__importDefault(require("../ImageUpload/ImageUpload"));
-const AttachmentMediaModal = ({ visible, authToken, sessionID, tenantID, uploadAssetURL, deleteAsset, onCancel, onOk, apiURL, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const [asset, setAsset] = (0, react_1.useState)();
-    return ((0, jsx_runtime_1.jsx)(Modal_1.default, { open: visible, title: t('media.addMediaLabel'), className: "attachment-media-modal", closable: true, width: "100%", widthMd: "100%", onClose: () => {
-            if (onCancel)
-                onCancel();
-        }, footer: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onCancel, children: t('cancel') }), (0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, onClick: () => {
-                        if (asset)
-                            onOk(asset);
-                        setAsset(undefined);
-                    }, disabled: !asset, children: t('confirm') })] }), children: (0, jsx_runtime_1.jsx)(ImageUpload_1.default, { tenantID: tenantID, apiUrl: apiURL, uploadMultipleImages: false, maxNumberOfVisualizedUploads: 1, maxFileSizeInMB: 100, uploadUrl: uploadAssetURL, useImageCrop: false, allowedMimeTypes: constants_1.allowedMediaTypes, fileList: asset
-                ? [
-                    {
-                        uid: `-1`,
-                        name: asset.assetID,
-                        status: 'done',
-                        thumbUrl: (0, media_1.getResourceUrl)({
-                            resourceURI: asset.assetURL,
-                            tenantID,
-                            apiURL,
-                            sessionID,
-                        }),
-                    },
-                ]
-                : [], uploadMessage: t('media.mediaUploadMessage'), imageProportions: 1, onUploadFinished: (file) => {
-                let newAsset = file.response.asset;
-                let response = file.response;
-                if (response.resultCode === 0) {
-                    setAsset(newAsset);
-                }
-                else {
-                    console.error(response, file);
-                    Message_1.default.error(t((0, error_1.getErrori18nKey)(response.resultCode)));
-                }
-            }, onFileChanged: (_assetID, asset) => {
-                setAsset(a => ({
-                    ...(a || {}),
-                    ...asset,
-                }));
-            }, onRemove: async (file) => {
-                const resp = await deleteAsset(authToken, file.thumbUrl);
-                if (resp.resultCode === 0) {
-                    setAsset(undefined);
-                }
-                else {
-                    console.error(resp, file);
-                    Message_1.default.error(t((0, error_1.getErrori18nKey)(resp.resultCode)));
-                }
-                return resp.resultCode === 0;
-            } }) }));
-};
-exports.default = AttachmentMediaModal;
-//# sourceMappingURL=AttachmentMediaModal.js.map

package/dist/components/AttachmentMediaModal/AttachmentMediaModal.js.map

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

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

@@ -1,23 +0,0 @@
-import React from 'react';
-interface BaseAction {
-    weight: number;
-    action?: string;
-}
-interface AdditiveAction {
-    weight: number;
-    action?: string;
-}
-export interface AnimationControlPanelProps {
-    baseActions: Record<string, BaseAction>;
-    additiveActions: Record<string, AdditiveAction>;
-    onBaseActionChange: (action: string) => void;
-    onAdditiveActionChange?: (action: string, weight: number) => void;
-    currentBaseAction: {
-        action: string;
-        weight: number;
-    };
-    modifyTimeScale: (value: number) => void;
-    timeScale: number;
-}
-declare const AnimationControlPanel: React.FC<AnimationControlPanelProps>;
-export default AnimationControlPanel;

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

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const lil_gui_1 = tslib_1.__importDefault(require("lil-gui"));
-const AnimationControlPanel = ({ onBaseActionChange, onAdditiveActionChange, baseActions, additiveActions, modifyTimeScale, timeScale, }) => {
-    const guiRef = (0, react_1.useRef)(null);
-    const panelSettingsRef = (0, react_1.useRef)({
-        'modify time scale': timeScale,
-    });
-    const crossFadeControlsRef = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(() => {
-        const gui = new lil_gui_1.default({ width: 310 });
-        guiRef.current = gui;
-        const folder1 = gui.addFolder('Base Actions');
-        const folder2 = gui.addFolder('Additive Action Weights');
-        const folder3 = gui.addFolder('General Speed');
-        const baseNames = ['None', ...Object.keys(baseActions)];
-        baseNames.forEach(name => {
-            const settings = baseActions[name];
-            panelSettingsRef.current[name] = () => {
-                onBaseActionChange(name);
-            };
-            const control = folder1.add(panelSettingsRef.current, name);
-            crossFadeControlsRef.current.push(control);
-        });
-        Object.entries(additiveActions).forEach(([name, settings]) => {
-            panelSettingsRef.current[name] = settings.weight;
-            folder2
-                .add(panelSettingsRef.current, name, 0.0, 1.0, 0.01)
-                .listen()
-                .onChange((weight) => {
-                settings.weight = weight;
-                onAdditiveActionChange === null || onAdditiveActionChange === void 0 ? void 0 : onAdditiveActionChange(name, weight);
-            });
-        });
-        folder3
-            .add(panelSettingsRef.current, 'modify time scale', 0.0, 1.5, 0.01)
-            .onChange((value) => {
-            modifyTimeScale(value);
-        });
-        folder1.open();
-        folder2.open();
-        folder3.open();
-        return () => {
-            gui.destroy();
-        };
-    }, [
-        onBaseActionChange,
-        onAdditiveActionChange,
-    ]);
-    return null;
-};
-exports.default = AnimationControlPanel;
-//# sourceMappingURL=controls.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/controls.tsx"],"names":[],"mappings":";;;AAAA,iCAA2D;AAC3D,8DAA0B;AAyB1B,MAAM,qBAAqB,GAAyC,CAAC,EACnE,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,cAAM,EAAa,IAAI,CAAC,CAAC;IACxC,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAsB;QACnD,mBAAmB,EAAE,SAAS;KAC/B,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAQ,EAAE,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QAEb,MAAM,GAAG,GAAG,IAAI,iBAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC;QAErB,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;QACzD,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QAE/C,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAExD,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvB,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;YACnC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE;gBACpC,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC,CAAC;YAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC5D,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE;YAC3D,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjD,OAAO;iBACJ,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;iBACnD,MAAM,EAAE;iBACR,QAAQ,CAAC,CAAC,MAAc,EAAE,EAAE;gBAC3B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;gBACzB,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAG,IAAI,EAAE,MAAM,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,OAAO;aACJ,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;aAClE,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;YAC1B,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QAEL,OAAO,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,kBAAkB;QAClB,sBAAsB;KACvB,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

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

@@ -1,19 +0,0 @@
-export interface FullbodyAvatarProps {
-    url: string;
-    sex: 'MALE' | 'FEMALE';
-    onLoaded?: () => void;
-    currentBaseAction: {
-        action: string;
-        weight: number;
-    };
-    additiveActions: {
-        [key: string]: {
-            weight: number;
-        };
-    };
-    timeScale: number;
-    loading?: boolean;
-    speaking?: boolean;
-    isZoomed?: boolean;
-}
-export default function FullbodyAvatar({ url, sex, onLoaded, currentBaseAction, additiveActions, timeScale, isZoomed, }: FullbodyAvatarProps): JSX.Element;