@memori.ai/memori-react 7.4.6 → 7.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/README.md +1 -1
  3. package/dist/components/Avatar/Avatar.d.ts +1 -0
  4. package/dist/components/Avatar/Avatar.js +64 -60
  5. package/dist/components/Avatar/Avatar.js.map +1 -1
  6. package/dist/components/Avatar/AvatarView/components/controls.d.ts +23 -0
  7. package/dist/components/Avatar/AvatarView/components/controls.js +55 -0
  8. package/dist/components/Avatar/AvatarView/components/controls.js.map +1 -0
  9. package/dist/components/Avatar/AvatarView/components/fullbodyAvatar.d.ts +18 -0
  10. package/dist/components/Avatar/AvatarView/components/fullbodyAvatar.js +60 -0
  11. package/dist/components/Avatar/AvatarView/components/fullbodyAvatar.js.map +1 -0
  12. package/dist/components/Avatar/AvatarView/components/halfbodyAvatar.d.ts +9 -0
  13. package/dist/components/Avatar/AvatarView/components/halfbodyAvatar.js +39 -0
  14. package/dist/components/Avatar/AvatarView/components/halfbodyAvatar.js.map +1 -0
  15. package/dist/components/Avatar/AvatarView/components/loader.d.ts +5 -0
  16. package/dist/components/Avatar/AvatarView/components/loader.js +12 -0
  17. package/dist/components/Avatar/AvatarView/components/loader.js.map +1 -0
  18. package/dist/components/Avatar/AvatarView/index.d.ts +18 -0
  19. package/dist/components/Avatar/AvatarView/index.js +111 -0
  20. package/dist/components/Avatar/AvatarView/index.js.map +1 -0
  21. package/dist/components/Avatar/AvatarView/utils/useEyeBlink.d.ts +2 -0
  22. package/dist/components/Avatar/AvatarView/utils/useEyeBlink.js +47 -0
  23. package/dist/components/Avatar/AvatarView/utils/useEyeBlink.js.map +1 -0
  24. package/dist/components/Avatar/AvatarView/utils/useHeadMovement.d.ts +2 -0
  25. package/dist/components/Avatar/AvatarView/utils/useHeadMovement.js +53 -0
  26. package/dist/components/Avatar/AvatarView/utils/useHeadMovement.js.map +1 -0
  27. package/dist/components/Avatar/AvatarView/utils/useLoadingMorphAnim.d.ts +2 -0
  28. package/dist/components/Avatar/AvatarView/utils/useLoadingMorphAnim.js +34 -0
  29. package/dist/components/Avatar/AvatarView/utils/useLoadingMorphAnim.js.map +1 -0
  30. package/dist/components/Avatar/AvatarView/utils/useMouthSpeaking.d.ts +2 -0
  31. package/dist/components/Avatar/AvatarView/utils/useMouthSpeaking.js +68 -0
  32. package/dist/components/Avatar/AvatarView/utils/useMouthSpeaking.js.map +1 -0
  33. package/dist/components/Avatar/AvatarView/utils/useSmile.d.ts +2 -0
  34. package/dist/components/Avatar/AvatarView/utils/useSmile.js +28 -0
  35. package/dist/components/Avatar/AvatarView/utils/useSmile.js.map +1 -0
  36. package/dist/components/Avatar/AvatarView/utils/utils.d.ts +13 -0
  37. package/dist/components/Avatar/AvatarView/utils/utils.js +42 -0
  38. package/dist/components/Avatar/AvatarView/utils/utils.js.map +1 -0
  39. package/dist/components/MemoriWidget/MemoriWidget.js +6 -1
  40. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  41. package/dist/components/StartPanel/StartPanel.js +3 -2
  42. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  43. package/dist/helpers/constants.d.ts +1 -0
  44. package/dist/helpers/constants.js +2 -1
  45. package/dist/helpers/constants.js.map +1 -1
  46. package/dist/helpers/error.js +5 -0
  47. package/dist/helpers/error.js.map +1 -1
  48. package/dist/i18n.js +13 -1
  49. package/dist/i18n.js.map +1 -1
  50. package/dist/index.d.ts +1 -1
  51. package/dist/index.js +12 -1
  52. package/dist/index.js.map +1 -1
  53. package/dist/locales/de.json +426 -0
  54. package/dist/locales/en.json +5 -0
  55. package/dist/locales/es.json +426 -0
  56. package/dist/locales/fr.json +426 -0
  57. package/dist/locales/it.json +5 -0
  58. package/esm/components/Avatar/Avatar.d.ts +1 -0
  59. package/esm/components/Avatar/Avatar.js +66 -62
  60. package/esm/components/Avatar/Avatar.js.map +1 -1
  61. package/esm/components/Avatar/AvatarView/components/controls.d.ts +23 -0
  62. package/esm/components/Avatar/AvatarView/components/controls.js +52 -0
  63. package/esm/components/Avatar/AvatarView/components/controls.js.map +1 -0
  64. package/esm/components/Avatar/AvatarView/components/fullbodyAvatar.d.ts +18 -0
  65. package/esm/components/Avatar/AvatarView/components/fullbodyAvatar.js +56 -0
  66. package/esm/components/Avatar/AvatarView/components/fullbodyAvatar.js.map +1 -0
  67. package/esm/components/Avatar/AvatarView/components/halfbodyAvatar.d.ts +9 -0
  68. package/esm/components/Avatar/AvatarView/components/halfbodyAvatar.js +35 -0
  69. package/esm/components/Avatar/AvatarView/components/halfbodyAvatar.js.map +1 -0
  70. package/esm/components/Avatar/AvatarView/components/loader.d.ts +5 -0
  71. package/esm/components/Avatar/AvatarView/components/loader.js +9 -0
  72. package/esm/components/Avatar/AvatarView/components/loader.js.map +1 -0
  73. package/esm/components/Avatar/AvatarView/index.d.ts +18 -0
  74. package/esm/components/Avatar/AvatarView/index.js +107 -0
  75. package/esm/components/Avatar/AvatarView/index.js.map +1 -0
  76. package/esm/components/Avatar/AvatarView/utils/useEyeBlink.d.ts +2 -0
  77. package/esm/components/Avatar/AvatarView/utils/useEyeBlink.js +44 -0
  78. package/esm/components/Avatar/AvatarView/utils/useEyeBlink.js.map +1 -0
  79. package/esm/components/Avatar/AvatarView/utils/useHeadMovement.d.ts +2 -0
  80. package/esm/components/Avatar/AvatarView/utils/useHeadMovement.js +50 -0
  81. package/esm/components/Avatar/AvatarView/utils/useHeadMovement.js.map +1 -0
  82. package/esm/components/Avatar/AvatarView/utils/useLoadingMorphAnim.d.ts +2 -0
  83. package/esm/components/Avatar/AvatarView/utils/useLoadingMorphAnim.js +31 -0
  84. package/esm/components/Avatar/AvatarView/utils/useLoadingMorphAnim.js.map +1 -0
  85. package/esm/components/Avatar/AvatarView/utils/useMouthSpeaking.d.ts +2 -0
  86. package/esm/components/Avatar/AvatarView/utils/useMouthSpeaking.js +65 -0
  87. package/esm/components/Avatar/AvatarView/utils/useMouthSpeaking.js.map +1 -0
  88. package/esm/components/Avatar/AvatarView/utils/useSmile.d.ts +2 -0
  89. package/esm/components/Avatar/AvatarView/utils/useSmile.js +25 -0
  90. package/esm/components/Avatar/AvatarView/utils/useSmile.js.map +1 -0
  91. package/esm/components/Avatar/AvatarView/utils/utils.d.ts +13 -0
  92. package/esm/components/Avatar/AvatarView/utils/utils.js +33 -0
  93. package/esm/components/Avatar/AvatarView/utils/utils.js.map +1 -0
  94. package/esm/components/MemoriWidget/MemoriWidget.js +7 -2
  95. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  96. package/esm/components/StartPanel/StartPanel.js +3 -2
  97. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  98. package/esm/helpers/constants.d.ts +1 -0
  99. package/esm/helpers/constants.js +1 -0
  100. package/esm/helpers/constants.js.map +1 -1
  101. package/esm/helpers/error.js +5 -0
  102. package/esm/helpers/error.js.map +1 -1
  103. package/esm/i18n.js +13 -1
  104. package/esm/i18n.js.map +1 -1
  105. package/esm/index.d.ts +1 -1
  106. package/esm/index.js +12 -1
  107. package/esm/index.js.map +1 -1
  108. package/esm/locales/de.json +426 -0
  109. package/esm/locales/en.json +5 -0
  110. package/esm/locales/es.json +426 -0
  111. package/esm/locales/fr.json +426 -0
  112. package/esm/locales/it.json +5 -0
  113. package/package.json +2 -1
  114. package/src/components/Avatar/Avatar.tsx +149 -144
  115. package/src/components/{AvatarView → Avatar/AvatarView}/AvatarView.stories.tsx +9 -2
  116. package/src/components/Avatar/AvatarView/components/controls.tsx +94 -0
  117. package/src/components/Avatar/AvatarView/components/fullbodyAvatar.tsx +120 -0
  118. package/src/components/Avatar/AvatarView/components/halfbodyAvatar.tsx +69 -0
  119. package/src/components/{AvatarView → Avatar/AvatarView}/components/loader.tsx +1 -1
  120. package/src/components/Avatar/AvatarView/index.tsx +256 -0
  121. package/src/components/Avatar/AvatarView/utils/useEyeBlink.ts +59 -0
  122. package/src/components/Avatar/AvatarView/utils/useMouthSpeaking.ts +87 -0
  123. package/src/components/Avatar/AvatarView/utils/useSmile.ts +39 -0
  124. package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +1 -1
  125. package/src/components/MemoriWidget/MemoriWidget.tsx +12 -2
  126. package/src/components/StartPanel/StartPanel.tsx +3 -2
  127. package/src/components/layouts/Chat.test.tsx +12 -9
  128. package/src/components/layouts/FullPage.test.tsx +12 -9
  129. package/src/components/layouts/Totem.test.tsx +12 -9
  130. package/src/components/layouts/WebsiteAssistant.test.tsx +12 -9
  131. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +13 -8
  132. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +14 -9
  133. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +14 -9
  134. package/src/components/layouts/__snapshots__/WebsiteAssistant.test.tsx.snap +6 -1
  135. package/src/helpers/constants.ts +2 -0
  136. package/src/helpers/error.ts +5 -0
  137. package/src/helpers/utils.test.ts +18 -0
  138. package/src/i18n.ts +13 -1
  139. package/src/index.stories.tsx +29 -0
  140. package/src/index.tsx +14 -3
  141. package/src/locales/de.json +454 -0
  142. package/src/locales/en.json +5 -0
  143. package/src/locales/es.json +426 -0
  144. package/src/locales/fr.json +426 -0
  145. package/src/locales/it.json +5 -0
  146. package/src/components/AvatarView/components/avatar.tsx +0 -57
  147. package/src/components/AvatarView/components/fullbodyAvatar.tsx +0 -99
  148. package/src/components/AvatarView/index.tsx +0 -101
  149. package/src/components/AvatarView/utils/useEyeBlink.ts +0 -48
  150. package/src/components/AvatarView/utils/useMouthSpeaking.ts +0 -70
  151. package/src/components/AvatarView/utils/useSmile.ts +0 -31
  152. /package/src/components/{AvatarView → Avatar/AvatarView}/utils/useHeadMovement.ts +0 -0
  153. /package/src/components/{AvatarView → Avatar/AvatarView}/utils/useLoadingMorphAnim.ts +0 -0
  154. /package/src/components/{AvatarView → Avatar/AvatarView}/utils/utils.ts +0 -0
@@ -1,8 +1,7 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { memo, useEffect, useMemo, useState } from 'react';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { memo, useEffect, useState } from 'react';
3
3
  import ErrorBoundary from '../ErrorBoundary/ErrorBoundary';
4
4
  import Tooltip from '../ui/Tooltip';
5
- import AvatarView from '../AvatarView';
6
5
  import { getResourceUrl } from '../../helpers/media';
7
6
  import Blob from '../Blob/Blob';
8
7
  import ModelViewer from '../CustomGLBModelViewer/ModelViewer';
@@ -12,71 +11,76 @@ import Eye from '../icons/Eye';
12
11
  import EyeInvisible from '../icons/EyeInvisible';
13
12
  import Edit from '../icons/Edit';
14
13
  import cx from 'classnames';
15
- const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, loading = false, baseUrl, apiUrl, }) => {
14
+ import ContainerAvatarView from './AvatarView';
15
+ const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, loading = false, baseUrl, apiUrl, animation, }) => {
16
16
  const { t } = useTranslation();
17
17
  const [isClient, setIsClient] = useState(false);
18
18
  useEffect(() => {
19
19
  setIsClient(true);
20
20
  }, []);
21
- const animation = useMemo(() => isPlayingAudio
22
- ? ['Talk 1', 'Talk 2', 'Talk 3'][Math.round(Math.random() * 2)]
23
- : loading
24
- ? 'Loading'
25
- : ['Idle', 'Idle 1', 'Idle 2', 'Idle 3'][Math.round(Math.random() * 3)], [isPlayingAudio, loading]);
26
- return (_jsxs(_Fragment, { children: [((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
27
- (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
28
- (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') &&
29
- (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL) ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: cx('memori--avatar-wrapper', `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
21
+ const getAvatarUrl = () => {
22
+ if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
23
+ memori.avatarURL &&
24
+ memori.avatarURL.length > 0) {
25
+ return getResourceUrl({
26
+ type: 'avatar',
27
+ tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
28
+ resourceURI: memori.avatarURL,
29
+ baseURL: baseUrl,
30
+ apiURL: apiUrl,
31
+ });
32
+ }
33
+ return undefined;
34
+ };
35
+ const renderAvatar = () => {
36
+ if (((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
37
+ (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
38
+ (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') &&
39
+ (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL)) {
40
+ return (_jsxs(_Fragment, { children: [_jsx("div", { className: cx('memori--avatar-wrapper', `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
30
41
  hidden: !avatar3dVisible,
31
- }), children: [isClient &&
32
- (integrationConfig.avatar === 'readyplayerme' ||
33
- integrationConfig.avatar === 'readyplayerme-full') && (_jsx(ErrorBoundary, { fallback: _jsx("div", { className: "memori--blob-container", children: isClient && (_jsx(Blob, { speaking: isPlayingAudio, avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
34
- memori.avatarURL &&
35
- memori.avatarURL.length > 0
36
- ? getResourceUrl({
37
- type: 'avatar',
38
- tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
39
- resourceURI: memori.avatarURL,
40
- baseURL: baseUrl,
41
- apiURL: apiUrl,
42
- })
43
- : undefined })) }), children: _jsx(AvatarView, { url: integrationConfig.avatarURL, sex: memori.voiceType === 'FEMALE' ? 'FEMALE' : 'MALE', fallbackImg: getResourceUrl({
44
- type: 'avatar',
45
- tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
46
- resourceURI: memori.avatarURL,
47
- baseURL: baseUrl,
48
- apiURL: apiUrl,
49
- }), headMovement: true, eyeBlink: true, halfBody: integrationConfig.avatar === 'readyplayerme', animation: animation, speaking: isPlayingAudio, style: integrationConfig.avatar === 'readyplayerme'
50
- ? {
51
- width: '300px',
52
- height: '300px',
53
- backgroundColor: 'none',
54
- borderRadius: '100%',
55
- boxShadow: 'none',
56
- }
57
- : {
58
- width: '600px',
59
- height: '600px',
60
- backgroundColor: 'none',
61
- } }) })), isClient && integrationConfig.avatar === 'customglb' && (_jsx(ModelViewer, { poster: getResourceUrl({
62
- type: 'avatar',
63
- tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
64
- resourceURI: memori.avatarURL,
65
- baseURL: baseUrl,
66
- apiURL: apiUrl,
67
- }), src: integrationConfig.avatarURL, alt: "" }))] }), _jsx("div", { className: "memori--avatar-toggle", children: _jsx(Button, { ghost: true, onClick: () => setAvatar3dVisible(!avatar3dVisible), icon: avatar3dVisible ? _jsx(EyeInvisible, {}) : _jsx(Eye, {}), children: _jsx("span", { className: "memori--avatar-toggle-text", children: avatar3dVisible ? t('hide') : t('show') }) }) })] })) : (_jsx("div", { className: "memori--blob-container", children: isClient && (_jsx(Blob, { avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
68
- memori.avatarURL &&
69
- memori.avatarURL.length > 0
70
- ? getResourceUrl({
71
- type: 'avatar',
72
- tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
73
- resourceURI: memori.avatarURL,
74
- baseURL: baseUrl,
75
- apiURL: apiUrl,
76
- })
77
- : undefined })) })), instruct && !hasUserActivatedSpeak && memori.isGiver && (tenant === null || tenant === void 0 ? void 0 : tenant.id) && (_jsx("div", { className: "memori--avatar-link-to-integrations", children: _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)
78
- ? `?integration=${integration.integrationID}&openAvatarModal=true`
79
- : ''}`, children: _jsx(Tooltip, { content: t('widgetgoToIntegrationsToCustomizeAvatar'), children: _jsx("span", { className: "memori-button--icon", children: _jsx(Edit, {}) }) }) }) }))] }));
42
+ }), children: renderAvatarContent() }), renderAvatarToggle()] }));
43
+ }
44
+ return (_jsx("div", { className: "memori--blob-container", children: isClient && _jsx(Blob, { speaking: isPlayingAudio, avatar: getAvatarUrl() }) }));
45
+ };
46
+ const renderAvatarContent = () => {
47
+ if (!isClient)
48
+ return null;
49
+ if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
50
+ (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full') {
51
+ return (_jsx(ErrorBoundary, { fallback: _jsx("div", { className: "memori--blob-container", children: isClient && (_jsx(Blob, { speaking: isPlayingAudio, avatar: getAvatarUrl() })) }), children: _jsx(ContainerAvatarView, { 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() }) }));
52
+ }
53
+ if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') {
54
+ return (_jsx(ModelViewer, { poster: getAvatarUrl() || '', src: integrationConfig.avatarURL, alt: "" }));
55
+ }
56
+ return null;
57
+ };
58
+ const renderAvatarToggle = () => (_jsx("div", { className: "memori--avatar-toggle", children: _jsx(Button, { ghost: true, onClick: () => setAvatar3dVisible(!avatar3dVisible), icon: avatar3dVisible ? _jsx(EyeInvisible, {}) : _jsx(Eye, {}), children: _jsx("span", { className: "memori--avatar-toggle-text", children: avatar3dVisible ? t('hide') : t('show') }) }) }));
59
+ const getAvatarStyle = () => {
60
+ if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme') {
61
+ return {
62
+ width: '300px',
63
+ height: '300px',
64
+ backgroundColor: 'none',
65
+ borderRadius: '100%',
66
+ boxShadow: 'none',
67
+ };
68
+ }
69
+ return {
70
+ width: '600px',
71
+ height: '600px',
72
+ backgroundColor: 'none',
73
+ };
74
+ };
75
+ const renderIntegrationsLink = () => {
76
+ if (!(instruct && !hasUserActivatedSpeak && memori.isGiver && (tenant === null || tenant === void 0 ? void 0 : tenant.id)))
77
+ return null;
78
+ 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)
79
+ ? `?integration=${integration.integrationID}&openAvatarModal=true`
80
+ : ''}`;
81
+ return (_jsx("div", { className: "memori--avatar-link-to-integrations", children: _jsx("a", { className: "memori-button memori-button--circle memori-button--outlined", href: href, children: _jsx(Tooltip, { content: t('widgetgoToIntegrationsToCustomizeAvatar'), children: _jsx("span", { className: "memori-button--icon", children: _jsx(Edit, {}) }) }) }) }));
82
+ };
83
+ return (_jsxs(_Fragment, { children: [renderAvatar(), renderIntegrationsLink()] }));
80
84
  };
81
85
  export default memo(Avatar, (prevProps, nextProps) => {
82
86
  return JSON.stringify(prevProps) === JSON.stringify(nextProps);
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ interface BaseAction {
3
+ weight: number;
4
+ action?: string;
5
+ }
6
+ interface AdditiveAction {
7
+ weight: number;
8
+ action?: string;
9
+ }
10
+ export interface AnimationControlPanelProps {
11
+ baseActions: Record<string, BaseAction>;
12
+ additiveActions: Record<string, AdditiveAction>;
13
+ onBaseActionChange: (action: string) => void;
14
+ onAdditiveActionChange?: (action: string, weight: number) => void;
15
+ currentBaseAction: {
16
+ action: string;
17
+ weight: number;
18
+ };
19
+ modifyTimeScale: (value: number) => void;
20
+ timeScale: number;
21
+ }
22
+ declare const AnimationControlPanel: React.FC<AnimationControlPanelProps>;
23
+ export default AnimationControlPanel;
@@ -0,0 +1,52 @@
1
+ import { useEffect, useRef } from 'react';
2
+ import GUI from 'lil-gui';
3
+ const AnimationControlPanel = ({ onBaseActionChange, onAdditiveActionChange, baseActions, additiveActions, modifyTimeScale, timeScale, }) => {
4
+ const guiRef = useRef(null);
5
+ const panelSettingsRef = useRef({
6
+ 'modify time scale': timeScale,
7
+ });
8
+ const crossFadeControlsRef = useRef([]);
9
+ useEffect(() => {
10
+ const gui = new GUI({ width: 310 });
11
+ guiRef.current = gui;
12
+ const folder1 = gui.addFolder('Base Actions');
13
+ const folder2 = gui.addFolder('Additive Action Weights');
14
+ const folder3 = gui.addFolder('General Speed');
15
+ const baseNames = ['None', ...Object.keys(baseActions)];
16
+ baseNames.forEach(name => {
17
+ const settings = baseActions[name];
18
+ panelSettingsRef.current[name] = () => {
19
+ onBaseActionChange(name);
20
+ };
21
+ const control = folder1.add(panelSettingsRef.current, name);
22
+ crossFadeControlsRef.current.push(control);
23
+ });
24
+ Object.entries(additiveActions).forEach(([name, settings]) => {
25
+ panelSettingsRef.current[name] = settings.weight;
26
+ folder2
27
+ .add(panelSettingsRef.current, name, 0.0, 1.0, 0.01)
28
+ .listen()
29
+ .onChange((weight) => {
30
+ settings.weight = weight;
31
+ onAdditiveActionChange === null || onAdditiveActionChange === void 0 ? void 0 : onAdditiveActionChange(name, weight);
32
+ });
33
+ });
34
+ folder3
35
+ .add(panelSettingsRef.current, 'modify time scale', 0.0, 1.5, 0.01)
36
+ .onChange((value) => {
37
+ modifyTimeScale(value);
38
+ });
39
+ folder1.open();
40
+ folder2.open();
41
+ folder3.open();
42
+ return () => {
43
+ gui.destroy();
44
+ };
45
+ }, [
46
+ onBaseActionChange,
47
+ onAdditiveActionChange,
48
+ ]);
49
+ return null;
50
+ };
51
+ export default AnimationControlPanel;
52
+ //# sourceMappingURL=controls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/controls.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,GAAG,MAAM,SAAS,CAAC;AAyB1B,MAAM,qBAAqB,GAAyC,CAAC,EACnE,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IACxC,MAAM,gBAAgB,GAAG,MAAM,CAAsB;QACnD,mBAAmB,EAAE,SAAS;KAC/B,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,MAAM,CAAQ,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QAEb,MAAM,GAAG,GAAG,IAAI,GAAG,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,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,18 @@
1
+ export interface FullbodyAvatarProps {
2
+ url: string;
3
+ sex: 'MALE' | 'FEMALE';
4
+ onLoaded?: () => void;
5
+ currentBaseAction: {
6
+ action: string;
7
+ weight: number;
8
+ };
9
+ additiveActions: {
10
+ [key: string]: {
11
+ weight: number;
12
+ };
13
+ };
14
+ timeScale: number;
15
+ loading?: boolean;
16
+ speaking?: boolean;
17
+ }
18
+ export default function FullbodyAvatar({ url, sex, onLoaded, currentBaseAction, additiveActions, timeScale }: FullbodyAvatarProps): JSX.Element;
@@ -0,0 +1,56 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useEffect, useState } from 'react';
3
+ import { Vector3, Euler, AnimationMixer, } from 'three';
4
+ import { useAnimations, useGLTF } from '@react-three/drei';
5
+ import { useGraph, dispose, useFrame } from '@react-three/fiber';
6
+ import { correctMaterials, isSkinnedMesh } from '../utils/utils';
7
+ import useEyeBlink from '../utils/useEyeBlink';
8
+ import useMouthSpeaking from '../utils/useMouthSpeaking';
9
+ import useHeadMovement from '../utils/useHeadMovement';
10
+ import useSmile from '../utils/useSmile';
11
+ const AVATAR_POSITION = new Vector3(0, -1, 0);
12
+ const AVATAR_ROTATION = new Euler(0.175, 0, 0);
13
+ const ANIMATION_URLS = {
14
+ MALE: 'https://assets.memori.ai/api/v2/asset/5de7456f-0cd8-4e29-95a7-0cd0045a5325.glb',
15
+ FEMALE: 'https://assets.memori.ai/api/v2/asset/84487a2b-377c-4565-800a-51459d580ec8.glb',
16
+ };
17
+ export default function FullbodyAvatar({ url, sex, onLoaded, currentBaseAction, additiveActions, timeScale }) {
18
+ const { scene } = useGLTF(url);
19
+ const { animations } = useGLTF(ANIMATION_URLS[sex]);
20
+ const { nodes, materials } = useGraph(scene);
21
+ const { actions } = useAnimations(animations, scene);
22
+ const [mixer] = useState(() => new AnimationMixer(scene));
23
+ useEffect(() => {
24
+ correctMaterials(materials);
25
+ onLoaded === null || onLoaded === void 0 ? void 0 : onLoaded();
26
+ return () => {
27
+ Object.values(materials).forEach(dispose);
28
+ Object.values(nodes).filter(isSkinnedMesh).forEach(dispose);
29
+ };
30
+ }, [materials, nodes, url, onLoaded]);
31
+ useEffect(() => {
32
+ if (!actions || !currentBaseAction.action)
33
+ return;
34
+ const newAction = actions[currentBaseAction.action];
35
+ if (!newAction) {
36
+ console.warn(`Animation "${currentBaseAction.action}" not found in actions.`);
37
+ return;
38
+ }
39
+ const fadeOutDuration = 0.8;
40
+ const fadeInDuration = 0.8;
41
+ newAction.timeScale = timeScale;
42
+ newAction.reset().fadeIn(fadeInDuration).play();
43
+ return () => {
44
+ newAction.fadeOut(fadeOutDuration);
45
+ };
46
+ }, [currentBaseAction, timeScale]);
47
+ useEyeBlink(additiveActions.blink.weight > 0, nodes);
48
+ useMouthSpeaking(additiveActions.speak.weight > 0, nodes);
49
+ useHeadMovement(additiveActions.headMovement.weight > 0, nodes);
50
+ useSmile(additiveActions.smile.weight > 0, nodes);
51
+ useFrame((_, delta) => {
52
+ mixer.update(delta * 0.001);
53
+ });
54
+ return (_jsx("group", { position: AVATAR_POSITION, rotation: AVATAR_ROTATION, children: _jsx("primitive", { object: scene }) }));
55
+ }
56
+ //# sourceMappingURL=fullbodyAvatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fullbodyAvatar.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/fullbodyAvatar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ interface HalfBodyAvatarProps {
2
+ url: string;
3
+ eyeBlink?: boolean;
4
+ headMovement?: boolean;
5
+ speaking?: boolean;
6
+ onLoaded?: () => void;
7
+ }
8
+ export default function HalfBodyAvatar({ url, eyeBlink, headMovement, speaking, onLoaded, }: HalfBodyAvatarProps): JSX.Element;
9
+ export {};
@@ -0,0 +1,35 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect, useMemo } from 'react';
3
+ import { Vector3 } from 'three';
4
+ import { useGLTF } from '@react-three/drei';
5
+ import useEyeBlink from '../utils/useEyeBlink';
6
+ import useHeadMovement from '../utils/useHeadMovement';
7
+ import useMouthSpeaking from '../utils/useMouthSpeaking';
8
+ import { dispose, useGraph } from '@react-three/fiber';
9
+ import { correctMaterials, hideHands, isSkinnedMesh } from '../utils/utils';
10
+ const AVATAR_POSITION = new Vector3(0, -0.6, 0);
11
+ export default function HalfBodyAvatar({ url, eyeBlink, headMovement, speaking, onLoaded, }) {
12
+ const { scene } = useGLTF(url);
13
+ const { nodes, materials } = useGraph(scene);
14
+ useEyeBlink(eyeBlink, nodes);
15
+ useHeadMovement(headMovement, nodes);
16
+ useMouthSpeaking(!!speaking, nodes);
17
+ useEffect(() => {
18
+ const setupAvatar = () => {
19
+ hideHands(nodes);
20
+ correctMaterials(materials);
21
+ onLoaded === null || onLoaded === void 0 ? void 0 : onLoaded();
22
+ };
23
+ setupAvatar();
24
+ return () => {
25
+ const disposeObjects = () => {
26
+ Object.values(materials).forEach(dispose);
27
+ Object.values(nodes).filter(isSkinnedMesh).forEach(dispose);
28
+ };
29
+ disposeObjects();
30
+ };
31
+ }, [materials, nodes, url, onLoaded]);
32
+ const skinnedMeshes = useMemo(() => Object.values(nodes).filter(isSkinnedMesh), [nodes]);
33
+ return (_jsxs("group", { position: AVATAR_POSITION, children: [nodes.Hips && _jsx("primitive", { object: nodes.Hips }, "armature"), skinnedMeshes.map((node) => node && (_jsx("primitive", { object: node, receiveShadow: true, castShadow: true }, node.name)))] }));
34
+ }
35
+ //# sourceMappingURL=halfbodyAvatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"halfbodyAvatar.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/halfbodyAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAY,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAU5E,MAAM,eAAe,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,GACY;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7C,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC7B,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,gBAAgB,CAAC,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,OAAO,CAAC,CAAC;gBAC1C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,OAAO,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,OAAO,CAC3B,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,EAChD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,iBAAO,QAAQ,EAAE,eAAe,aAC7B,KAAK,CAAC,IAAI,IAAI,oBAA0B,MAAM,EAAE,KAAK,CAAC,IAAI,IAA7B,UAAU,CAAuB,EAC9D,aAAa,CAAC,GAAG,CAChB,CAAC,IAAc,EAAE,EAAE,CACjB,IAAI,IAAI,CACN,oBAA2B,MAAM,EAAE,IAAI,EAAE,aAAa,QAAC,UAAU,UAAjD,IAAI,CAAC,IAAI,CAA2C,CACrE,CACJ,IACK,CACT,CAAC;AACJ,CAAC"}
@@ -0,0 +1,5 @@
1
+ interface Props {
2
+ fallbackImg?: string;
3
+ }
4
+ declare const Loader: ({ fallbackImg }: Props) => JSX.Element;
5
+ export default Loader;
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { Html, useProgress } from '@react-three/drei';
3
+ import Spin from '../../../ui/Spin';
4
+ const Loader = ({ fallbackImg }) => {
5
+ const { progress } = useProgress();
6
+ return (_jsx(Html, { center: true, className: "avatar-loader", children: _jsx(Spin, { spinning: true, children: fallbackImg ? (_jsxs("figure", { children: [_jsx("img", { src: fallbackImg, alt: `${Math.round(progress)}% loaded`, title: `${Math.round(progress)}% loaded` }), _jsx("figcaption", { children: `${Math.round(progress)}%` })] })) : (_jsxs(_Fragment, { children: [Math.round(progress), " % loaded"] })) }) }));
7
+ };
8
+ export default Loader;
9
+ //# sourceMappingURL=loader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarView/components/loader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAMpC,MAAM,MAAM,GAAG,CAAC,EAAE,WAAW,EAAS,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,QAAC,SAAS,EAAC,eAAe,YACpC,KAAC,IAAI,IAAC,QAAQ,kBACX,WAAW,CAAC,CAAC,CAAC,CACb,6BACE,cACE,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,+BAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAc,IAC9C,CACV,CAAC,CAAC,CAAC,CACF,8BAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAa,CACrC,GACI,GACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { CSSProperties } from 'react';
2
+ import React from 'react';
3
+ export interface Props {
4
+ url: string;
5
+ sex: 'MALE' | 'FEMALE';
6
+ fallbackImg?: string;
7
+ eyeBlink?: boolean;
8
+ headMovement?: boolean;
9
+ rotateAvatar?: boolean;
10
+ speaking?: boolean;
11
+ style?: CSSProperties;
12
+ fallback?: React.ReactNode;
13
+ halfBody?: boolean;
14
+ loading?: boolean;
15
+ animation?: string;
16
+ showControls?: boolean;
17
+ }
18
+ export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, fallbackImg, halfBody, loading, animation, showControls, }: Props): JSX.Element;
@@ -0,0 +1,107 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Suspense } from 'react';
3
+ import FullbodyAvatar from './components/fullbodyAvatar';
4
+ import { Canvas } from '@react-three/fiber';
5
+ import { OrbitControls, SpotLight, Environment } from '@react-three/drei';
6
+ import { isAndroid, isiOS } from '../../../helpers/utils';
7
+ import { useState, useEffect } from 'react';
8
+ import AnimationControlPanel from './components/controls';
9
+ import HalfBodyAvatar from './components/halfbodyAvatar';
10
+ import Loader from './components/loader';
11
+ const baseActions = {
12
+ Idle: { weight: 1 },
13
+ 'Idle 1': { weight: 0 },
14
+ 'Idle 2': { weight: 0 },
15
+ 'Idle 3': { weight: 0 },
16
+ Loading: { weight: 0 },
17
+ Sad: { weight: 0 },
18
+ 'Talk 1': { weight: 0 },
19
+ 'Talk 2': { weight: 0 },
20
+ 'Talk 3': { weight: 0 },
21
+ };
22
+ const defaultStyles = {
23
+ halfBody: {
24
+ width: '250px',
25
+ height: '250px',
26
+ backgroundColor: 'white',
27
+ borderRadius: '100%',
28
+ },
29
+ fullBody: {
30
+ width: '500px',
31
+ height: '500px',
32
+ backgroundColor: 'white',
33
+ },
34
+ };
35
+ const getCameraSettings = (halfBody) => halfBody
36
+ ? {
37
+ fov: 40,
38
+ position: [0, 0, 0.6],
39
+ }
40
+ : { fov: 40, position: [0, 0.0000175, 3] };
41
+ const getLightingComponent = () => isAndroid() || isiOS() ? (_jsx(SpotLight, { distance: 100, position: [-0.3, 0.2, 1.25], angle: Math.PI / 2, attenuation: 5, anglePower: 5 })) : (_jsx(Environment, { files: "https://raw.githack.com/pmndrs/drei-assets/456060a26bbeb8fdf79326f224b6d99b8bcce736/hdri/venice_sunset_1k.hdr" }));
42
+ const AvatarComponent = ({ animation, loading, halfBody, ...props }) => halfBody ? _jsx(HalfBodyAvatar, { ...props }) : _jsx(FullbodyAvatar, { ...props });
43
+ const AvatarView = ({ showControls, animation, loading, url, sex, eyeBlink, headMovement, speaking, halfBody, }) => {
44
+ const [currentBaseAction, setCurrentBaseAction] = useState({
45
+ action: animation || 'Idle',
46
+ weight: 1,
47
+ });
48
+ const [additiveActions, setAdditiveActions] = useState({
49
+ smile: { weight: 0 },
50
+ blink: { weight: eyeBlink ? 1 : 0 },
51
+ speak: { weight: speaking ? 1 : 0 },
52
+ headMovement: { weight: headMovement ? 1 : 0 },
53
+ });
54
+ const [timeScale, setTimeScale] = useState(0.8);
55
+ function onBaseActionChange(action) {
56
+ setCurrentBaseAction({
57
+ action,
58
+ weight: 1,
59
+ });
60
+ }
61
+ function onAdditiveActionChange(action, weight) {
62
+ setAdditiveActions({
63
+ ...additiveActions,
64
+ [action]: { weight },
65
+ });
66
+ }
67
+ function modifyTimeScale(value) {
68
+ setTimeScale(value);
69
+ }
70
+ useEffect(() => {
71
+ if (loading && currentBaseAction.action !== 'Loading' && !speaking) {
72
+ setCurrentBaseAction({
73
+ action: 'Loading',
74
+ weight: 1,
75
+ });
76
+ return;
77
+ }
78
+ if (speaking) {
79
+ const talkingAnimations = ['Talk 1', 'Talk 2', 'Talk 3'];
80
+ const randomIndex = Math.floor(Math.random() * talkingAnimations.length);
81
+ const randomTalkingAnimation = talkingAnimations[randomIndex];
82
+ setAdditiveActions({
83
+ ...additiveActions,
84
+ speak: { weight: 1 },
85
+ });
86
+ setCurrentBaseAction({
87
+ action: randomTalkingAnimation,
88
+ weight: 1,
89
+ });
90
+ }
91
+ else if (!speaking && additiveActions.speak.weight !== 0) {
92
+ setAdditiveActions({
93
+ ...additiveActions,
94
+ speak: { weight: 0 },
95
+ });
96
+ setCurrentBaseAction({
97
+ action: 'Idle',
98
+ weight: 1,
99
+ });
100
+ }
101
+ }, [speaking, loading]);
102
+ return (_jsxs(_Fragment, { children: [showControls && (_jsx(AnimationControlPanel, { timeScale: timeScale, onBaseActionChange: onBaseActionChange, onAdditiveActionChange: onAdditiveActionChange, baseActions: baseActions, additiveActions: additiveActions, currentBaseAction: currentBaseAction, modifyTimeScale: modifyTimeScale })), _jsx(AvatarComponent, { halfBody: halfBody, url: url, sex: sex, eyeBlink: eyeBlink, headMovement: headMovement, speaking: speaking, additiveActions: additiveActions, baseActions: baseActions, loading: loading || false, currentBaseAction: currentBaseAction, timeScale: timeScale, animation: animation })] }));
103
+ };
104
+ export default function ContainerAvatarView({ url, sex, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, fallbackImg, halfBody = true, loading, animation, showControls = false, }) {
105
+ return (_jsx(Canvas, { style: style || (halfBody ? defaultStyles.halfBody : defaultStyles.fullBody), camera: getCameraSettings(halfBody), children: _jsxs(Suspense, { fallback: fallback || _jsx(Loader, { fallbackImg: fallbackImg }), children: [getLightingComponent(), rotateAvatar && _jsx(OrbitControls, { enablePan: false, enableZoom: false }), _jsx(AvatarView, { halfBody: halfBody, url: url, sex: sex, eyeBlink: eyeBlink, headMovement: headMovement, speaking: speaking, loading: loading, animation: animation, showControls: showControls })] }) }));
106
+ }
107
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/AvatarView/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import { Nodes } from './utils';
2
+ export default function useEyeBlink(enabled: boolean | undefined, nodes: Nodes): void;