@memori.ai/memori-react 7.4.5 → 7.5.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 
 
+## [7.5.0](https://github.com/memori-ai/memori-react/compare/v7.4.6...v7.5.0) (2024-09-23)
+
+
+### Features
+
+* add new ui langs es, fr, de ([a15341c](https://github.com/memori-ai/memori-react/commit/a15341ceec7f8bc85a5b7c231b8e06ab6364cbcd))
+* added additive action weights change ([0fe809e](https://github.com/memori-ai/memori-react/commit/0fe809e20e58bae196936a9f9109910c4c6bbce5))
+* added showControls prop to Storybook ([fdb1f42](https://github.com/memori-ai/memori-react/commit/fdb1f4206b3ba8f949cdfe58d98568e53e0ca836))
+* added smooth animation transition ([c6abba8](https://github.com/memori-ai/memori-react/commit/c6abba85e5d396e218fb556a9f607eeab3df5b28))
+* added talking and loading animations triggered by corresponding props ([601f81d](https://github.com/memori-ai/memori-react/commit/601f81d520c7dda903be6ac74c4b7ef6544c48c4))
+* change ui lang updating spoken lang ([d30b921](https://github.com/memori-ai/memori-react/commit/d30b9210ef6300fe1fe6704a620e8605fec3c8a5))
+
+
+### Changes
+
+* added new gui for animations control ([428cb6f](https://github.com/memori-ai/memori-react/commit/428cb6f898d42b3775be7f0c4da6681dd0d71a35))
+* refactored directories RPM 3D Avatar ([1a1b9fa](https://github.com/memori-ai/memori-react/commit/1a1b9faf1018e9ce2e8ab7c67227fdfb05236b0d))
+
+
+### Maintenance
+
+* cleanup, fix avatar blob fallback ([74b522e](https://github.com/memori-ai/memori-react/commit/74b522e26f8de499ecf3e53050b8f33a782e9bbc))
+* update error codes ([b760518](https://github.com/memori-ai/memori-react/commit/b760518e64cfd472426cf3d718ec764d0b43739f))
+* update error codes ([7995e5d](https://github.com/memori-ai/memori-react/commit/7995e5d0b782bafa8f85bffb83dfc2ee104783f5))
+
+## [7.4.6](https://github.com/memori-ai/memori-react/compare/v7.4.5...v7.4.6) (2024-09-19)
+
+
+### Bug Fixes
+
+* icons jsx attr camelcase ([97362da](https://github.com/memori-ai/memori-react/commit/97362da774318ff3dcd21e2711e1410085416523))
+* katex parsing with special characters, refactor kiss, cover other edge cases with spaces ([89c15dd](https://github.com/memori-ai/memori-react/commit/89c15dd217f4023dae555385994b800022568c7a))
+* prevent mathjax to throw and explode ([cec112e](https://github.com/memori-ai/memori-react/commit/cec112e877c4b7a7845c9028706ddcdf45e9c802))
+
 ## [7.4.5](https://github.com/memori-ai/memori-react/compare/v7.4.4...v7.4.5) (2024-09-16)
 
 

package/README.md

@@ -81,7 +81,7 @@ const App = () => (
 | `pin`                              |                | `string`                                    |                             | PIN of the person opening the session to the Memori, could be the giver or a receiver                                                                                                                                                                                                                                                                                                                                                   |
 | `context`                          |                | `string`                                    |                             | Initial context of the conversation, dictionary with "key: value" pairs as context variables                                                                                                                                                                                                                                                                                                                                            |
 | `initialQuestion`                  |                | `string`                                    |                             | Initial question to ask to the Memori, starts the conversation as this would be sent to the Memori                                                                                                                                                                                                                                                                                                                                      |
-| `uiLang`                           |                | `'en' \| 'it'`                              | "en"                        | Language of the UI, es: "en" or "it"                                                                                                                                                                                                                                                                                                                                                                                                    |
+| `uiLang`                           |                | `'en' \| 'it' \| 'es' \| 'fr' \| 'de'`      | "en"                        | Language of the UI, es: "en" or "it"                                                                                                                                                                                                                                                                                                                                                                                                    |
 | `multilingual`                     |                | `bool`                                      | `false`                     | Enable multilingual mode, if enabled the user can switch between spoken languages                                                                                                                                                                                                                                                                                                                                                       |
 | `spokenLang`                       |                | `string`                                    |                             | Language of the spoken text, as defaults to user selection. Example: "en" or "it"                                                                                                                                                                                                                                                                                                                                                       |
 | `onStateChange`                    |                | `function`                                  |                             | Callback function called when the state of the Memori changes                                                                                                                                                                                                                                                                                                                                                                           |

package/dist/I18nWrapper.js

@@ -2,15 +2,16 @@
 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 i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const utils_1 = require("./helpers/utils");
 const I18nWrapper = ({ children }) => {
-    return ((0, jsx_runtime_1.jsxs)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: [children, (0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: {
-                    __html: `
-          window.MathJax = ${JSON.stringify(utils_1.mathJaxConfig)};
-        `,
-                } }), (0, jsx_runtime_1.jsx)("script", { id: "MathJax-script", async: true, src: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" })] }));
+    (0, react_1.useEffect)(() => {
+        if (!window.MathJax)
+            window.MathJax = utils_1.mathJaxConfig;
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: [children, (0, jsx_runtime_1.jsx)("script", { id: "MathJax-script", async: true, src: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" })] }));
 };
 exports.default = I18nWrapper;
 //# sourceMappingURL=I18nWrapper.js.map

package/dist/I18nWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18nWrapper.js","sourceRoot":"","sources":["../src/I18nWrapper.tsx"],"names":[],"mappings":";;;;AACA,iDAAgD;AAChD,0DAA0B;AAC1B,2CAAgD;AAMhD,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC1C,OAAO,CACL,wBAAC,+BAAe,IAAC,IAAI,EAAE,cAAI,aACxB,QAAQ,EAET,mCACE,uBAAuB,EAAE;oBACvB,MAAM,EAAE;6BACW,IAAI,CAAC,SAAS,CAAC,qBAAa,CAAC;SACjD;iBACA,GACD,EACF,mCACE,EAAE,EAAC,gBAAgB,EACnB,KAAK,QACL,GAAG,EAAC,6DAA6D,GACzD,IACM,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"I18nWrapper.js","sourceRoot":"","sources":["../src/I18nWrapper.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AACzC,iDAAgD;AAChD,0DAA0B;AAC1B,2CAAgD;AAMhD,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QAEb,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,MAAM,CAAC,OAAO,GAAG,qBAAa,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,+BAAe,IAAC,IAAI,EAAE,cAAI,aACxB,QAAQ,EAET,mCACE,EAAE,EAAC,gBAAgB,EACnB,KAAK,QACL,GAAG,EAAC,6DAA6D,GACzD,IACM,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

@@ -15,6 +15,7 @@ export interface Props {
     loading?: boolean;
     baseUrl?: string;
     apiUrl?: string;
+    animation?: string;
 }
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/dist/components/Avatar/Avatar.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ErrorBoundary_1 = tslib_1.__importDefault(require("../ErrorBoundary/ErrorBoundary"));
 const Tooltip_1 = tslib_1.__importDefault(require("../ui/Tooltip"));
-const AvatarView_1 = tslib_1.__importDefault(require("../AvatarView"));
 const media_1 = require("../../helpers/media");
 const Blob_1 = tslib_1.__importDefault(require("../Blob/Blob"));
 const ModelViewer_1 = tslib_1.__importDefault(require("../CustomGLBModelViewer/ModelViewer"));
@@ -15,71 +14,76 @@ const Eye_1 = tslib_1.__importDefault(require("../icons/Eye"));
 const EyeInvisible_1 = tslib_1.__importDefault(require("../icons/EyeInvisible"));
 const Edit_1 = tslib_1.__importDefault(require("../icons/Edit"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, loading = false, baseUrl, apiUrl, }) => {
+const AvatarView_1 = tslib_1.__importDefault(require("./AvatarView"));
+const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, loading = false, baseUrl, apiUrl, animation, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const [isClient, setIsClient] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         setIsClient(true);
     }, []);
-    const animation = (0, react_1.useMemo)(() => isPlayingAudio
-        ? ['Talk 1', 'Talk 2', 'Talk 3'][Math.round(Math.random() * 2)]
-        : loading
-            ? 'Loading'
-            : ['Idle', 'Idle 1', 'Idle 2', 'Idle 3'][Math.round(Math.random() * 3)], [isPlayingAudio, loading]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
-                (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
-                (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') &&
-                (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori--avatar-wrapper', `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
+    const getAvatarUrl = () => {
+        if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
+            memori.avatarURL &&
+            memori.avatarURL.length > 0) {
+            return (0, media_1.getResourceUrl)({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                resourceURI: memori.avatarURL,
+                baseURL: baseUrl,
+                apiURL: apiUrl,
+            });
+        }
+        return undefined;
+    };
+    const renderAvatar = () => {
+        if (((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') &&
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL)) {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori--avatar-wrapper', `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
                             hidden: !avatar3dVisible,
-                        }), children: [isClient &&
-                                (integrationConfig.avatar === 'readyplayerme' ||
-                                    integrationConfig.avatar === 'readyplayerme-full') && ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.default, { fallback: (0, jsx_runtime_1.jsx)("div", { className: "memori--blob-container", children: isClient && ((0, jsx_runtime_1.jsx)(Blob_1.default, { speaking: isPlayingAudio, avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
-                                            memori.avatarURL &&
-                                            memori.avatarURL.length > 0
-                                            ? (0, media_1.getResourceUrl)({
-                                                type: 'avatar',
-                                                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
-                                                resourceURI: memori.avatarURL,
-                                                baseURL: baseUrl,
-                                                apiURL: apiUrl,
-                                            })
-                                            : undefined })) }), children: (0, jsx_runtime_1.jsx)(AvatarView_1.default, { url: integrationConfig.avatarURL, sex: memori.voiceType === 'FEMALE' ? 'FEMALE' : 'MALE', fallbackImg: (0, media_1.getResourceUrl)({
-                                        type: 'avatar',
-                                        tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
-                                        resourceURI: memori.avatarURL,
-                                        baseURL: baseUrl,
-                                        apiURL: apiUrl,
-                                    }), headMovement: true, eyeBlink: true, halfBody: integrationConfig.avatar === 'readyplayerme', animation: animation, speaking: isPlayingAudio, style: integrationConfig.avatar === 'readyplayerme'
-                                        ? {
-                                            width: '300px',
-                                            height: '300px',
-                                            backgroundColor: 'none',
-                                            borderRadius: '100%',
-                                            boxShadow: 'none',
-                                        }
-                                        : {
-                                            width: '600px',
-                                            height: '600px',
-                                            backgroundColor: 'none',
-                                        } }) })), isClient && integrationConfig.avatar === 'customglb' && ((0, jsx_runtime_1.jsx)(ModelViewer_1.default, { poster: (0, media_1.getResourceUrl)({
-                                    type: 'avatar',
-                                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
-                                    resourceURI: memori.avatarURL,
-                                    baseURL: baseUrl,
-                                    apiURL: apiUrl,
-                                }), src: integrationConfig.avatarURL, alt: "" }))] }), (0, jsx_runtime_1.jsx)("div", { className: "memori--avatar-toggle", children: (0, jsx_runtime_1.jsx)(Button_1.default, { ghost: true, onClick: () => setAvatar3dVisible(!avatar3dVisible), icon: avatar3dVisible ? (0, jsx_runtime_1.jsx)(EyeInvisible_1.default, {}) : (0, jsx_runtime_1.jsx)(Eye_1.default, {}), children: (0, jsx_runtime_1.jsx)("span", { className: "memori--avatar-toggle-text", children: avatar3dVisible ? t('hide') : t('show') }) }) })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori--blob-container", children: isClient && ((0, jsx_runtime_1.jsx)(Blob_1.default, { avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
-                        memori.avatarURL &&
-                        memori.avatarURL.length > 0
-                        ? (0, media_1.getResourceUrl)({
-                            type: 'avatar',
-                            tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
-                            resourceURI: memori.avatarURL,
-                            baseURL: baseUrl,
-                            apiURL: apiUrl,
-                        })
-                        : undefined })) })), instruct && !hasUserActivatedSpeak && memori.isGiver && (tenant === null || tenant === void 0 ? void 0 : tenant.id) && ((0, jsx_runtime_1.jsx)("div", { className: "memori--avatar-link-to-integrations", children: (0, jsx_runtime_1.jsx)("a", { className: "memori-button memori-button--circle memori-button--outlined", href: `https://${tenant.id}/${memori.culture === 'it-IT' ? 'it' : 'en'}/${memori.ownerUserName}/${memori.name}/integrations${(integration === null || integration === void 0 ? void 0 : integration.integrationID)
-                        ? `?integration=${integration.integrationID}&openAvatarModal=true`
-                        : ''}`, children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { content: t('widgetgoToIntegrationsToCustomizeAvatar'), children: (0, jsx_runtime_1.jsx)("span", { className: "memori-button--icon", children: (0, jsx_runtime_1.jsx)(Edit_1.default, {}) }) }) }) }))] }));
+                        }), children: renderAvatarContent() }), renderAvatarToggle()] }));
+        }
+        return ((0, jsx_runtime_1.jsx)("div", { className: "memori--blob-container", children: isClient && (0, jsx_runtime_1.jsx)(Blob_1.default, { speaking: isPlayingAudio, avatar: getAvatarUrl() }) }));
+    };
+    const renderAvatarContent = () => {
+        if (!isClient)
+            return null;
+        if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full') {
+            return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.default, { fallback: (0, jsx_runtime_1.jsx)("div", { className: "memori--blob-container", children: isClient && ((0, jsx_runtime_1.jsx)(Blob_1.default, { speaking: isPlayingAudio, avatar: getAvatarUrl() })) }), children: (0, jsx_runtime_1.jsx)(AvatarView_1.default, { url: integrationConfig.avatarURL, sex: memori.voiceType === 'FEMALE' ? 'FEMALE' : 'MALE', fallbackImg: getAvatarUrl(), headMovement: true, eyeBlink: true, animation: animation, halfBody: integrationConfig.avatar === 'readyplayerme', speaking: isPlayingAudio, loading: loading, style: getAvatarStyle() }) }));
+        }
+        if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') {
+            return ((0, jsx_runtime_1.jsx)(ModelViewer_1.default, { poster: getAvatarUrl() || '', src: integrationConfig.avatarURL, alt: "" }));
+        }
+        return null;
+    };
+    const renderAvatarToggle = () => ((0, jsx_runtime_1.jsx)("div", { className: "memori--avatar-toggle", children: (0, jsx_runtime_1.jsx)(Button_1.default, { ghost: true, onClick: () => setAvatar3dVisible(!avatar3dVisible), icon: avatar3dVisible ? (0, jsx_runtime_1.jsx)(EyeInvisible_1.default, {}) : (0, jsx_runtime_1.jsx)(Eye_1.default, {}), children: (0, jsx_runtime_1.jsx)("span", { className: "memori--avatar-toggle-text", children: avatar3dVisible ? t('hide') : t('show') }) }) }));
+    const getAvatarStyle = () => {
+        if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme') {
+            return {
+                width: '300px',
+                height: '300px',
+                backgroundColor: 'none',
+                borderRadius: '100%',
+                boxShadow: 'none',
+            };
+        }
+        return {
+            width: '600px',
+            height: '600px',
+            backgroundColor: 'none',
+        };
+    };
+    const renderIntegrationsLink = () => {
+        if (!(instruct && !hasUserActivatedSpeak && memori.isGiver && (tenant === null || tenant === void 0 ? void 0 : tenant.id)))
+            return null;
+        const href = `https://${tenant.id}/${memori.culture === 'it-IT' ? 'it' : 'en'}/${memori.ownerUserName}/${memori.name}/integrations${(integration === null || integration === void 0 ? void 0 : integration.integrationID)
+            ? `?integration=${integration.integrationID}&openAvatarModal=true`
+            : ''}`;
+        return ((0, jsx_runtime_1.jsx)("div", { className: "memori--avatar-link-to-integrations", children: (0, jsx_runtime_1.jsx)("a", { className: "memori-button memori-button--circle memori-button--outlined", href: href, children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { content: t('widgetgoToIntegrationsToCustomizeAvatar'), children: (0, jsx_runtime_1.jsx)("span", { className: "memori-button--icon", children: (0, jsx_runtime_1.jsx)(Edit_1.default, {}) }) }) }) }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderAvatar(), renderIntegrationsLink()] }));
 };
 exports.default = (0, react_1.memo)(Avatar, (prevProps, nextProps) => {
     return JSON.stringify(prevProps) === JSON.stringify(nextProps);

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

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

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,55 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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;
+}
+export default function FullbodyAvatar({ url, sex, onLoaded, currentBaseAction, additiveActions, timeScale }: FullbodyAvatarProps): JSX.Element;

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

@@ -0,0 +1,60 @@
+"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 fiber_1 = require("@react-three/fiber");
+const utils_1 = require("../utils/utils");
+const useEyeBlink_1 = tslib_1.__importDefault(require("../utils/useEyeBlink"));
+const useMouthSpeaking_1 = tslib_1.__importDefault(require("../utils/useMouthSpeaking"));
+const useHeadMovement_1 = tslib_1.__importDefault(require("../utils/useHeadMovement"));
+const useSmile_1 = tslib_1.__importDefault(require("../utils/useSmile"));
+const AVATAR_POSITION = new three_1.Vector3(0, -1, 0);
+const AVATAR_ROTATION = new three_1.Euler(0.175, 0, 0);
+const ANIMATION_URLS = {
+    MALE: 'https://assets.memori.ai/api/v2/asset/5de7456f-0cd8-4e29-95a7-0cd0045a5325.glb',
+    FEMALE: 'https://assets.memori.ai/api/v2/asset/84487a2b-377c-4565-800a-51459d580ec8.glb',
+};
+function FullbodyAvatar({ url, sex, onLoaded, currentBaseAction, additiveActions, timeScale }) {
+    const { scene } = (0, drei_1.useGLTF)(url);
+    const { animations } = (0, drei_1.useGLTF)(ANIMATION_URLS[sex]);
+    const { nodes, materials } = (0, fiber_1.useGraph)(scene);
+    const { actions } = (0, drei_1.useAnimations)(animations, scene);
+    const [mixer] = (0, react_1.useState)(() => new three_1.AnimationMixer(scene));
+    (0, react_1.useEffect)(() => {
+        (0, utils_1.correctMaterials)(materials);
+        onLoaded === null || onLoaded === void 0 ? void 0 : onLoaded();
+        return () => {
+            Object.values(materials).forEach(fiber_1.dispose);
+            Object.values(nodes).filter(utils_1.isSkinnedMesh).forEach(fiber_1.dispose);
+        };
+    }, [materials, nodes, url, onLoaded]);
+    (0, react_1.useEffect)(() => {
+        if (!actions || !currentBaseAction.action)
+            return;
+        const newAction = actions[currentBaseAction.action];
+        if (!newAction) {
+            console.warn(`Animation "${currentBaseAction.action}" not found in actions.`);
+            return;
+        }
+        const fadeOutDuration = 0.8;
+        const fadeInDuration = 0.8;
+        newAction.timeScale = timeScale;
+        newAction.reset().fadeIn(fadeInDuration).play();
+        return () => {
+            newAction.fadeOut(fadeOutDuration);
+        };
+    }, [currentBaseAction, timeScale]);
+    (0, useEyeBlink_1.default)(additiveActions.blink.weight > 0, nodes);
+    (0, useMouthSpeaking_1.default)(additiveActions.speak.weight > 0, nodes);
+    (0, useHeadMovement_1.default)(additiveActions.headMovement.weight > 0, nodes);
+    (0, useSmile_1.default)(additiveActions.smile.weight > 0, nodes);
+    (0, fiber_1.useFrame)((_, delta) => {
+        mixer.update(delta * 0.001);
+    });
+    return ((0, jsx_runtime_1.jsx)("group", { position: AVATAR_POSITION, rotation: AVATAR_ROTATION, children: (0, jsx_runtime_1.jsx)("primitive", { object: scene }) }));
+}
+exports.default = FullbodyAvatar;
+//# sourceMappingURL=fullbodyAvatar.js.map

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

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

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

@@ -0,0 +1,9 @@
+interface HalfBodyAvatarProps {
+    url: string;
+    eyeBlink?: boolean;
+    headMovement?: boolean;
+    speaking?: boolean;
+    onLoaded?: () => void;
+}
+export default function HalfBodyAvatar({ url, eyeBlink, headMovement, speaking, onLoaded, }: HalfBodyAvatarProps): JSX.Element;
+export {};

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

@@ -0,0 +1,39 @@
+"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 useEyeBlink_1 = tslib_1.__importDefault(require("../utils/useEyeBlink"));
+const useHeadMovement_1 = tslib_1.__importDefault(require("../utils/useHeadMovement"));
+const useMouthSpeaking_1 = tslib_1.__importDefault(require("../utils/useMouthSpeaking"));
+const fiber_1 = require("@react-three/fiber");
+const utils_1 = require("../utils/utils");
+const AVATAR_POSITION = new three_1.Vector3(0, -0.6, 0);
+function HalfBodyAvatar({ url, eyeBlink, headMovement, speaking, onLoaded, }) {
+    const { scene } = (0, drei_1.useGLTF)(url);
+    const { nodes, materials } = (0, fiber_1.useGraph)(scene);
+    (0, useEyeBlink_1.default)(eyeBlink, nodes);
+    (0, useHeadMovement_1.default)(headMovement, nodes);
+    (0, useMouthSpeaking_1.default)(!!speaking, nodes);
+    (0, react_1.useEffect)(() => {
+        const setupAvatar = () => {
+            (0, utils_1.hideHands)(nodes);
+            (0, utils_1.correctMaterials)(materials);
+            onLoaded === null || onLoaded === void 0 ? void 0 : onLoaded();
+        };
+        setupAvatar();
+        return () => {
+            const disposeObjects = () => {
+                Object.values(materials).forEach(fiber_1.dispose);
+                Object.values(nodes).filter(utils_1.isSkinnedMesh).forEach(fiber_1.dispose);
+            };
+            disposeObjects();
+        };
+    }, [materials, nodes, url, onLoaded]);
+    const skinnedMeshes = (0, react_1.useMemo)(() => Object.values(nodes).filter(utils_1.isSkinnedMesh), [nodes]);
+    return ((0, jsx_runtime_1.jsxs)("group", { position: AVATAR_POSITION, children: [nodes.Hips && (0, jsx_runtime_1.jsx)("primitive", { object: nodes.Hips }, "armature"), skinnedMeshes.map((node) => node && ((0, jsx_runtime_1.jsx)("primitive", { object: node, receiveShadow: true, castShadow: true }, node.name)))] }));
+}
+exports.default = HalfBodyAvatar;
+//# sourceMappingURL=halfbodyAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"halfbodyAvatar.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/halfbodyAvatar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkD;AAClD,iCAA0C;AAC1C,4CAA4C;AAC5C,+EAA+C;AAC/C,uFAAuD;AACvD,yFAAyD;AACzD,8CAAuD;AACvD,0CAA4E;AAU5E,MAAM,eAAe,GAAG,IAAI,eAAO,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAEhD,SAAwB,cAAc,CAAC,EACrC,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,GACY;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;IAE7C,IAAA,qBAAW,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC7B,IAAA,yBAAe,EAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,IAAA,0BAAgB,EAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC;YACjB,IAAA,wBAAgB,EAAC,SAAS,CAAC,CAAC;YAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACf,CAAC,CAAC;QAEF,WAAW,EAAE,CAAC;QAEd,OAAO,GAAG,EAAE;YACV,MAAM,cAAc,GAAG,GAAG,EAAE;gBAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,eAAO,CAAC,CAAC;gBAC1C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,qBAAa,CAAC,CAAC,OAAO,CAAC,eAAO,CAAC,CAAC;YAC9D,CAAC,CAAC;YAEF,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,qBAAa,CAAC,EAChD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,mCAAO,QAAQ,EAAE,eAAe,aAC7B,KAAK,CAAC,IAAI,IAAI,sCAA0B,MAAM,EAAE,KAAK,CAAC,IAAI,IAA7B,UAAU,CAAuB,EAC9D,aAAa,CAAC,GAAG,CAChB,CAAC,IAAc,EAAE,EAAE,CACjB,IAAI,IAAI,CACN,sCAA2B,MAAM,EAAE,IAAI,EAAE,aAAa,QAAC,UAAU,UAAjD,IAAI,CAAC,IAAI,CAA2C,CACrE,CACJ,IACK,CACT,CAAC;AACJ,CAAC;AAjDD,iCAiDC"}

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

@@ -0,0 +1,5 @@
+interface Props {
+    fallbackImg?: string;
+}
+declare const Loader: ({ fallbackImg }: Props) => JSX.Element;
+export default Loader;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const drei_1 = require("@react-three/drei");
+const Spin_1 = tslib_1.__importDefault(require("../../../ui/Spin"));
+const Loader = ({ fallbackImg }) => {
+    const { progress } = (0, drei_1.useProgress)();
+    return ((0, jsx_runtime_1.jsx)(drei_1.Html, { center: true, className: "avatar-loader", children: (0, jsx_runtime_1.jsx)(Spin_1.default, { spinning: true, children: fallbackImg ? ((0, jsx_runtime_1.jsxs)("figure", { children: [(0, jsx_runtime_1.jsx)("img", { src: fallbackImg, alt: `${Math.round(progress)}% loaded`, title: `${Math.round(progress)}% loaded` }), (0, jsx_runtime_1.jsx)("figcaption", { children: `${Math.round(progress)}%` })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Math.round(progress), " % loaded"] })) }) }));
+};
+exports.default = Loader;
+//# sourceMappingURL=loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/loader.tsx"],"names":[],"mappings":";;;;AACA,4CAAsD;AACtD,oEAAoC;AAMpC,MAAM,MAAM,GAAG,CAAC,EAAE,WAAW,EAAS,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAW,GAAE,CAAC;IACnC,OAAO,CACL,uBAAC,WAAI,IAAC,MAAM,QAAC,SAAS,EAAC,eAAe,YACpC,uBAAC,cAAI,IAAC,QAAQ,kBACX,WAAW,CAAC,CAAC,CAAC,CACb,+CACE,gCACE,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,EACtC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,GACxC,EACF,iDAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAc,IAC9C,CACV,CAAC,CAAC,CAAC,CACF,6DAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAa,CACrC,GACI,GACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

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

@@ -0,0 +1,18 @@
+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;
+}
+export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, halfBody, loading, animation, showControls, }: Props): JSX.Element;