@memori.ai/memori-react 7.17.0 → 7.17.2

package/src/components/Header/Header.tsx

@@ -139,10 +139,25 @@ const Header: React.FC<Props> = ({
           icon={fullScreen ? <FullscreenExit /> : <Fullscreen />}
           onClick={() => {
             if (!document.fullscreenElement) {
-              document.documentElement.requestFullscreen();
+              const memoriWidget = document.querySelector('.memori-widget');
+              if (memoriWidget) {
+                // Set white background before entering fullscreen
+                (memoriWidget as HTMLElement).style.backgroundColor =
+                  '#FFFFFF';
+                memoriWidget.requestFullscreen().catch(err => {
+                  console.warn('Error attempting to enable fullscreen:', err);
+                });
+              }
               setFullScreen(true);
             } else if (document.exitFullscreen) {
-              document.exitFullscreen();
+              const memoriWidget = document.querySelector('.memori-widget');
+              if (memoriWidget) {
+                // Reset background on exit
+                (memoriWidget as HTMLElement).style.backgroundColor = '';
+              }
+              document.exitFullscreen().catch(err => {
+                console.warn('Error attempting to exit fullscreen:', err);
+              });
               setFullScreen(false);
             }
           }}

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -13,6 +13,7 @@ import {
   MemoriSession,
   User,
   ExpertReference,
+  ResponseSpec,
 } from '@memori.ai/memori-api-client/src/types';
 import {
   SpeakerAudioDestination,
@@ -31,11 +32,7 @@ import React, {
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import memoriApiClient from '@memori.ai/memori-api-client';
-import {
-  AudioContext,
-  IAudioBufferSourceNode,
-  IAudioContext,
-} from 'standardized-audio-context';
+import { AudioContext, IAudioContext } from 'standardized-audio-context';
 import * as speechSdk from 'microsoft-cognitiveservices-speech-sdk';
 import cx from 'classnames';
 import { DateTime } from 'luxon';
@@ -54,12 +51,16 @@ import SettingsDrawer from '../SettingsDrawer/SettingsDrawer';
 import KnownFacts from '../KnownFacts/KnownFacts';
 import ExpertsDrawer from '../ExpertsDrawer/ExpertsDrawer';
 import LoginDrawer from '../LoginDrawer/LoginDrawer';
+import Button from '../ui/Button';
+import CloseIcon from '../icons/Close';
 
 // Layout
 import FullPageLayout from '../layouts/FullPage';
 import TotemLayout from '../layouts/Totem';
 import ChatLayout from '../layouts/Chat';
 import WebsiteAssistantLayout from '../layouts/WebsiteAssistant';
+import HiddenChatLayout from '../layouts/HiddenChat';
+import ZoomedFullBodyLayout from '../layouts/ZoomedFullBody';
 
 // Helpers / Utils
 import { getTranslation } from '../../helpers/translations';
@@ -85,8 +86,6 @@ import {
 } from '../../helpers/constants';
 import { getErrori18nKey } from '../../helpers/error';
 import { getCredits } from '../../helpers/credits';
-import HiddenChatLayout from '../layouts/HiddenChat';
-import ZoomedFullBodyLayout from '../layouts/ZoomedFullBody';
 import { useViseme } from '../../context/visemeContext';
 
 // Widget utilities and helpers
@@ -1103,10 +1102,14 @@ const MemoriWidget = ({
    */
   const fetchSession = async (
     params: OpenSession
-  ): Promise<{
-    dialogState: DialogState;
-    sessionID: string;
-  } | void> => {
+  ): Promise<
+    | (ResponseSpec & {
+        dialogState?: DialogState;
+        sessionID: string;
+      })
+    | undefined
+    | void
+  > => {
     let storageBirthDate = getLocalConfig<string | undefined>(
       'birthDate',
       undefined
@@ -1186,7 +1189,7 @@ const MemoriWidget = ({
         return {
           dialogState: session.currentState,
           sessionID: session.sessionID,
-        } as { dialogState: DialogState; sessionID: string };
+        } as any;
       }
       // Handle age restriction error
       else if (
@@ -1200,12 +1203,31 @@ const MemoriWidget = ({
       else if (session?.resultCode === 403) {
         setMemoriPwd(undefined);
         setAuthModalState('password');
+        return session;
       }
       // Handle other errors
       else {
         console.warn(session);
-        toast.error(t(getErrori18nKey(session?.resultCode)));
+        toast.error(
+          tst => (
+            <div>
+              <p>{t(getErrori18nKey(session?.resultCode))}</p>
+              <Button
+                outlined
+                padded={false}
+                onClick={() => toast.dismiss(tst.id)}
+                icon={<CloseIcon />}
+              >
+                {t('close')}
+              </Button>
+            </div>
+          ),
+          {
+            duration: Infinity,
+          }
+        );
         setGotErrorInOpening(true);
+        return session;
       }
     } catch (err) {
       console.error(err);
@@ -2844,9 +2866,11 @@ const MemoriWidget = ({
             .finally(() => {
               setHasUserActivatedSpeak(true);
             });
-        } else {
+        } else if (session?.resultCode === 0) {
           // console.log('[CLICK_START] Retrying with session:', session);
-          await onClickStart(session || undefined);
+          await onClickStart((session as any) || undefined);
+        } else {
+          setLoading(false);
         }
 
         return;

package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap

@@ -1616,13 +1616,13 @@ exports[`renders StartPanel with multilangual unchanged 1`] = `
           </option>
           <option
             aria-label="中文"
-            value="ZH"
+            value="JA"
           >
             中文
           </option>
           <option
             aria-label="日本語"
-            value="JA"
+            value="ZH"
           >
             日本語
           </option>

package/src/components/layouts/__snapshots__/Chat.test.tsx.snap

@@ -325,13 +325,13 @@ exports[`renders Chat layout unchanged 1`] = `
                 </option>
                 <option
                   aria-label="中文"
-                  value="ZH"
+                  value="JA"
                 >
                   中文
                 </option>
                 <option
                   aria-label="日本語"
-                  value="JA"
+                  value="ZH"
                 >
                   日本語
                 </option>

package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap

@@ -364,13 +364,13 @@ exports[`renders FullPage layout unchanged 1`] = `
                   </option>
                   <option
                     aria-label="中文"
-                    value="ZH"
+                    value="JA"
                   >
                     中文
                   </option>
                   <option
                     aria-label="日本語"
-                    value="JA"
+                    value="ZH"
                   >
                     日本語
                   </option>
@@ -826,13 +826,13 @@ exports[`renders FullPage layout with root css properties unchanged 1`] = `
                   </option>
                   <option
                     aria-label="中文"
-                    value="ZH"
+                    value="JA"
                   >
                     中文
                   </option>
                   <option
                     aria-label="日本語"
-                    value="JA"
+                    value="ZH"
                   >
                     日本語
                   </option>

package/src/components/layouts/__snapshots__/Totem.test.tsx.snap

@@ -418,13 +418,13 @@ exports[`renders Totem layout unchanged 1`] = `
                 </option>
                 <option
                   aria-label="中文"
-                  value="ZH"
+                  value="JA"
                 >
                   中文
                 </option>
                 <option
                   aria-label="日本語"
-                  value="JA"
+                  value="ZH"
                 >
                   日本語
                 </option>

package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap

@@ -364,13 +364,13 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
                   </option>
                   <option
                     aria-label="中文"
-                    value="ZH"
+                    value="JA"
                   >
                     中文
                   </option>
                   <option
                     aria-label="日本語"
-                    value="JA"
+                    value="ZH"
                   >
                     日本語
                   </option>

package/src/helpers/constants.ts

@@ -11,8 +11,8 @@ export const chatLanguages = [
   { value: 'FI', label: 'Suomi' },
   { value: 'EL', label: 'Ελληνικά' },
   { value: 'AR', label: 'العربية' },
-  { value: 'ZH', label: '中文' },
-  { value: 'JA', label: '日本語' },
+  { value: 'JA', label: '中文' },
+  { value: 'ZH', label: '日本語' },
 ];
 
 export const uiLanguages = ['en', 'it', 'fr', 'es', 'de'];