@memori.ai/memori-react 1.0.0-rc.2 → 1.0.0-rc.4

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 
 
+## [1.0.0-rc.4](https://github.com/memori-ai/memori-react/compare/v1.0.0-rc.3...v1.0.0-rc.4) (2023-02-27)
+
+
+### Features
+
+* blob pulse on speaking ([bd0ef1c](https://github.com/memori-ai/memori-react/commit/bd0ef1cb69e8277c07556b96b6e3167c23938ae1))
+
+
+### Bug Fixes
+
+* default styles ([66ae787](https://github.com/memori-ai/memori-react/commit/66ae787a8255d691821434a9aec239d2e8e3b7d0))
+* widget audio on ios ([eab3e16](https://github.com/memori-ai/memori-react/commit/eab3e16be90a5b2a6b783ba983c8bc1a48081e66))
+
+
+### Maintenance
+
+* add sb script + viewport for sb preview ([38a963b](https://github.com/memori-ai/memori-react/commit/38a963b207a3f1fb4f8d6db8bb741b4e4260f0ef))
+
+
+### Changes
+
+* dont show 3d avatar on mobile by default ([636dae4](https://github.com/memori-ai/memori-react/commit/636dae4356d5ccc4f1e28cd7abe78c0e221966ac))
+* minor css fixes, backdrop blur + padding ([a0138dc](https://github.com/memori-ai/memori-react/commit/a0138dc0a2a34e46fe81974c06334e3f9b52f69e))
+
+## [1.0.0-rc.3](https://github.com/memori-ai/memori-react/compare/v1.0.0-rc.2...v1.0.0-rc.3) (2023-02-16)
+
+
+### Bug Fixes
+
+* encapsulate css properties in memori-widget ([03221bd](https://github.com/memori-ai/memori-react/commit/03221bd5967c6278a6d5540f4c4192f0efe5110c))
+
 ## [1.0.0-rc.2](https://github.com/memori-ai/memori-react/compare/v1.0.0-rc.1...v1.0.0-rc.2) (2023-02-16)
 
 

package/dist/components/Avatar/Avatar.js

@@ -27,7 +27,7 @@ const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = fal
             react_1.default.createElement("div", { className: (0, classnames_1.default)('memori--avatar-wrapper', {
                     hidden: !avatar3dVisible,
                 }) },
-                isClient && integrationConfig.avatar === 'readyplayerme' && (react_1.default.createElement(ErrorBoundary_1.default, { fallback: react_1.default.createElement("div", { className: "memori--blob-container" }, isClient && (react_1.default.createElement(Blob_1.default, { avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
+                isClient && integrationConfig.avatar === 'readyplayerme' && (react_1.default.createElement(ErrorBoundary_1.default, { fallback: react_1.default.createElement("div", { className: "memori--blob-container" }, isClient && (react_1.default.createElement(Blob_1.default, { speaking: isPlayingAudio, avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
                             memori.avatarURL &&
                             memori.avatarURL.length > 0
                             ? (0, media_1.getResourceUrl)({

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

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

package/dist/components/Blob/Blob.css

@@ -21,6 +21,10 @@
     transform-origin: 50% 50%;
 }
 
+.memori-blob.memori-blob--speaking {
+    animation: blobspeaking 2s ease-in-out infinite;
+}
+
 @media screen and (max-height: 1280px) {
     .mainDiv {
         width: 25vw;
@@ -84,6 +88,30 @@
     }
 }
 
+@keyframes blobspeaking {
+    0% {
+        filter: brightness(1);
+        transform: scale(1);
+    }
+    15% {
+        filter: brightness(1.1);
+    }
+    30% {
+        filter: brightness(1);
+        transform: scale(0.99);
+    }
+    50% {
+        filter: brightness(1.05);
+        transform: scale(1.01);
+    }
+    75% {
+        filter: brightness(1.15);
+    }
+    100% {
+        filter: brightness(1.1);
+        transform: scale(0.99);
+    }
+}
 
 .memori-blob {
     position: relative;

package/dist/components/Blob/Blob.d.ts

@@ -1,5 +1,6 @@
 export interface Props {
     avatar?: string;
+    speaking?: boolean;
 }
-declare const ExperienceBlob: ({ avatar }: Props) => JSX.Element;
+declare const ExperienceBlob: ({ avatar, speaking }: Props) => JSX.Element;
 export default ExperienceBlob;

package/dist/components/Blob/Blob.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const ExperienceBlob = ({ avatar }) => {
-    return (react_1.default.createElement("div", { className: "memori-blob" },
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ExperienceBlob = ({ avatar, speaking = false }) => {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('memori-blob', { 'memori-blob--speaking': speaking }) },
         avatar && (react_1.default.createElement("figure", null,
             react_1.default.createElement("img", { src: avatar, alt: "", role: "presentation" }))),
         react_1.default.createElement("div", { className: "mainDiv" }),

package/dist/components/Blob/Blob.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blob.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAM1B,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAS,EAAE,EAAE;IAC3C,OAAO,CACL,uCAAK,SAAS,EAAC,aAAa;QACzB,MAAM,IAAI,CACT;YACE,uCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,cAAc,GAAG,CACxC,CACV;QACD,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO,CAC3B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"Blob.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAA4B;AAO5B,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAS,EAAE,EAAE;IAC7D,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,EAAE,uBAAuB,EAAE,QAAQ,EAAE,CAAC;QACrE,MAAM,IAAI,CACT;YACE,uCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,cAAc,GAAG,CACxC,CACV;QACD,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO,CAC3B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/components/Blob/Blob.stories.d.ts

@@ -5,3 +5,4 @@ declare const meta: Meta;
 export default meta;
 export declare const Default: Story<Props>;
 export declare const WithAvatar: Story<Props>;
+export declare const Speaking: Story<Props>;

package/dist/components/Blob/Blob.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithAvatar = exports.Default = void 0;
+exports.Speaking = exports.WithAvatar = exports.Default = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Blob_1 = tslib_1.__importDefault(require("./Blob"));
@@ -14,6 +14,11 @@ const meta = {
                 type: 'text',
             },
         },
+        speaking: {
+            control: {
+                type: 'boolean',
+            },
+        },
     },
     parameters: {
         controls: { expanded: true },
@@ -23,9 +28,16 @@ exports.default = meta;
 const Template = args => (react_1.default.createElement("div", { style: { marginTop: '20vw' } },
     react_1.default.createElement(Blob_1.default, { ...args })));
 exports.Default = Template.bind({});
-exports.Default.args = {};
+exports.Default.args = {
+    speaking: false,
+};
 exports.WithAvatar = Template.bind({});
 exports.WithAvatar.args = {
     avatar: 'https://avatars.githubusercontent.com/u/21101435?v=4',
+    speaking: false,
+};
+exports.Speaking = Template.bind({});
+exports.Speaking.args = {
+    speaking: true,
 };
 //# sourceMappingURL=Blob.stories.js.map

package/dist/components/Blob/Blob.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blob.stories.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,0DAAqC;AACrC,sBAAoB;AAEpB,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,CACrC,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;IAC/B,8BAAC,cAAI,OAAK,IAAI,GAAI,CACd,CACP,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAEL,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,kBAAU,CAAC,IAAI,GAAG;IAChB,MAAM,EAAE,sDAAsD;CAC/D,CAAC"}
+{"version":3,"file":"Blob.stories.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,0DAAqC;AACrC,sBAAoB;AAEpB,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,CACrC,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;IAC/B,8BAAC,cAAI,OAAK,IAAI,GAAI,CACd,CACP,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEW,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,kBAAU,CAAC,IAAI,GAAG;IAChB,MAAM,EAAE,sDAAsD;IAC9D,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/components/Blob/Blob.test.js

@@ -8,6 +8,10 @@ it('renders Blob unchanged', () => {
     const { container } = (0, react_2.render)(react_1.default.createElement(Blob_1.default, null));
     expect(container).toMatchSnapshot();
 });
+it('renders Blob speaking unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Blob_1.default, { speaking: true }));
+    expect(container).toMatchSnapshot();
+});
 it('renders Blob with avatar unchanged', () => {
     const { container } = (0, react_2.render)(react_1.default.createElement(Blob_1.default, { avatar: "/images/logo.png" }));
     expect(container).toMatchSnapshot();

package/dist/components/Blob/Blob.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blob.test.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,0DAA0B;AAE1B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,OAAG,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,IAAC,MAAM,EAAC,kBAAkB,GAAG,CAAC,CAAC;IACjE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Blob.test.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,0DAA0B;AAE1B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,OAAG,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,IAAC,QAAQ,SAAG,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,IAAC,MAAM,EAAC,kBAAkB,GAAG,CAAC,CAAC;IACjE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/Chat/Chat.css

@@ -2,7 +2,6 @@
     display: flex;
     width: 100%;
     height: 100%;
-    height: 100svh;
     flex-direction: column;
 }
 
@@ -13,6 +12,7 @@
     padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
     border-radius: 10px;
     margin: 1rem 0;
+    backdrop-filter: blur(10px);
     background-color: var(--memori-inner-bg);
 }
 

package/dist/components/ChatTextArea/ChatTextArea.css

@@ -57,15 +57,15 @@ textarea.memori-chat-textarea--input:focus {
     margin: 0.25rem;
 }
 
-.memori-chat-textarea--expand-button {
+button.memori-chat-textarea--expand-button {
     padding: 0.25rem 0.5rem;
     color: #000;
     opacity: 0.6;
     transition: all 0.2s ease-in-out;
 }
 
-.memori-chat-textarea--expand-button:hover,
-.memori-chat-textarea--expand-button:focus {
+button.memori-chat-textarea--expand-button:hover,
+button.memori-chat-textarea--expand-button:focus {
     color: #000;
     opacity: 1;
 }

package/dist/components/Header/Header.css

@@ -6,6 +6,7 @@
     padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
     border-radius: 10px;
     margin-left: auto;
+    backdrop-filter: blur(10px);
     background-color: var(--memori-inner-bg, #fff);
     text-align: right;
 }

package/dist/components/MediaWidget/LinkItemWidget.css

@@ -1,5 +1,6 @@
 .memori-link-items--grid {
     display: grid;
+    padding: 1rem;
     grid-auto-flow: dense;
     grid-gap: 1rem;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

package/dist/components/MediaWidget/MediaItemWidget.css

@@ -1,5 +1,6 @@
 .memori-media-items--grid {
     display: grid;
+    padding: 1rem;
     grid-auto-flow: dense;
     grid-gap: 1rem;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

package/dist/components/MemoriWidget/MemoriWidget.css

@@ -1,5 +1,4 @@
-:root,
-#root,
+memori-client #root,
 .memori-widget {
     --memori-primary: rgb(102, 103, 171);
     --memori-primary-text: #fff;
@@ -33,8 +32,13 @@
     box-sizing: border-box;
 }
 
-.memori-widget .memori-spin {
-    height: 100%;
+.memori-widget > .memori-spin {
+    height: calc(100vh - 50px);
+}
+
+memori-client .memori-widget > .memori-spin {
+    height: calc(100vh - 64px);
+    padding-top: 64px;
 }
 
 .memori--grid {
@@ -119,12 +123,12 @@
 }
 
 .memori--global-background {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     width: 100%;
-    height: 100%;
-    height: 100svh;
+    height: auto;
+    min-height: 100vh;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -743,18 +743,51 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, integration, showInst
         console.log(AZURE_COGNITIVE_SERVICES_TTS_KEY, hasUserActivatedSpeak, preview);
         if (!AZURE_COGNITIVE_SERVICES_TTS_KEY)
             return;
+        if (preview)
+            return;
+        if (muteSpeaker) {
+            if (continuousSpeech) {
+                setListeningTimeout();
+            }
+            return;
+        }
         if (listening) {
             stopListening();
         }
-        if (preview)
-            return;
         if (audioDestination)
             audioDestination.pause();
+        console.log('audioDestination', audioDestination);
+        console.log('audioContext', audioContext);
+        console.log('audioContext.state', audioContext.state);
+        console.log('speechSynthesizer', speechSynthesizer);
+        console.log('isPlayingAudio', isPlayingAudio);
         let isSafari = window.navigator.userAgent.includes('Safari') &&
             !window.navigator.userAgent.includes('Chrome');
         let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+        if (audioContext.state === 'interrupted') {
+            audioContext.resume().then(() => speak(text));
+            return;
+        }
         if (isIOS && isSafari) {
             audioContext.suspend();
+            if (isPlayingAudio) {
+                try {
+                    if (speechSynthesizer) {
+                        speechSynthesizer.close();
+                        speechSynthesizer = null;
+                    }
+                    if (audioDestination) {
+                        audioDestination.pause();
+                        audioDestination.close();
+                    }
+                    if (audioContext) {
+                        audioContext.destination.disconnect();
+                    }
+                }
+                catch (e) {
+                    console.error('stopAudio error: ', e);
+                }
+            }
         }
         else if (audioContext.state === 'suspended') {
             stopAudio();
@@ -769,14 +802,10 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, integration, showInst
             let audioConfig = speechSdk.AudioConfig.fromSpeakerOutput(audioDestination);
             speechSynthesizer = new speechSdk.SpeechSynthesizer(speechConfig, audioConfig);
         }
-        if (muteSpeaker) {
-            if (continuousSpeech) {
-                setListeningTimeout();
-            }
-            return;
-        }
+        const source = audioContext.createBufferSource();
         audioDestination.onAudioEnd = () => {
             setIsPlayingAudio(false);
+            source.disconnect();
             if (continuousSpeech) {
                 document.dispatchEvent(new Event('endSpeakStartListen'));
             }
@@ -784,20 +813,28 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, integration, showInst
         setIsPlayingAudio(true);
         speechSynthesizer.synthesisCompleted = (s, e) => {
             console.log('synthesisCompleted', s, e);
-            setIsPlayingAudio(false);
         };
         speechSynthesizer.speakSsmlAsync(`<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${getCultureCodeByLanguage(userLang)}"><voice name="${getTTSVoice(userLang)}"><s>${replaceTextWithPhonemes(text, userLang.toLowerCase())}</s></voice></speak>`, result => {
             if (result) {
                 console.log('result', result);
                 try {
                     audioContext.decodeAudioData(result.audioData, function (buffer) {
-                        const source = audioContext.createBufferSource();
                         source.buffer = buffer;
                         source.connect(audioContext.destination);
                         if (history.length < 1 || (isSafari && isIOS)) {
                             source.start(0);
                         }
                     });
+                    audioContext.onstatechange = () => {
+                        console.log('audioContext.onstatechange', audioContext.state);
+                        if (audioContext.state === 'suspended' ||
+                            audioContext.state === 'closed') {
+                            source.disconnect();
+                        }
+                        else if (audioContext.state === 'interrupted') {
+                            audioContext.resume();
+                        }
+                    };
                     audioContext.resume();
                     if (speechSynthesizer) {
                         speechSynthesizer.close();
@@ -827,16 +864,21 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, integration, showInst
         setMemoriTyping(false);
     };
     const stopAudio = () => {
-        if (speechSynthesizer) {
-            speechSynthesizer.close();
-            speechSynthesizer = null;
-        }
-        if (audioContext) {
-            audioContext.close();
+        try {
+            if (speechSynthesizer) {
+                speechSynthesizer.close();
+                speechSynthesizer = null;
+            }
+            if (audioContext) {
+                audioContext.close();
+            }
+            if (audioDestination) {
+                audioDestination.pause();
+                audioDestination.close();
+            }
         }
-        if (audioDestination) {
-            audioDestination.pause();
-            audioDestination.close();
+        catch (e) {
+            console.error('stopAudio error: ', e);
         }
     };
     (0, react_1.useEffect)(() => {
@@ -1052,7 +1094,11 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, integration, showInst
     const showAIicon = (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showAIicon) === undefined
         ? true
         : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showAIicon;
-    const [avatar3dVisible, setAvatar3dVisible] = (0, react_1.useState)(true);
+    const [avatar3dVisible, setAvatar3dVisible] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (window.innerWidth >= 768)
+            setAvatar3dVisible(true);
+    }, []);
     const [gamificationLevel, setGamificationLevel] = (0, react_1.useState)();
     const getGamificationPoints = async (memoriID) => {
         let gamificationPoints;
@@ -1197,7 +1243,21 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, integration, showInst
                 initialContextVars,
                 initialQuestion,
             });
-            await onClickStart(session || undefined);
+            if (session === null || session === void 0 ? void 0 : session.dialogState) {
+                setHistory([]);
+                translateDialogState(session.dialogState, userLang)
+                    .then(ts => {
+                    if (ts.emission) {
+                        speak(ts.emission);
+                    }
+                })
+                    .finally(() => {
+                    setHasUserActivatedSpeak(true);
+                });
+            }
+            else {
+                await onClickStart(session || undefined);
+            }
             return;
         }
         else if (initialSessionID) {