@memori.ai/memori-react 4.4.0 → 5.0.0

package/src/components/ExpertsDrawer/ExpertsDrawer.stories.tsx

@@ -27,7 +27,7 @@ const Template: Story<Props> = args => {
     <I18nWrapper>
       <ExpertsDrawer
         {...args}
-        baseUrl="https://app.twincreator.com"
+        baseUrl="https://aisuru.com"
         apiUrl="https://backend.memori.ai"
         tenant={tenant}
         experts={[

package/src/components/ExpertsDrawer/ExpertsDrawer.test.tsx

@@ -17,7 +17,7 @@ it('renders ExpertsDrawer unchanged', () => {
   const { container } = render(
     <ExpertsDrawer
       onClose={jest.fn()}
-      baseUrl="https://app.twincreator.com"
+      baseUrl="https://aisuru.com"
       apiUrl="https://backend.memori.ai"
       tenant={tenant}
       experts={[
@@ -37,7 +37,7 @@ it('renders ExpertsDrawer open unchanged', () => {
     <ExpertsDrawer
       open
       onClose={jest.fn()}
-      baseUrl="https://app.twincreator.com"
+      baseUrl="https://aisuru.com"
       apiUrl="https://backend.memori.ai"
       tenant={tenant}
       experts={[

package/src/components/Header/Header.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import { memori, history } from '../../mocks/data';
+import { memori, history, user } from '../../mocks/data';
 import Header from './Header';
 
 it('renders Header unchanged', () => {
@@ -152,7 +152,7 @@ it('renders Header with user activated speak unchanged', () => {
   expect(container).toMatchSnapshot();
 });
 
-it('renders Header with deep thought unchanged', () => {
+it('renders Header with deep thought unlogged unchanged', () => {
   const { container } = render(
     <Header
       memori={{
@@ -176,6 +176,62 @@ it('renders Header with deep thought unchanged', () => {
   expect(container).toMatchSnapshot();
 });
 
+it('renders Header with deep thought logged but without permission flag unchanged', () => {
+  const { container } = render(
+    <Header
+      memori={{
+        ...memori,
+        enableDeepThought: true,
+      }}
+      history={history}
+      setShowPositionDrawer={jest.fn()}
+      setShowSettingsDrawer={jest.fn()}
+      setShowKnownFactsDrawer={jest.fn()}
+      setShowExpertsDrawer={jest.fn()}
+      speakerMuted={false}
+      setSpeakerMuted={jest.fn()}
+      hasUserActivatedSpeak={false}
+      showShare={false}
+      showSettings={false}
+      clearHistory={jest.fn()}
+      loginToken="abcd"
+      user={{
+        ...user,
+        pAndCUAccepted: false,
+      }}
+    />
+  );
+  expect(container).toMatchSnapshot();
+});
+
+it('renders Header with deep thought logged with permission flag unchanged', () => {
+  const { container } = render(
+    <Header
+      memori={{
+        ...memori,
+        enableDeepThought: true,
+      }}
+      history={history}
+      setShowPositionDrawer={jest.fn()}
+      setShowSettingsDrawer={jest.fn()}
+      setShowKnownFactsDrawer={jest.fn()}
+      setShowExpertsDrawer={jest.fn()}
+      speakerMuted={false}
+      setSpeakerMuted={jest.fn()}
+      hasUserActivatedSpeak={false}
+      showShare={false}
+      showSettings={false}
+      clearHistory={jest.fn()}
+      loginToken="abcd"
+      user={{
+        ...user,
+        pAndCUAccepted: true,
+      }}
+    />
+  );
+  expect(container).toMatchSnapshot();
+});
+
 it('renders Header with deep thought and session open unchanged', () => {
   const { container } = render(
     <Header

package/src/components/Header/Header.tsx

@@ -5,6 +5,7 @@ import {
   Message,
   Tenant,
   Venue,
+  User,
 } from '@memori.ai/memori-api-client/dist/types';
 import Button from '../ui/Button';
 import MapMarker from '../icons/MapMarker';
@@ -41,6 +42,7 @@ export interface Props {
   showClear?: boolean;
   clearHistory: () => void;
   loginToken?: string;
+  user?: User;
   sessionID?: string;
 }
 
@@ -64,6 +66,7 @@ const Header: React.FC<Props> = ({
   showClear = false,
   clearHistory,
   loginToken,
+  user,
   sessionID,
 }) => {
   const { t } = useTranslation();
@@ -134,7 +137,7 @@ const Header: React.FC<Props> = ({
           }}
         />
       )}
-      {memori.enableDeepThought && !!loginToken && (
+      {memori.enableDeepThought && !!loginToken && user?.pAndCUAccepted && (
         <Button
           primary={!!sessionID && !!hasUserActivatedSpeak}
           shape="circle"

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

@@ -62,7 +62,7 @@ exports[`renders Header for board of experts unchanged 1`] = `
         class="memori-button memori-button--circle memori-button--icon-only memori-button--disabled"
         data-headlessui-state=""
         disabled=""
-        id="headlessui-popover-button-:r1f:"
+        id="headlessui-popover-button-:r1p:"
         type="button"
       >
         <div
@@ -147,7 +147,7 @@ exports[`renders Header for board of experts with session open unchanged 1`] = `
         aria-expanded="false"
         class="memori-button memori-button--circle memori-button--icon-only memori-button--primary"
         data-headlessui-state=""
-        id="headlessui-popover-button-:r1k:"
+        id="headlessui-popover-button-:r1u:"
         type="button"
       >
         <div
@@ -313,48 +313,63 @@ exports[`renders Header with deep thought and session open unchanged 1`] = `
     class="memori-header"
   >
     <button
-      class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button--knownfacts"
-      title="knownFacts.title"
+      class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button--speaker"
+      title="widget.sound"
     >
       <span
         class="memori-button--icon"
       >
         <svg
           aria-hidden="true"
-          fill="none"
           focusable="false"
-          height="20"
           role="img"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="3"
-          viewBox="0 0 48 48"
-          width="20"
+          viewBox="0 0 1024 1024"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M30.106 48v-2.745a2.213 2.213 0 012.213-2.212h6.11a2.392 2.392 0 002.326-2.466v-3.223a1.834 1.834 0 01.459-1.145 2.912 2.912 0 00.712-1.926l-.007-.667a1.016 1.016 0 01.651-.952h1.067a1.363 1.363 0 001.051-.456 1.304 1.304 0 00.19-1.395 67.032 67.032 0 01-3.037-7.51 4.767 4.767 0 01-.217-1.507l-.002-4.994a14.513 14.513 0 00-.552-3.963l-.006-.022a13.959 13.959 0 00-3.137-5.702q-.479-.516-1.006-1.003a17.67 17.67 0 00-.677-.623A18.303 18.303 0 0024.194 1a19.617 19.617 0 00-12.539 4.489 17.555 17.555 0 00-3.945 21.69C9.945 31.507 11.694 38.622 12.14 46v2"
-            stroke-miterlimit="10"
-          />
-          <path
-            d="M27.917 12L31.417 12"
-          />
-          <path
-            d="M27.917 26L31.417 26"
-          />
-          <path
-            d="M29.667 12L29.667 26"
-          />
-          <path
-            d="M23.992 26L19.904 12 19.226 12 15.159 26"
-          />
-          <path
-            d="M16.854 21.133L22.276 21.133"
+            d="M625.9 115c-5.9 0-11.9 1.6-17.4 5.3L254 352H90c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h164l354.5 231.7c5.5 3.6 11.6 5.3 17.4 5.3 16.7 0 32.1-13.3 32.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1zM586 803L293.4 611.7l-18-11.7H146V424h129.4l17.9-11.7L586 221v582zm348-327H806c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16zm-41.9 261.8l-110.3-63.7a15.9 15.9 0 00-21.7 5.9l-19.9 34.5c-4.4 7.6-1.8 17.4 5.8 21.8L856.3 800a15.9 15.9 0 0021.7-5.9l19.9-34.5c4.4-7.6 1.7-17.4-5.8-21.8zM760 344a15.9 15.9 0 0021.7 5.9L892 286.2c7.6-4.4 10.2-14.2 5.8-21.8L878 230a15.9 15.9 0 00-21.7-5.9L746 287.8a15.99 15.99 0 00-5.8 21.8L760 344z"
           />
         </svg>
       </span>
     </button>
+    <div
+      class="memori-export-history-button memori-header--button memori-header--button--export"
+      data-headlessui-state=""
+      title="write_and_speak.exportChatHistoryMessage"
+    >
+      <button
+        aria-expanded="false"
+        class="memori-button memori-button--circle memori-button--icon-only memori-button--primary"
+        data-headlessui-state=""
+        id="headlessui-popover-button-:r1k:"
+        type="button"
+      >
+        <div
+          class="memori-button--icon"
+        >
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            role="img"
+            viewBox="0 0 1024 1024"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Header with deep thought logged but without permission flag unchanged 1`] = `
+<div>
+  <div
+    class="memori-header"
+  >
     <button
       class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button--speaker"
       title="widget.sound"
@@ -381,9 +396,9 @@ exports[`renders Header with deep thought and session open unchanged 1`] = `
       title="write_and_speak.exportChatHistoryMessage"
     >
       <button
-        aria-expanded="false"
-        class="memori-button memori-button--circle memori-button--icon-only memori-button--primary"
+        class="memori-button memori-button--circle memori-button--icon-only memori-button--disabled"
         data-headlessui-state=""
+        disabled=""
         id="headlessui-popover-button-:r1a:"
         type="button"
       >
@@ -408,7 +423,7 @@ exports[`renders Header with deep thought and session open unchanged 1`] = `
 </div>
 `;
 
-exports[`renders Header with deep thought unchanged 1`] = `
+exports[`renders Header with deep thought logged with permission flag unchanged 1`] = `
 <div>
   <div
     class="memori-header"
@@ -457,6 +472,64 @@ exports[`renders Header with deep thought unchanged 1`] = `
         </svg>
       </span>
     </button>
+    <button
+      class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button--speaker"
+      title="widget.sound"
+    >
+      <span
+        class="memori-button--icon"
+      >
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          role="img"
+          viewBox="0 0 1024 1024"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M625.9 115c-5.9 0-11.9 1.6-17.4 5.3L254 352H90c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h164l354.5 231.7c5.5 3.6 11.6 5.3 17.4 5.3 16.7 0 32.1-13.3 32.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1zM586 803L293.4 611.7l-18-11.7H146V424h129.4l17.9-11.7L586 221v582zm348-327H806c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16zm-41.9 261.8l-110.3-63.7a15.9 15.9 0 00-21.7 5.9l-19.9 34.5c-4.4 7.6-1.8 17.4 5.8 21.8L856.3 800a15.9 15.9 0 0021.7-5.9l19.9-34.5c4.4-7.6 1.7-17.4-5.8-21.8zM760 344a15.9 15.9 0 0021.7 5.9L892 286.2c7.6-4.4 10.2-14.2 5.8-21.8L878 230a15.9 15.9 0 00-21.7-5.9L746 287.8a15.99 15.99 0 00-5.8 21.8L760 344z"
+          />
+        </svg>
+      </span>
+    </button>
+    <div
+      class="memori-export-history-button memori-header--button memori-header--button--export"
+      data-headlessui-state=""
+      title="write_and_speak.exportChatHistoryMessage"
+    >
+      <button
+        class="memori-button memori-button--circle memori-button--icon-only memori-button--disabled"
+        data-headlessui-state=""
+        disabled=""
+        id="headlessui-popover-button-:r1f:"
+        type="button"
+      >
+        <div
+          class="memori-button--icon"
+        >
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            role="img"
+            viewBox="0 0 1024 1024"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Header with deep thought unlogged unchanged 1`] = `
+<div>
+  <div
+    class="memori-header"
+  >
     <button
       class="memori-button memori-button--primary memori-button--circle memori-button--padded memori-button--icon-only memori-header--button memori-header--button--speaker"
       title="widget.sound"

package/src/components/MediaWidget/LinkItemWidget.tsx

@@ -31,9 +31,9 @@ export interface Props {
 const getSiteInfo = async (url: string, baseUrl?: string) => {
   try {
     const data = await fetch(
-      `${
-        baseUrl || 'https://app.twincreator.com'
-      }/api/linkpreview/${encodeURIComponent(url)}`
+      `${baseUrl || 'https://aisuru.com'}/api/linkpreview/${encodeURIComponent(
+        url
+      )}`
     );
     const siteInfo: ILinkPreviewInfo = await data.json();
     return siteInfo;

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -377,7 +377,7 @@ const MemoriWidget = ({
   showOnlyLastMessages,
   height = '100vh',
   secret,
-  baseUrl = 'https://app.twincreator.com',
+  baseUrl = 'https://aisuru.com',
   apiUrl = 'https://backend.memori.ai',
   initialContextVars,
   initialQuestion,
@@ -415,9 +415,19 @@ const MemoriWidget = ({
 
   const [instruct, setInstruct] = useState(false);
 
+  const [loginToken, setLoginToken] = useState<string | undefined>(
+    additionalInfo?.loginToken ?? authToken
+  );
   const [user, setUser] = useState<User>({
     avatarURL: typeof userAvatar === 'string' ? userAvatar : undefined,
   } as User);
+  useEffect(() => {
+    if (loginToken) {
+      client.backend.getCurrentUser(loginToken).then(({ user, resultCode }) => {
+        if (user && resultCode === 0) setUser(user);
+      });
+    }
+  }, [loginToken]);
 
   const [clickedStart, setClickedStart] = useState(false);
   const [gotErrorInOpening, setGotErrorInOpening] = useState(false);
@@ -1354,88 +1364,83 @@ const MemoriWidget = ({
         i18n.language ??
         'IT'
       ).toUpperCase();
+
+      let voiceType = memori.voiceType;
+      if (memori.enableBoardOfExperts && currentDialogState?.emitter) {
+        let expert = experts?.find(e => e.name === currentDialogState?.emitter);
+
+        // TODO: once got info from backend, select voice from expert
+        // if (expert?.voiceType) {
+        //   voiceType = expert.voiceType;
+        // }
+      }
+
       switch (voiceLang) {
         case 'IT':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'it-IT-DiegoNeural'
-              : 'it-IT-ElsaNeural'
+            voiceType === 'MALE' ? 'it-IT-DiegoNeural' : 'it-IT-ElsaNeural'
           }`;
           break;
         case 'DE':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'de-DE-ConradNeural'
-              : 'de-DE-KatjaNeural'
+            voiceType === 'MALE' ? 'de-DE-ConradNeural' : 'de-DE-KatjaNeural'
           }`;
           break;
         case 'EN':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'en-GB-RyanNeural'
-              : 'en-GB-SoniaNeural'
+            voiceType === 'MALE' ? 'en-GB-RyanNeural' : 'en-GB-SoniaNeural'
           }`;
           break;
         case 'ES':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'es-ES-AlvaroNeural'
-              : 'es-ES-ElviraNeural'
+            voiceType === 'MALE' ? 'es-ES-AlvaroNeural' : 'es-ES-ElviraNeural'
           }`;
           break;
         case 'FR':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'fr-FR-HenriNeural'
-              : 'fr-FR-DeniseNeural'
+            voiceType === 'MALE' ? 'fr-FR-HenriNeural' : 'fr-FR-DeniseNeural'
           }`;
           break;
         case 'PT':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'pt-PT-DuarteNeural'
-              : 'pt-PT-RaquelNeural'
+            voiceType === 'MALE' ? 'pt-PT-DuarteNeural' : 'pt-PT-RaquelNeural'
           }`;
           break;
         case 'UK':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'uk-UA-OstapNeural'
-              : 'uk-UA-PolinaNeural'
+            voiceType === 'MALE' ? 'uk-UA-OstapNeural' : 'uk-UA-PolinaNeural'
           }`;
           break;
         case 'RU':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'ru-RU-DmitryNeural'
-              : 'ru-RU-SvetlanaNeural'
+            voiceType === 'MALE' ? 'ru-RU-DmitryNeural' : 'ru-RU-SvetlanaNeural'
           }`;
           break;
         case 'PL':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'pl-PL-MarekNeural'
-              : 'pl-PL-AgnieszkaNeural'
+            voiceType === 'MALE' ? 'pl-PL-MarekNeural' : 'pl-PL-AgnieszkaNeural'
           }`;
           break;
         case 'FI':
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'fi-FI-HarriNeural'
-              : 'fi-FI-SelmaNeural'
+            voiceType === 'MALE' ? 'fi-FI-HarriNeural' : 'fi-FI-SelmaNeural'
           }`;
           break;
         default:
           voice = `${
-            memori.voiceType === 'MALE'
-              ? 'it-IT-DiegoNeural'
-              : 'it-IT-IsabellaNeural'
+            voiceType === 'MALE' ? 'it-IT-DiegoNeural' : 'it-IT-IsabellaNeural'
           }`;
           break;
       }
       return voice;
     },
-    [memori.voiceType, i18n.language, memori.culture]
+    [
+      memori.voiceType,
+      memori.enableBoardOfExperts,
+      currentDialogState?.emitter,
+      i18n.language,
+      memori.culture,
+    ]
   );
 
   const getCultureCodeByLanguage = (lang?: string): string => {
@@ -1498,7 +1503,7 @@ const MemoriWidget = ({
   const fetchLexiconJSON = async () => {
     try {
       const lexiconReq = await fetch(
-        `${baseUrl || 'https://app.twincreator.com'}/api/lexiconmap`
+        `${baseUrl || 'https://aisuru.com'}/api/lexiconmap`
       );
       const lexicon = await lexiconReq.json();
       return lexicon;
@@ -2517,10 +2522,6 @@ const MemoriWidget = ({
     },
     [memoriPwd, memori, memoriTokens, birthDate, sessionId, userLang]
   );
-
-  const [loginToken, setLoginToken] = useState<string | undefined>(
-    additionalInfo?.loginToken ?? authToken
-  );
   useEffect(() => {
     const targetNode =
       document.querySelector(`memori-client[memoriname="${memori.name}"]`) ||
@@ -2620,6 +2621,7 @@ const MemoriWidget = ({
     showClear,
     clearHistory: () => setHistory(h => h.slice(-1)),
     loginToken,
+    user,
     sessionID: sessionId,
   };
 
@@ -2639,7 +2641,7 @@ const MemoriWidget = ({
   };
 
   const startPanelProps: StartPanelProps = {
-    memori: memori,
+    memori,
     tenant: tenant,
     gamificationLevel: gamificationLevel,
     language: language,
@@ -2656,6 +2658,7 @@ const MemoriWidget = ({
     onClickStart: onClickStart,
     initializeTTS: initializeTTS,
     isUserLoggedIn: !!loginToken,
+    user,
   };
 
   const chatProps: ChatProps = {
@@ -2812,7 +2815,7 @@ const MemoriWidget = ({
       <audio
         id="memori-audio"
         style={{ display: 'none' }}
-        src="https://app.twincreator.com/intro.mp3"
+        src="https://aisuru.com/intro.mp3"
       />
 
       {isClient && (

package/src/components/PoweredBy/PoweredBy.css

@@ -5,6 +5,7 @@
     left: 0;
     display: inline-flex;
     flex-wrap: wrap;
+    align-items: center;
     padding: 0.25rem 0.5rem;
     border-radius: 10px;
     background-color: var(--memori-inner-bg, transparent);
@@ -42,4 +43,4 @@
     color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
     opacity: 0.8;
     text-decoration: underline;
-}
+}

package/src/components/PoweredBy/PoweredBy.stories.tsx

@@ -21,6 +21,11 @@ Default.args = {
   userLang: 'en',
 };
 
+export const Italian = Template.bind({});
+Italian.args = {
+  userLang: 'it',
+};
+
 export const MemoryTwin = Template.bind({});
 MemoryTwin.args = {
   tenant: {
@@ -35,7 +40,16 @@ MemoryTwin.args = {
   },
 };
 
-export const Italian = Template.bind({});
-Italian.args = {
-  userLang: 'it',
+export const TwinCreator = Template.bind({});
+TwinCreator.args = {
+  tenant: {
+    id: 'twincreator',
+    theme: 'twincreator',
+    config: {
+      name: 'twincreator',
+      showNewUser: true,
+      requirePosition: false,
+      feedbackURL: '',
+    },
+  },
 };

package/src/components/PoweredBy/PoweredBy.tsx

@@ -7,24 +7,33 @@ export interface Props {
 
 const PoweredBy = ({ tenant, userLang = 'en' }: Props) => {
   const tenantId =
-    tenant?.theme === 'memorytwin' ? 'memorytwin' : 'twincreator';
+    tenant?.theme === 'memorytwin'
+      ? 'memorytwin'
+      : tenant?.theme === 'twincreator'
+      ? 'twincreator'
+      : 'aisuru';
 
   return (
     <div className="memori--powered-by">
-      <img
-        src={`https://app.twincreator.com/images/${tenantId}/logo.png`}
-        alt=""
-      />
+      <img src={`https://aisuru.com/images/${tenantId}/logo.png`} alt="" />
       <p>
         Powered by{' '}
         <a
-          href={`https://app.${tenantId}.com/${
-            userLang ? userLang.toLowerCase() : ''
-          }`}
+          href={`https://${
+            tenant?.theme === 'twincreator'
+              ? 'app.twincreator.com'
+              : tenant?.theme === 'memorytwin'
+              ? 'app.memorytwin.com'
+              : 'aisuru.com'
+          }/${userLang ? userLang.toLowerCase() : ''}`}
           target="_blank"
           rel="noopener noreferrer"
         >
-          {tenantId === 'memorytwin' ? 'MemoryTwin' : 'TwinCreator'}
+          {tenantId === 'memorytwin'
+            ? 'MemoryTwin'
+            : tenantId === 'twincreator'
+            ? 'TwinCreator'
+            : 'AIsuru'}
         </a>
       </p>
     </div>

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

@@ -7,17 +7,17 @@ exports[`renders PoweredBy unchanged 1`] = `
   >
     <img
       alt=""
-      src="https://app.twincreator.com/images/twincreator/logo.png"
+      src="https://aisuru.com/images/aisuru/logo.png"
     />
     <p>
       Powered by
        
       <a
-        href="https://app.twincreator.com/en"
+        href="https://aisuru.com/en"
         rel="noopener noreferrer"
         target="_blank"
       >
-        TwinCreator
+        AIsuru
       </a>
     </p>
   </div>