@memori.ai/memori-react 7.8.8 → 7.9.0
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.
- package/CHANGELOG.md +54 -0
- package/dist/components/Avatar/Avatar.d.ts +4 -0
- package/dist/components/Avatar/Avatar.js +6 -6
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/avatarComponent.d.ts +3 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/avatarComponent.js +3 -3
- package/dist/components/Avatar/AvatarView/AvatarComponent/avatarComponent.js.map +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/AnimationController.js +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/AnimationController.js.map +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.d.ts +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.js +48 -10
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.js.map +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/types.d.ts +4 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/MorphTargetController.d.ts +17 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/MorphTargetController.js +73 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/MorphTargetController.js.map +1 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/PositionController.d.ts +19 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/PositionController.js +60 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/PositionController.js.map +1 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/constants.d.ts +18 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/constants.js +26 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/constants.js.map +1 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.d.ts +8 -7
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.js +65 -78
- package/dist/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.js.map +1 -1
- package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css +99 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.d.ts +12 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js +98 -0
- package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js.map +1 -0
- package/dist/components/Avatar/AvatarView/index.d.ts +4 -1
- package/dist/components/Avatar/AvatarView/index.js +36 -13
- package/dist/components/Avatar/AvatarView/index.js.map +1 -1
- package/dist/components/Avatar/AvatarView/utils/hideHands.d.ts +2 -0
- package/dist/components/Avatar/AvatarView/utils/hideHands.js +14 -0
- package/dist/components/Avatar/AvatarView/utils/hideHands.js.map +1 -0
- package/dist/components/Chat/Chat.d.ts +1 -0
- package/dist/components/Chat/Chat.js +5 -2
- package/dist/components/Chat/Chat.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +27 -4
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/SettingsDrawer/SettingsDrawer.css +4 -2
- package/dist/components/SettingsDrawer/SettingsDrawer.d.ts +6 -1
- package/dist/components/SettingsDrawer/SettingsDrawer.js +10 -4
- package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
- package/dist/components/layouts/Totem.js +1 -1
- package/dist/components/layouts/Totem.js.map +1 -1
- package/dist/components/layouts/totem.css +9 -9
- package/dist/components/ui/Button.css +4 -0
- package/dist/components/ui/Button.d.ts +1 -0
- package/dist/components/ui/Button.js +2 -1
- package/dist/components/ui/Button.js.map +1 -1
- package/dist/components/ui/Slider.css +177 -0
- package/dist/components/ui/Slider.d.ts +12 -0
- package/dist/components/ui/Slider.js +78 -0
- package/dist/components/ui/Slider.js.map +1 -0
- package/dist/locales/en.json +11 -0
- package/dist/locales/it.json +11 -0
- package/dist/styles.css +1 -0
- package/esm/components/Avatar/Avatar.d.ts +4 -0
- package/esm/components/Avatar/Avatar.js +6 -6
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/avatarComponent.d.ts +3 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/avatarComponent.js +3 -3
- package/esm/components/Avatar/AvatarView/AvatarComponent/avatarComponent.js.map +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/AnimationController.js +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/AnimationController.js.map +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.d.ts +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.js +45 -8
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.js.map +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/types.d.ts +4 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/MorphTargetController.d.ts +17 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/MorphTargetController.js +69 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/MorphTargetController.js.map +1 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/PositionController.d.ts +19 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/PositionController.js +56 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/PositionController.js.map +1 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/constants.d.ts +18 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/constants.js +23 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/constants.js.map +1 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.d.ts +8 -7
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.js +66 -80
- package/esm/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.js.map +1 -1
- package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css +99 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.d.ts +12 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js +95 -0
- package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js.map +1 -0
- package/esm/components/Avatar/AvatarView/index.d.ts +4 -1
- package/esm/components/Avatar/AvatarView/index.js +38 -15
- package/esm/components/Avatar/AvatarView/index.js.map +1 -1
- package/esm/components/Avatar/AvatarView/utils/hideHands.d.ts +2 -0
- package/esm/components/Avatar/AvatarView/utils/hideHands.js +10 -0
- package/esm/components/Avatar/AvatarView/utils/hideHands.js.map +1 -0
- package/esm/components/Chat/Chat.d.ts +1 -0
- package/esm/components/Chat/Chat.js +5 -2
- package/esm/components/Chat/Chat.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +27 -4
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/SettingsDrawer/SettingsDrawer.css +4 -2
- package/esm/components/SettingsDrawer/SettingsDrawer.d.ts +6 -1
- package/esm/components/SettingsDrawer/SettingsDrawer.js +10 -4
- package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
- package/esm/components/layouts/Totem.js +1 -1
- package/esm/components/layouts/Totem.js.map +1 -1
- package/esm/components/layouts/totem.css +9 -9
- package/esm/components/ui/Button.css +4 -0
- package/esm/components/ui/Button.d.ts +1 -0
- package/esm/components/ui/Button.js +2 -1
- package/esm/components/ui/Button.js.map +1 -1
- package/esm/components/ui/Slider.css +177 -0
- package/esm/components/ui/Slider.d.ts +12 -0
- package/esm/components/ui/Slider.js +75 -0
- package/esm/components/ui/Slider.js.map +1 -0
- package/esm/locales/en.json +11 -0
- package/esm/locales/it.json +11 -0
- package/esm/styles.css +1 -0
- package/package.json +3 -2
- package/src/components/Avatar/Avatar.test.tsx +8 -0
- package/src/components/Avatar/Avatar.tsx +19 -6
- package/src/components/Avatar/AvatarView/AvatarComponent/avatarComponent.tsx +17 -8
- package/src/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/AnimationController.ts +1 -1
- package/src/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.tsx +69 -18
- package/src/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/types.ts +4 -1
- package/src/components/Avatar/AvatarView/AvatarComponent/components/PositionController.ts +83 -0
- package/src/components/Avatar/AvatarView/AvatarComponent/components/{FullbodyAvatar/constants.ts → constants.ts} +2 -1
- package/src/components/Avatar/AvatarView/AvatarComponent/components/halfbodyAvatar.tsx +106 -124
- package/src/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css +99 -0
- package/src/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.tsx +187 -0
- package/src/components/Avatar/AvatarView/index.tsx +115 -43
- package/src/components/Avatar/AvatarView/utils/hideHands.ts +11 -0
- package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +32 -93
- package/src/components/Chat/Chat.test.tsx +11 -0
- package/src/components/Chat/Chat.tsx +8 -1
- package/src/components/MemoriWidget/MemoriWidget.tsx +42 -5
- package/src/components/SettingsDrawer/SettingsDrawer.css +4 -2
- package/src/components/SettingsDrawer/SettingsDrawer.test.tsx +24 -0
- package/src/components/SettingsDrawer/SettingsDrawer.tsx +76 -4
- package/src/components/layouts/Totem.tsx +1 -1
- package/src/components/layouts/layouts.stories.tsx +111 -3
- package/src/components/layouts/totem.css +9 -9
- package/src/components/ui/Button.css +4 -0
- package/src/components/ui/Button.tsx +3 -0
- package/src/components/ui/Slider.css +177 -0
- package/src/components/ui/Slider.stories.tsx +63 -0
- package/src/components/ui/Slider.tsx +142 -0
- package/src/locales/en.json +11 -0
- package/src/locales/it.json +11 -0
- package/src/styles.css +1 -0
- /package/src/components/Avatar/AvatarView/AvatarComponent/components/{FullbodyAvatar/MorhTargetController.ts → MorphTargetController.ts} +0 -0
|
@@ -12,6 +12,11 @@ export interface Props {
|
|
|
12
12
|
hideEmissions?: boolean;
|
|
13
13
|
setHideEmissions: (value: boolean) => void;
|
|
14
14
|
additionalSettings?: WidgetProps['additionalSettings'];
|
|
15
|
+
avatarType?: 'blob' | 'avatar3d' | null;
|
|
16
|
+
setAvatarType: (value: 'blob' | 'avatar3d' | null) => void;
|
|
17
|
+
enablePositionControls?: boolean;
|
|
18
|
+
setEnablePositionControls: (value: boolean) => void;
|
|
19
|
+
isAvatar3d?: boolean;
|
|
15
20
|
}
|
|
16
|
-
declare const SettingsDrawer: ({ open, layout, onClose, microphoneMode, continuousSpeechTimeout, setMicrophoneMode, setContinuousSpeechTimeout, controlsPosition, setControlsPosition, hideEmissions, setHideEmissions, additionalSettings, }: Props) => JSX.Element;
|
|
21
|
+
declare const SettingsDrawer: ({ open, layout, onClose, microphoneMode, continuousSpeechTimeout, setMicrophoneMode, setContinuousSpeechTimeout, controlsPosition, setControlsPosition, hideEmissions, setHideEmissions, additionalSettings, avatarType, setAvatarType, enablePositionControls, setEnablePositionControls, isAvatar3d, }: Props) => JSX.Element;
|
|
17
22
|
export default SettingsDrawer;
|
|
@@ -10,9 +10,9 @@ const configuration_1 = require("../../helpers/configuration");
|
|
|
10
10
|
const react_1 = require("@headlessui/react");
|
|
11
11
|
const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
|
|
12
12
|
const silenceSeconds = [2, 3, 5, 10, 15, 20, 30, 60];
|
|
13
|
-
const SettingsDrawer = ({ open, layout = 'DEFAULT', onClose, microphoneMode = 'HOLD_TO_TALK', continuousSpeechTimeout, setMicrophoneMode, setContinuousSpeechTimeout, controlsPosition, setControlsPosition, hideEmissions, setHideEmissions, additionalSettings, }) => {
|
|
13
|
+
const SettingsDrawer = ({ open, layout = 'DEFAULT', onClose, microphoneMode = 'HOLD_TO_TALK', continuousSpeechTimeout, setMicrophoneMode, setContinuousSpeechTimeout, controlsPosition, setControlsPosition, hideEmissions, setHideEmissions, additionalSettings, avatarType, setAvatarType, enablePositionControls, setEnablePositionControls, isAvatar3d, }) => {
|
|
14
14
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(Drawer_1.default, { className: "memori-settings-drawer", open: open, onClose: onClose, title: t('widget.settings') || 'Settings', description: t('write_and_speak.settingsHeaderLabel'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-settings-drawer--field controls", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "#microphoneMode", children: [t('write_and_speak.microphoneMode') || 'Microphone mode', ":"] }), (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { id: "microphoneMode", name: "microphoneMode", value: microphoneMode, defaultValue: microphoneMode, className: "memori-settings-drawer--microphoneMode-radio", onChange: value => {
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)(Drawer_1.default, { className: "memori-settings-drawer", open: open, onClose: onClose, title: t('widget.settings') || 'Settings', description: t('write_and_speak.settingsHeaderLabel'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-settings-drawer--field controls", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "#microphoneMode", children: [t('write_and_speak.microphoneMode') || 'Microphone mode', ":"] }), (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { id: "microphoneMode", name: "microphoneMode", value: microphoneMode, defaultValue: microphoneMode, className: "memori-settings-drawer--microphoneMode-radio", onChange: (value) => {
|
|
16
16
|
let micMode = value === 'CONTINUOUS' ? 'CONTINUOUS' : 'HOLD_TO_TALK';
|
|
17
17
|
setMicrophoneMode(micMode);
|
|
18
18
|
(0, configuration_1.setLocalConfig)('microphoneMode', micMode);
|
|
@@ -20,10 +20,16 @@ const SettingsDrawer = ({ open, layout = 'DEFAULT', onClose, microphoneMode = 'H
|
|
|
20
20
|
'Continuous speech' })) })] })] }), microphoneMode === 'CONTINUOUS' && ((0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field", children: (0, jsx_runtime_1.jsx)(Select_1.default, { label: t('write_and_speak.secondsLabel') || 'Seconds', placeholder: t('write_and_speak.secondsLabel') || 'Seconds', options: silenceSeconds.map(s => ({ value: s, label: s })), value: continuousSpeechTimeout, onChange: value => {
|
|
21
21
|
setContinuousSpeechTimeout(value);
|
|
22
22
|
(0, configuration_1.setLocalConfig)('continuousSpeechTimeout', value);
|
|
23
|
-
} }) })), layout === 'TOTEM' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-settings-drawer--field controls", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "#controlsPosition", children: [t('write_and_speak.controlsPosition') || 'Controls', ":"] }), (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { id: "controlsPosition", name: "controlsPosition", value: controlsPosition, defaultValue: controlsPosition, className: "memori-settings-drawer--controlsposition-radio", onChange: value => {
|
|
23
|
+
} }) })), layout === 'TOTEM' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-settings-drawer--field controls", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "#controlsPosition", children: [t('write_and_speak.controlsPosition') || 'Controls', ":"] }), (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { id: "controlsPosition", name: "controlsPosition", value: controlsPosition, defaultValue: controlsPosition, className: "memori-settings-drawer--controlsposition-radio", onChange: (value) => {
|
|
24
24
|
setControlsPosition(value);
|
|
25
25
|
(0, configuration_1.setLocalConfig)('controlsPosition', value);
|
|
26
|
-
}, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "center", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('center') || 'Center' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "bottom", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('bottom') || 'Bottom' })) })] })] }), (0, jsx_runtime_1.
|
|
26
|
+
}, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "center", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('center') || 'Center' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "bottom", className: "memori-settings-drawer--controlsposition-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('bottom') || 'Bottom' })) })] })] }), isAvatar3d && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-settings-drawer--field controls", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "avatarType", className: "memori-settings-drawer-label", children: [t('write_and_speak.avatarType') || 'Avatar type', ":"] }), (0, jsx_runtime_1.jsxs)(react_1.RadioGroup, { id: "avatarType", name: "avatarType", value: avatarType, defaultValue: avatarType, className: "memori-settings-drawer--avatarType-radio", onChange: (value) => {
|
|
27
|
+
setAvatarType && setAvatarType(value);
|
|
28
|
+
(0, configuration_1.setLocalConfig)('avatarType', value);
|
|
29
|
+
}, children: [(0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "blob", className: "memori-settings-drawer--avatarType-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('write_and_speak.blob') || 'Blob' })) }), (0, jsx_runtime_1.jsx)(react_1.RadioGroup.Option, { value: "avatar3d", className: "memori-settings-drawer--avatarType-radio-button", children: ({ checked }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: checked, outlined: !checked, children: t('write_and_speak.avatar3d') || 'Avatar 3D' })) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field", children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: t('write_and_speak.enablePositionControls') ||
|
|
30
|
+
'Enable position controls', name: "enablePositionControls", checked: enablePositionControls, onChange: e => {
|
|
31
|
+
setEnablePositionControls(e.target.checked);
|
|
32
|
+
} }) })] })), (0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field", children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: t('write_and_speak.hideEmissionsLabel') || 'Hide emissions', name: "hideControls", checked: hideEmissions, onChange: e => {
|
|
27
33
|
setHideEmissions(e.target.checked);
|
|
28
34
|
(0, configuration_1.setLocalConfig)('hideEmissions', e.target.checked);
|
|
29
35
|
} }) })] })), additionalSettings && ((0, jsx_runtime_1.jsx)("div", { className: "memori-settings-drawer--field controls", children: additionalSettings }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../src/components/SettingsDrawer/SettingsDrawer.tsx"],"names":[],"mappings":";;;;AAAA,kEAAkC;AAClC,iDAA+C;AAC/C,sEAAsC;AACtC,kEAAkC;AAClC,+DAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../src/components/SettingsDrawer/SettingsDrawer.tsx"],"names":[],"mappings":";;;;AAAA,kEAAkC;AAClC,iDAA+C;AAC/C,sEAAsC;AACtC,kEAAkC;AAClC,+DAA6D;AAC7D,6CAAuD;AACvD,kEAAkC;AAwBlC,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAErD,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,cAAc,GAAG,cAAc,EAC/B,uBAAuB,EACvB,iBAAiB,EACjB,0BAA0B,EAC1B,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,yBAAyB,EACzB,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,wBAAC,gBAAM,IACL,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,EACzC,WAAW,EAAE,CAAC,CAAC,qCAAqC,CAAC,aAErD,iCAAK,SAAS,EAAC,wCAAwC,aACrD,mCAAO,OAAO,EAAC,iBAAiB,aAC7B,CAAC,CAAC,gCAAgC,CAAC,IAAI,iBAAiB,SACnD,EACR,wBAAC,kBAAU,IACT,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,cAAc,EACrB,YAAY,EAAE,cAAc,EAC5B,SAAS,EAAC,8CAA8C,EACxD,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE;4BACvB,IAAI,OAAO,GACT,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC;4BAEzD,iBAAiB,CAAC,OAAwC,CAAC,CAAC;4BAC5D,IAAA,8BAAc,EAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;wBAC5C,CAAC,aAED,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAC,qDAAqD,YAE9D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,6BAA6B,CAAC,IAAI,eAAe,GAC7C,CACV,GACiB,EACpB,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,qDAAqD,YAE9D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,uCAAuC,CAAC;wCACzC,mBAAmB,GACd,CACV,GACiB,IACT,IACT,EAEL,cAAc,KAAK,YAAY,IAAI,CAClC,gCAAK,SAAS,EAAC,+BAA+B,YAC5C,uBAAC,gBAAM,IACL,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC,IAAI,SAAS,EACrD,WAAW,EAAE,CAAC,CAAC,8BAA8B,CAAC,IAAI,SAAS,EAC3D,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAC1D,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,0BAA0B,CAAC,KAAK,CAAC,CAAC;wBAClC,IAAA,8BAAc,EAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;oBACnD,CAAC,GACD,GACE,CACP,EAEA,MAAM,KAAK,OAAO,IAAI,CACrB,6DACE,iCAAK,SAAS,EAAC,wCAAwC,aACrD,mCAAO,OAAO,EAAC,mBAAmB,aAC/B,CAAC,CAAC,kCAAkC,CAAC,IAAI,UAAU,SAC9C,EACR,wBAAC,kBAAU,IACT,EAAE,EAAC,kBAAkB,EACrB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAC,gDAAgD,EAC1D,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE;oCACvB,mBAAmB,CAAC,KAAK,CAAC,CAAC;oCAC3B,IAAA,8BAAc,EAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;gCAC5C,CAAC,aAED,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uDAAuD,YAEhE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,GACjB,CACV,GACiB,EACpB,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uDAAuD,YAEhE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,GACjB,CACV,GACiB,IACT,IACT,EAEL,UAAU,IAAI,CACb,6DACE,iCAAK,SAAS,EAAC,wCAAwC,aAErD,mCACE,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,8BAA8B,aAEvC,CAAC,CAAC,4BAA4B,CAAC,IAAI,aAAa,SAC3C,EACR,wBAAC,kBAAU,IACT,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,UAAU,EACxB,SAAS,EAAC,0CAA0C,EACpD,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE;4CACvB,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;4CACtC,IAAA,8BAAc,EAAC,YAAY,EAAE,KAAK,CAAC,CAAC;wCACtC,CAAC,aAED,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,iDAAiD,YAE1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,sBAAsB,CAAC,IAAI,MAAM,GAC7B,CACV,GACiB,EACpB,uBAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,iDAAiD,YAE1D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,YACzC,CAAC,CAAC,0BAA0B,CAAC,IAAI,WAAW,GACtC,CACV,GACiB,IACT,IACT,EAEN,gCAAK,SAAS,EAAC,+BAA+B,YAC5C,uBAAC,kBAAQ,IACP,KAAK,EACH,CAAC,CAAC,wCAAwC,CAAC;wCAC3C,0BAA0B,EAE5B,IAAI,EAAC,wBAAwB,EAC7B,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE;wCACZ,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oCAC9C,CAAC,GACD,GACE,IACL,CACJ,EAED,gCAAK,SAAS,EAAC,+BAA+B,YAC5C,uBAAC,kBAAQ,IACP,KAAK,EACH,CAAC,CAAC,oCAAoC,CAAC,IAAI,gBAAgB,EAE7D,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gCACnC,IAAA,8BAAc,EAAC,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;4BACpD,CAAC,GACD,GACE,IACL,CACJ,EAEA,kBAAkB,IAAI,CACrB,gCAAK,SAAS,EAAC,wCAAwC,YACpD,kBAAkB,GACf,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
|
|
6
|
-
const TotemLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, ChangeMode, changeModeProps, sessionId, hasUserActivatedSpeak, showInstruct = false, loading = false, poweredBy, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, className: "memori-totem-layout", children: [poweredBy, showInstruct && ChangeMode && changeModeProps && ((0, jsx_runtime_1.jsx)(ChangeMode, { ...changeModeProps })), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-layout--header", children: Header && headerProps && (0, jsx_runtime_1.jsx)(Header, { ...headerProps }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-layout--avatar", children: Avatar && avatarProps && (0, jsx_runtime_1.jsx)(Avatar, { ...avatarProps }) }), (0, jsx_runtime_1.jsx)("div", { id: "extension" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null })] })] }));
|
|
6
|
+
const TotemLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, ChangeMode, changeModeProps, sessionId, hasUserActivatedSpeak, showInstruct = false, loading = false, poweredBy, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, className: "memori-totem-layout", children: [poweredBy, showInstruct && ChangeMode && changeModeProps && ((0, jsx_runtime_1.jsx)(ChangeMode, { ...changeModeProps })), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-layout--header", children: Header && headerProps && (0, jsx_runtime_1.jsx)(Header, { ...headerProps }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-layout--avatar", children: Avatar && avatarProps && (0, jsx_runtime_1.jsx)(Avatar, { ...avatarProps, isTotem: true }) }), (0, jsx_runtime_1.jsx)("div", { id: "extension" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-totem-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null })] })] }));
|
|
7
7
|
exports.default = TotemLayout;
|
|
8
8
|
//# sourceMappingURL=Totem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Totem.js","sourceRoot":"","sources":["../../../src/components/layouts/Totem.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAG9B,MAAM,WAAW,GAA0B,CAAC,EAC1C,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,YAAY,GAAG,KAAK,EACpB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,qBAAqB,aACrD,SAAS,EACT,YAAY,IAAI,UAAU,IAAI,eAAe,IAAI,CAChD,uBAAC,UAAU,OAAK,eAAe,GAAI,CACpC,EAED,gCAAK,SAAS,EAAC,6BAA6B,YACzC,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,gCAAK,SAAS,EAAC,6BAA6B,YACzC,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"Totem.js","sourceRoot":"","sources":["../../../src/components/layouts/Totem.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAG9B,MAAM,WAAW,GAA0B,CAAC,EAC1C,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,YAAY,GAAG,KAAK,EACpB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAC,qBAAqB,aACrD,SAAS,EACT,YAAY,IAAI,UAAU,IAAI,eAAe,IAAI,CAChD,uBAAC,UAAU,OAAK,eAAe,GAAI,CACpC,EAED,gCAAK,SAAS,EAAC,6BAA6B,YACzC,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,gCAAK,SAAS,EAAC,6BAA6B,YACzC,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,EAAE,OAAO,SAAG,GACzD,EAEN,gCAAK,EAAE,EAAC,WAAW,GAAG,EAEtB,gCAAK,SAAS,EAAC,+BAA+B,YAC3C,SAAS,IAAI,qBAAqB,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CACzD,uBAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,uBAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,IACD,IACN,CACJ,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.memori-widget.memori-layout-totem {
|
|
2
|
-
height:
|
|
2
|
+
height: 95vh !important;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.memori-widget.memori-layout-totem .memori--global-background.no-background-image {
|
|
@@ -95,28 +95,28 @@
|
|
|
95
95
|
bottom: auto;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.memori-totem-layout--avatar .memori--avatar-wrapper>div {
|
|
99
|
-
overflow: visible !important;
|
|
98
|
+
/* .memori-totem-layout--avatar .memori--avatar-wrapper>div {
|
|
99
|
+
overflow: visible !important; */
|
|
100
100
|
/* width: 100% !important;
|
|
101
101
|
height: 100% !important; */
|
|
102
|
-
width: auto !important;
|
|
102
|
+
/* width: auto !important;
|
|
103
103
|
height: 90vh !important;
|
|
104
104
|
max-height: 90vh;
|
|
105
105
|
border-radius: 0;
|
|
106
106
|
transform: scale(1.7) translate(0px, 10vh);
|
|
107
|
-
}
|
|
107
|
+
} */
|
|
108
108
|
|
|
109
|
-
.memori-totem-layout--avatar .memori--avatar-wrapper canvas {
|
|
109
|
+
/* .memori-totem-layout--avatar .memori--avatar-wrapper canvas {
|
|
110
110
|
width: auto !important;
|
|
111
111
|
max-width: 100%;
|
|
112
112
|
height: 100% !important;
|
|
113
113
|
max-height: 100%;
|
|
114
|
-
}
|
|
114
|
+
} */
|
|
115
115
|
|
|
116
|
-
.memori-totem-layout--controls {
|
|
116
|
+
/* .memori-totem-layout--controls {
|
|
117
117
|
position: relative;
|
|
118
118
|
z-index: 5;
|
|
119
|
-
}
|
|
119
|
+
} */
|
|
120
120
|
|
|
121
121
|
.memori-totem-layout--controls .memori--start-panel,
|
|
122
122
|
.memori-totem-layout--controls .memori-chat--history,
|
|
@@ -12,6 +12,10 @@
|
|
|
12
12
|
font-size: 14px;
|
|
13
13
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
14
14
|
}
|
|
15
|
+
.memori-button--active {
|
|
16
|
+
background: var(--memori-primary);
|
|
17
|
+
color: var(--memori-primary-text);
|
|
18
|
+
}
|
|
15
19
|
|
|
16
20
|
.memori-button:hover {
|
|
17
21
|
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 4px 8px rgba(0, 0, 0, 0.04);
|
|
@@ -14,6 +14,7 @@ export interface Props {
|
|
|
14
14
|
className?: string;
|
|
15
15
|
title?: string;
|
|
16
16
|
id?: string;
|
|
17
|
+
isActive?: boolean;
|
|
17
18
|
htmlType?: 'button' | 'submit' | 'reset';
|
|
18
19
|
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
19
20
|
onMouseDown?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
6
|
const Loading_1 = tslib_1.__importDefault(require("../icons/Loading"));
|
|
7
|
-
const Button = ({ primary = false, outlined = false, ghost = false, padded = true, shape = 'rounded', danger = false, loading = false, disabled = false, block = false, icon, className, title, id, htmlType, onClick, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, children, }) => ((0, jsx_runtime_1.jsxs)("button", { id: id, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, title: title, disabled: loading || disabled, className: (0, classnames_1.default)('memori-button', {
|
|
7
|
+
const Button = ({ primary = false, outlined = false, ghost = false, padded = true, shape = 'rounded', danger = false, loading = false, disabled = false, block = false, icon, className, title, id, htmlType, onClick, onMouseDown, onMouseUp, onMouseLeave, onTouchStart, onTouchEnd, children, isActive, }) => ((0, jsx_runtime_1.jsxs)("button", { id: id, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchEnd: onTouchEnd, title: title, disabled: loading || disabled, className: (0, classnames_1.default)('memori-button', {
|
|
8
8
|
'memori-button--primary': primary,
|
|
9
9
|
'memori-button--outlined': outlined,
|
|
10
10
|
'memori-button--ghost': ghost,
|
|
@@ -17,6 +17,7 @@ const Button = ({ primary = false, outlined = false, ghost = false, padded = tru
|
|
|
17
17
|
'memori-button--icon-only': (icon || loading) && !children,
|
|
18
18
|
'memori-button--danger': danger,
|
|
19
19
|
'memori-button--loading': loading,
|
|
20
|
+
'memori-button--active': isActive,
|
|
20
21
|
}, className), children: [icon && !loading && (0, jsx_runtime_1.jsx)("span", { className: "memori-button--icon", children: icon }), loading && ((0, jsx_runtime_1.jsx)("span", { className: "memori-button--icon loading-icon", children: (0, jsx_runtime_1.jsx)(Loading_1.default, { loading: true }) })), children] }));
|
|
21
22
|
exports.default = Button;
|
|
22
23
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,uEAAuC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAC5B,uEAAuC;AAuCvC,MAAM,MAAM,GAAc,CAAC,EACzB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,SAAS,EACT,KAAK,EACL,EAAE,EACF,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,SAAS,EAAE,IAAA,oBAAE,EACX,eAAe,EACf;QACE,wBAAwB,EAAE,OAAO;QACjC,yBAAyB,EAAE,QAAQ;QACnC,sBAAsB,EAAE,KAAK;QAC7B,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,wBAAwB,EAAE,KAAK,KAAK,SAAS;QAC7C,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,uBAAuB,EAAE,MAAM;QAC/B,sBAAsB,EAAE,KAAK;QAC7B,0BAA0B,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,QAAQ;QACzD,0BAA0B,EAAE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ;QAC1D,uBAAuB,EAAE,MAAM;QAC/B,wBAAwB,EAAE,OAAO;QACjC,uBAAuB,EAAE,QAAQ;KAClC,EACD,SAAS,CACV,aAEA,IAAI,IAAI,CAAC,OAAO,IAAI,iCAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,EACvE,OAAO,IAAI,CACV,iCAAM,SAAS,EAAC,kCAAkC,YAChD,uBAAC,iBAAO,IAAC,OAAO,SAAG,GACd,CACR,EACA,QAAQ,IACF,CACV,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
.memori--slider-container {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 100%;
|
|
4
|
+
max-width: 100%;
|
|
5
|
+
padding: 16px 12px; /* Increased padding for better touch area */
|
|
6
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
7
|
+
touch-action: none;
|
|
8
|
+
user-select: none;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.memori--slider-disabled {
|
|
12
|
+
cursor: not-allowed;
|
|
13
|
+
opacity: 0.6;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.memori--slider-header {
|
|
17
|
+
position: absolute; /* Changed from absolute for better layout */
|
|
18
|
+
top: 0;
|
|
19
|
+
display: flex;
|
|
20
|
+
width: 100%;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: space-between;
|
|
23
|
+
margin-bottom: 8px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.memori--slider-label {
|
|
27
|
+
max-width: 100%;
|
|
28
|
+
color: #333;
|
|
29
|
+
font-size: 1.4rem; /* Larger font for kiosk display */
|
|
30
|
+
font-weight: 500;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.memori--slider-value {
|
|
34
|
+
min-width: 50px; /* Increased for larger numbers */
|
|
35
|
+
max-width: 100%;
|
|
36
|
+
color: #666;
|
|
37
|
+
font-size: 1.2rem; /* Larger font */
|
|
38
|
+
font-weight: 500;
|
|
39
|
+
text-align: right;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.memori--slider-track-container {
|
|
43
|
+
position: relative;
|
|
44
|
+
display: flex;
|
|
45
|
+
height: 64px; /* Increased height for better touch area */
|
|
46
|
+
max-height: 64px;
|
|
47
|
+
align-items: center;
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
touch-action: none;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.memori--slider-track {
|
|
53
|
+
position: absolute;
|
|
54
|
+
overflow: hidden;
|
|
55
|
+
width: 100%;
|
|
56
|
+
height: 12px; /* Thicker track */
|
|
57
|
+
max-height: 12px;
|
|
58
|
+
border-radius: 6px;
|
|
59
|
+
background-color: #e5e5e5;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.memori--slider-track-fill {
|
|
63
|
+
position: absolute;
|
|
64
|
+
width: var(--percentage);
|
|
65
|
+
height: 100%;
|
|
66
|
+
border-radius: 6px;
|
|
67
|
+
background-color: var(--memori-primary, #2563eb);
|
|
68
|
+
transition: width 0.15s ease;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.memori--slider-marks {
|
|
72
|
+
position: absolute;
|
|
73
|
+
display: flex;
|
|
74
|
+
width: 100%;
|
|
75
|
+
justify-content: space-between;
|
|
76
|
+
padding: 0 4px;
|
|
77
|
+
padding-top: 20px; /* Increased spacing */
|
|
78
|
+
pointer-events: none;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.memori--slider-mark {
|
|
82
|
+
display: flex;
|
|
83
|
+
flex-direction: column;
|
|
84
|
+
align-items: center;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.memori--slider-mark-line {
|
|
88
|
+
width: 3px; /* Thicker marks */
|
|
89
|
+
height: 6px;
|
|
90
|
+
max-height: 6px;
|
|
91
|
+
margin-bottom: 6px;
|
|
92
|
+
background-color: #9ca3af;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.memori--slider-mark-value {
|
|
96
|
+
color: #666;
|
|
97
|
+
font-size: 1rem; /* Larger font */
|
|
98
|
+
font-weight: 500;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.memori--slider-thumb {
|
|
102
|
+
position: absolute;
|
|
103
|
+
z-index: 1;
|
|
104
|
+
left: var(--percentage);
|
|
105
|
+
width: 36px; /* Larger thumb */
|
|
106
|
+
max-width: 36px;
|
|
107
|
+
height: 36px;
|
|
108
|
+
max-height: 36px;
|
|
109
|
+
border: 3px solid var(--memori-primary, #2563eb);
|
|
110
|
+
border-radius: 50%;
|
|
111
|
+
background-color: white;
|
|
112
|
+
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
|
|
113
|
+
touch-action: none;
|
|
114
|
+
transform: translateX(-50%);
|
|
115
|
+
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.memori--slider-thumb:hover,
|
|
119
|
+
.memori--slider-thumb:active {
|
|
120
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
|
|
121
|
+
transform: translateX(-50%) scale(1.15);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/* Portrait/Totem specific styles */
|
|
125
|
+
@media screen and (max-aspect-ratio: 3/4) {
|
|
126
|
+
.memori--slider-container {
|
|
127
|
+
padding: 28px 16px;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.memori--slider-label {
|
|
131
|
+
font-size: 1.5rem;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.memori--slider-value {
|
|
135
|
+
min-width: 60px;
|
|
136
|
+
font-size: 1.3rem;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.memori--slider-track-container {
|
|
140
|
+
height: 72px;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.memori--slider-track {
|
|
144
|
+
height: 14px;
|
|
145
|
+
border-radius: 7px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.memori--slider-thumb {
|
|
149
|
+
width: 44px;
|
|
150
|
+
height: 44px;
|
|
151
|
+
border-width: 4px;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.memori--slider-mark-value {
|
|
155
|
+
font-size: 1.1rem;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* Very tall displays */
|
|
160
|
+
@media screen and (min-height: 1200px) {
|
|
161
|
+
.memori--slider-container {
|
|
162
|
+
padding: 32px 20px;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.memori--slider-label {
|
|
166
|
+
font-size: 1.6rem;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.memori--slider-track-container {
|
|
170
|
+
height: 80px;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.memori--slider-thumb {
|
|
174
|
+
width: 48px;
|
|
175
|
+
height: 48px;
|
|
176
|
+
}
|
|
177
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface Props {
|
|
3
|
+
min?: number;
|
|
4
|
+
max?: number;
|
|
5
|
+
step?: number;
|
|
6
|
+
defaultValue?: number;
|
|
7
|
+
label?: string | React.ReactNode;
|
|
8
|
+
onChange?: (value: number) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const CustomSlider: ({ min, max, step, defaultValue, label, onChange, disabled, }: Props) => JSX.Element;
|
|
12
|
+
export default CustomSlider;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_2 = require("@headlessui/react");
|
|
7
|
+
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
8
|
+
const CustomSlider = ({ min = 0, max = 100, step = 1, defaultValue = 50, label, onChange, disabled = false, }) => {
|
|
9
|
+
const [value, setValue] = (0, react_1.useState)(defaultValue);
|
|
10
|
+
const [isDragging, setIsDragging] = (0, react_1.useState)(false);
|
|
11
|
+
const sliderRef = (0, react_1.useRef)(null);
|
|
12
|
+
const percentage = ((value - min) / (max - min)) * 100;
|
|
13
|
+
const marks = [];
|
|
14
|
+
for (let i = min; i <= max; i += (max - min) / 4) {
|
|
15
|
+
marks.push(Math.round(i));
|
|
16
|
+
}
|
|
17
|
+
const calculateNewValue = (clientX) => {
|
|
18
|
+
if (!sliderRef.current)
|
|
19
|
+
return value;
|
|
20
|
+
const bounds = sliderRef.current.getBoundingClientRect();
|
|
21
|
+
const position = clientX - bounds.left;
|
|
22
|
+
const sliderWidth = bounds.width;
|
|
23
|
+
const percentage = Math.max(0, Math.min(100, (position / sliderWidth) * 100));
|
|
24
|
+
const newValue = Math.round((percentage / 100) * (max - min) + min);
|
|
25
|
+
const steppedValue = Math.round(newValue / step) * step;
|
|
26
|
+
return Math.min(Math.max(steppedValue, min), max);
|
|
27
|
+
};
|
|
28
|
+
const handleInteractionStart = (clientX) => {
|
|
29
|
+
if (disabled)
|
|
30
|
+
return;
|
|
31
|
+
setIsDragging(true);
|
|
32
|
+
const newValue = calculateNewValue(clientX);
|
|
33
|
+
setValue(newValue);
|
|
34
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
35
|
+
};
|
|
36
|
+
const handleInteractionMove = (clientX) => {
|
|
37
|
+
if (!isDragging || disabled)
|
|
38
|
+
return;
|
|
39
|
+
const newValue = calculateNewValue(clientX);
|
|
40
|
+
setValue(newValue);
|
|
41
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
42
|
+
};
|
|
43
|
+
const handleInteractionEnd = () => {
|
|
44
|
+
setIsDragging(false);
|
|
45
|
+
};
|
|
46
|
+
(0, react_1.useEffect)(() => {
|
|
47
|
+
const handleTouchMove = (e) => {
|
|
48
|
+
if (!isDragging)
|
|
49
|
+
return;
|
|
50
|
+
e.preventDefault();
|
|
51
|
+
handleInteractionMove(e.touches[0].clientX);
|
|
52
|
+
};
|
|
53
|
+
const handleMouseMove = (e) => {
|
|
54
|
+
handleInteractionMove(e.clientX);
|
|
55
|
+
};
|
|
56
|
+
const handleEndInteraction = () => {
|
|
57
|
+
handleInteractionEnd();
|
|
58
|
+
};
|
|
59
|
+
if (isDragging) {
|
|
60
|
+
window.addEventListener('touchmove', handleTouchMove, { passive: false });
|
|
61
|
+
window.addEventListener('mousemove', handleMouseMove);
|
|
62
|
+
window.addEventListener('touchend', handleEndInteraction);
|
|
63
|
+
window.addEventListener('mouseup', handleEndInteraction);
|
|
64
|
+
}
|
|
65
|
+
return () => {
|
|
66
|
+
window.removeEventListener('touchmove', handleTouchMove);
|
|
67
|
+
window.removeEventListener('mousemove', handleMouseMove);
|
|
68
|
+
window.removeEventListener('touchend', handleEndInteraction);
|
|
69
|
+
window.removeEventListener('mouseup', handleEndInteraction);
|
|
70
|
+
};
|
|
71
|
+
}, [isDragging]);
|
|
72
|
+
(0, react_1.useEffect)(() => {
|
|
73
|
+
setValue(defaultValue);
|
|
74
|
+
}, [defaultValue]);
|
|
75
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori--slider-container', { 'memori--slider-disabled': disabled }), style: { '--percentage': `${percentage}%` }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--slider-header", children: [label && (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-label", children: label }), (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-value", children: value })] }), (0, jsx_runtime_1.jsxs)("div", { ref: sliderRef, className: "memori--slider-track-container", onMouseDown: (e) => handleInteractionStart(e.clientX), onTouchStart: (e) => handleInteractionStart(e.touches[0].clientX), children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--slider-track", children: (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-track-fill" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-marks", children: marks.map((mark) => ((0, jsx_runtime_1.jsxs)("div", { className: "memori--slider-mark", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--slider-mark-line" }), (0, jsx_runtime_1.jsx)("span", { className: "memori--slider-mark-value", children: mark })] }, mark))) }), (0, jsx_runtime_1.jsx)(react_2.Listbox, { value: value, onChange: setValue, disabled: disabled, children: (0, jsx_runtime_1.jsx)("div", { className: "memori--slider-thumb", role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, tabIndex: disabled ? -1 : 0 }) })] })] }));
|
|
76
|
+
};
|
|
77
|
+
exports.default = CustomSlider;
|
|
78
|
+
//# sourceMappingURL=Slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/ui/Slider.tsx"],"names":[],"mappings":"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"}
|
package/dist/locales/en.json
CHANGED
|
@@ -122,6 +122,17 @@
|
|
|
122
122
|
"hideEmissionsLabel": "Hide text emitted by the Twin",
|
|
123
123
|
"secondsLabel": "Set seconds",
|
|
124
124
|
"controlsPosition": "Controls position",
|
|
125
|
+
"avatarControls": "Avatar controls",
|
|
126
|
+
"height": "Height",
|
|
127
|
+
"depth": "Depth",
|
|
128
|
+
"avatarType": "Avatar type",
|
|
129
|
+
"suggestions": "Use the arrow keys to adjust the avatar height\nUse +/- to adjust the avatar depth",
|
|
130
|
+
"blob": "Blob",
|
|
131
|
+
"avatar3d": "3D Avatar",
|
|
132
|
+
"zoomed": "Zoomed",
|
|
133
|
+
"normal": "Normal",
|
|
134
|
+
"far": "Far",
|
|
135
|
+
"enablePositionControls": "Enable position controls",
|
|
125
136
|
"tryMeHeaderLabel": "TRY",
|
|
126
137
|
"unknownPosition": "Unknown position",
|
|
127
138
|
"fieldPlace": "Write the place (eg 'Milano')",
|
package/dist/locales/it.json
CHANGED
|
@@ -122,6 +122,17 @@
|
|
|
122
122
|
"hideEmissionsLabel": "Nascondi testo emesso dal Twin",
|
|
123
123
|
"secondsLabel": "Secondi",
|
|
124
124
|
"controlsPosition": "Posizione dei controlli",
|
|
125
|
+
"avatarControls": "Controlli Avatar",
|
|
126
|
+
"height": "Altezza",
|
|
127
|
+
"depth": "Profondità",
|
|
128
|
+
"avatarType": "Tipo Avatar",
|
|
129
|
+
"blob": "Blob",
|
|
130
|
+
"avatar3d": "Avatar 3D",
|
|
131
|
+
"zoomed": "Vicino",
|
|
132
|
+
"normal": "Normale",
|
|
133
|
+
"far": "Lontano",
|
|
134
|
+
"suggestions": "Usa le frecce per regolare l'altezza dell'avatar\nUsa +/- per regolare la profondità dell'avatar",
|
|
135
|
+
"enablePositionControls": "Abilita controlli posizione",
|
|
125
136
|
"tryMeHeaderLabel": "PROVA",
|
|
126
137
|
"unknownPosition": "Posizione sconosciuta",
|
|
127
138
|
"fieldPlace": "Indica la posizione (es 'Milano')",
|
package/dist/styles.css
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
@import url('./components/ui/Table.css');
|
|
10
10
|
@import url('./components/ui/Details.css');
|
|
11
11
|
@import url('./components/ui/Expandable.css');
|
|
12
|
+
@import url('./components/ui/Slider.css');
|
|
12
13
|
|
|
13
14
|
@import url('./components/CompletionProviderStatus/CompletionProviderStatus.css');
|
|
14
15
|
@import url('./components/PoweredBy/PoweredBy.css');
|
|
@@ -18,6 +18,10 @@ export interface Props {
|
|
|
18
18
|
animation?: string;
|
|
19
19
|
isZoomed?: boolean;
|
|
20
20
|
chatProps?: any;
|
|
21
|
+
enablePositionControls?: boolean;
|
|
22
|
+
setEnablePositionControls: (value: boolean) => void;
|
|
23
|
+
avatarType?: 'blob' | 'avatar3d' | null;
|
|
24
|
+
isTotem?: boolean;
|
|
21
25
|
}
|
|
22
26
|
declare const _default: React.NamedExoticComponent<Props>;
|
|
23
27
|
export default _default;
|
|
@@ -13,7 +13,7 @@ import Edit from '../icons/Edit';
|
|
|
13
13
|
import cx from 'classnames';
|
|
14
14
|
import ContainerAvatarView from './AvatarView';
|
|
15
15
|
import { useViseme } from '../../context/visemeContext';
|
|
16
|
-
const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, loading = false, baseUrl, apiUrl, animation, isZoomed = false, chatProps, }) => {
|
|
16
|
+
const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, loading = false, baseUrl, apiUrl, animation, isZoomed = false, chatProps, avatarType = null, enablePositionControls, setEnablePositionControls, isTotem = false, }) => {
|
|
17
17
|
const { t } = useTranslation();
|
|
18
18
|
const [isClient, setIsClient] = useState(false);
|
|
19
19
|
const { stopProcessing, updateCurrentViseme, resetVisemeQueue } = useViseme();
|
|
@@ -39,7 +39,8 @@ const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = fal
|
|
|
39
39
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
|
|
40
40
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb' ||
|
|
41
41
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customrpm') &&
|
|
42
|
-
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL)
|
|
42
|
+
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL) &&
|
|
43
|
+
(avatarType && avatarType !== 'blob')) {
|
|
43
44
|
return (_jsxs(_Fragment, { children: [_jsx("div", { className: cx('memori--avatar-wrapper', `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
|
|
44
45
|
hidden: !avatar3dVisible,
|
|
45
46
|
}), children: renderAvatarContent() }), renderAvatarToggle()] }));
|
|
@@ -53,7 +54,7 @@ const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = fal
|
|
|
53
54
|
if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
|
|
54
55
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
|
|
55
56
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customrpm') {
|
|
56
|
-
return (_jsx(ErrorBoundary, { fallback: _jsx("div", { className: "memori--blob-container", children: isClient && (_jsx(Blob, { speaking: isPlayingAudio, avatar: getAvatarUrl() })) }), children: _jsx(ContainerAvatarView, { updateCurrentViseme: updateCurrentViseme, 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(), stopProcessing: stopProcessing, resetVisemeQueue: resetVisemeQueue, isZoomed: isZoomed, chatEmission: (_a = chatProps === null || chatProps === void 0 ? void 0 : chatProps.dialogState) === null || _a === void 0 ? void 0 : _a.emission }) }));
|
|
57
|
+
return (_jsx(ErrorBoundary, { fallback: _jsx("div", { className: "memori--blob-container", children: isClient && (_jsx(Blob, { speaking: isPlayingAudio, avatar: getAvatarUrl() })) }), children: _jsx(ContainerAvatarView, { enablePositionControls: enablePositionControls, updateCurrentViseme: updateCurrentViseme, 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(), stopProcessing: stopProcessing, resetVisemeQueue: resetVisemeQueue, isZoomed: isZoomed, isTotem: isTotem, chatEmission: (_a = chatProps === null || chatProps === void 0 ? void 0 : chatProps.dialogState) === null || _a === void 0 ? void 0 : _a.emission, setEnablePositionControls: setEnablePositionControls }) }));
|
|
57
58
|
}
|
|
58
59
|
if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') {
|
|
59
60
|
return (_jsx(ModelViewer, { poster: getAvatarUrl() || '', src: integrationConfig.avatarURL, alt: "" }));
|
|
@@ -64,10 +65,9 @@ const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = fal
|
|
|
64
65
|
const getAvatarStyle = () => {
|
|
65
66
|
if ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme') {
|
|
66
67
|
return {
|
|
67
|
-
width: '
|
|
68
|
-
height: '
|
|
68
|
+
width: '100%',
|
|
69
|
+
height: '100%',
|
|
69
70
|
backgroundColor: 'none',
|
|
70
|
-
borderRadius: '100%',
|
|
71
71
|
boxShadow: 'none',
|
|
72
72
|
};
|
|
73
73
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMzD,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,GAAG,MAAM,cAAc,CAAC;AAC/B,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,mBAAmB,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,12 +10,15 @@ interface Props {
|
|
|
10
10
|
speaking: boolean;
|
|
11
11
|
isZoomed: boolean;
|
|
12
12
|
chatEmission: any;
|
|
13
|
+
avatarHeight?: number;
|
|
14
|
+
avatarDepth?: number;
|
|
13
15
|
stopProcessing: () => void;
|
|
14
16
|
resetVisemeQueue: () => void;
|
|
15
17
|
updateCurrentViseme: (currentTime: number) => {
|
|
16
18
|
name: string;
|
|
17
19
|
weight: number;
|
|
18
20
|
} | null;
|
|
21
|
+
setCameraZ: (value: number) => void;
|
|
19
22
|
}
|
|
20
23
|
export declare const AvatarView: React.FC<Props & {
|
|
21
24
|
halfBody: boolean;
|