@memori.ai/memori-react 8.41.1 → 8.41.3

package/src/components/Avatar/Avatar.tsx

@@ -17,6 +17,7 @@ import Edit from '../icons/Edit';
 import cx from 'classnames';
 import ContainerAvatarView from './AvatarView';
 import { useViseme } from '../../context/visemeContext';
+import { is3dAvatarWithUrl, usesRpmAvatarView } from '../../types/integration';
 
 export interface Props {
   memori: Memori;
@@ -90,11 +91,10 @@ const Avatar: React.FC<Props> = ({
 
   const renderAvatar = () => {
     if (
-      (integrationConfig?.avatar === 'readyplayerme' ||
-        integrationConfig?.avatar === 'readyplayerme-full' ||
-        integrationConfig?.avatar === 'customglb' ||
-        integrationConfig?.avatar === 'customrpm') &&
-      integrationConfig?.avatarURL &&
+      is3dAvatarWithUrl(
+        integrationConfig?.avatar,
+        integrationConfig?.avatarURL
+      ) &&
       avatarType &&
       avatarType !== 'blob'
     ) {
@@ -123,12 +123,8 @@ const Avatar: React.FC<Props> = ({
   };
 
   const renderAvatarContent = () => {
-    if (!isClient) return null;
-    if (
-      integrationConfig?.avatar === 'readyplayerme' ||
-      integrationConfig?.avatar === 'readyplayerme-full' ||
-      integrationConfig?.avatar === 'customrpm'
-    ) {
+    if (!isClient || !integrationConfig) return null;
+    if (usesRpmAvatarView(integrationConfig.avatar)) {
       return (
         <ErrorBoundary
           fallback={
@@ -163,7 +159,7 @@ const Avatar: React.FC<Props> = ({
       );
     }
 
-    if (integrationConfig?.avatar === 'customglb') {
+    if (integrationConfig.avatar === 'customglb') {
       return (
         <ModelViewer
           poster={getAvatarUrl() || ''}

package/src/components/Avatar/AvatarView/AvatarComponent/components/FullbodyAvatar/fullbodyAvatar.tsx

@@ -9,6 +9,7 @@ import {
   ANIMATION_URLS,
   AVATAR_POSITION,
   AVATAR_ROTATION,
+  MALE_EXCLUDED_ANIMATIONS,
   SCALE_LERP_FACTOR,
 } from '../../constants';
 import DynamicShadow from '../../Shadow/DynamicShadow';
@@ -64,11 +65,17 @@ export function FullbodyAvatar({
     return found;
   }, [scene]);
 
-  // Merge base and additional animations only if needed
-  const mergedAnimations = useMemo(
-    () => needsAdditionalAnimations ? [...baseAnimations, ...additionalAnimations] : baseAnimations,
-    [baseAnimations, additionalAnimations, needsAdditionalAnimations]
-  );
+  // Merge base and additional animations only if needed.
+  // For male avatars, exclude problematic idle clips from the full set (base + pack).
+  const mergedAnimations = useMemo(() => {
+    const clips = needsAdditionalAnimations
+      ? [...baseAnimations, ...additionalAnimations]
+      : baseAnimations;
+
+    if (sex !== 'MALE') return clips;
+
+    return clips.filter(clip => !MALE_EXCLUDED_ANIMATIONS.has(clip.name));
+  }, [baseAnimations, additionalAnimations, needsAdditionalAnimations, sex]);
 
   // Create animation actions from the merged animations
   const { actions } = useAnimations(mergedAnimations, scene);

package/src/components/Avatar/AvatarView/AvatarComponent/components/controllers/MorphTargetController.ts

@@ -2,6 +2,7 @@ import { SkinnedMesh } from 'three';
 import { MathUtils } from 'three';
 import {
   EMOTION_SMOOTHING,
+  EMOTION_INTENSITY,
   VISEME_SMOOTHING,
   BLINK_CONFIG,
   MAPPING_EMOTIONS_ITALIAN_TO_ENGLISH,
@@ -214,7 +215,7 @@ export class MorphTargetController {
           const currentEmotionValue = this.currentEmotionValues[key] || 0;
           const newEmotionValue = MathUtils.lerp(
             currentEmotionValue,
-            targetEmotionValue * 1.5, // Apply emotion at 80% intensity for more natural expressions
+            targetEmotionValue * EMOTION_INTENSITY,
             EMOTION_SMOOTHING
           );
           this.currentEmotionValues[key] = newEmotionValue;

package/src/components/Avatar/AvatarView/AvatarComponent/constants.ts

@@ -58,7 +58,8 @@ export const MAPPING_BLEND_SHAPE_TO_EMOTION_RPM: BlendShapeMap = [
       'browDownRight': 0.5,
       'browOuterUpLeft': 0.5,
       'browOuterUpRight': 0.5,
-      'mouthSmile': -0.2,
+      'mouthSmileLeft': -0.2,
+      'mouthSmileRight': -0.2,
     },
   },
   {
@@ -77,7 +78,8 @@ export const MAPPING_BLEND_SHAPE_TO_EMOTION_RPM: BlendShapeMap = [
       'browDownRight': -0.5,
       'eyeSquintLeft': 0.5,
       'eyeSquintRight': 0.5,
-      'mouthSmile': -0.6,
+      'mouthSmileLeft': -0.6,
+      'mouthSmileRight': -0.6,
     },
   },
   {
@@ -88,7 +90,8 @@ export const MAPPING_BLEND_SHAPE_TO_EMOTION_RPM: BlendShapeMap = [
       'browOuterUpRight': 0.5,
       'eyeWideLeft': 0.5,
       'eyeWideRight': 0.5,
-      'mouthSmile': 0.5,
+      'mouthSmileLeft': 0.5,
+      'mouthSmileRight': 0.5,
     },
   },
   {
@@ -97,7 +100,8 @@ export const MAPPING_BLEND_SHAPE_TO_EMOTION_RPM: BlendShapeMap = [
       'browDownLeft': 0.5,
       'browDownRight': 0.5,
       'browInnerUp': 0.5,
-      'mouthSmile': 0.5,
+      'mouthSmileLeft': 0.5,
+      'mouthSmileRight': 0.5,
     },
   },
 ];
@@ -109,6 +113,12 @@ export const ANIMATION_URLS = {
     'https://assets.memori.ai/api/v2/asset/2adc934b-24b2-45bd-94ad-ffec58d3cb32.glb',
 };
 
+/** Idle clips excluded from the male animation pack. */
+export const MALE_EXCLUDED_ANIMATIONS = new Set([
+  'Idle',
+  'Idle2'
+]);
+
 // Blink configuration
 export const BLINK_CONFIG = {
   minInterval: 1000,
@@ -127,3 +137,5 @@ export const DEFAULT_CONFIG: AnimationConfig = {
 // Smoothing factors for emotion and viseme morphs
 export const EMOTION_SMOOTHING = 0.3;
 export const VISEME_SMOOTHING = 0.5;
+/** Multiplier applied to emotion morph target values before clamping (1 = raw mapping). */
+export const EMOTION_INTENSITY = 2.5;

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

@@ -1,5 +1,131 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders Avatar with avatar-configurator like readyplayerme-full 1`] = `
+<div>
+  <div
+    class="memori--avatar-wrapper memori--avatar-avatar-configurator"
+  >
+    <div
+      class="memori--blob-container"
+    >
+      <div
+        class="memori-blob"
+      >
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+      </div>
+    </div>
+  </div>
+  <div
+    class="memori--avatar-toggle"
+  >
+    <button
+      class="memori-button memori-button--ghost memori-button--rounded memori-button--padded memori-button--with-icon"
+    >
+      <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="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
+          />
+          <path
+            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
+          />
+        </svg>
+      </span>
+      <span
+        class="memori--avatar-toggle-text"
+      >
+        hide
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`renders Avatar with avatar-configurator on totem layout unchanged 1`] = `
+<div>
+  <div
+    class="memori--avatar-wrapper memori--avatar-avatar-configurator"
+  >
+    <div
+      class="memori--blob-container"
+    >
+      <div
+        class="memori-blob"
+      >
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+        <div
+          class="mainDiv"
+        />
+      </div>
+    </div>
+  </div>
+  <div
+    class="memori--avatar-toggle"
+  >
+    <button
+      class="memori-button memori-button--ghost memori-button--rounded memori-button--padded memori-button--with-icon"
+    >
+      <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="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
+          />
+          <path
+            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
+          />
+        </svg>
+      </span>
+      <span
+        class="memori--avatar-toggle-text"
+      >
+        hide
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
 exports[`renders Avatar with blob and avatar in blob unchanged 1`] = `
 <div>
   <div

package/src/components/ChatBubble/ChatBubble.tsx

@@ -100,13 +100,16 @@ const ChatBubble: React.FC<Props> = ({
   const [copyFeedback, setCopyFeedback] = useState({
     plain: false,
     raw: false,
+    functionCache: false,
   });
   const copyFeedbackTimers = useRef<{
     plain: ReturnType<typeof setTimeout> | null;
     raw: ReturnType<typeof setTimeout> | null;
+    functionCache: ReturnType<typeof setTimeout> | null;
   }>({
     plain: null,
     raw: null,
+    functionCache: null,
   });
   // Initialize MathJax on component mount
   useEffect(() => {
@@ -191,7 +194,9 @@ const ChatBubble: React.FC<Props> = ({
   useEffect(() => {
     return () => {
       (
-        Object.keys(copyFeedbackTimers.current) as Array<'plain' | 'raw'>
+        Object.keys(copyFeedbackTimers.current) as Array<
+          'plain' | 'raw' | 'functionCache'
+        >
       ).forEach(key => {
         const timer = copyFeedbackTimers.current[key];
         if (timer) {
@@ -202,7 +207,12 @@ const ChatBubble: React.FC<Props> = ({
     };
   }, []);
 
-  const triggerCopyFeedback = (type: 'plain' | 'raw') => {
+  const functionCacheCopyText =
+    functionCacheData
+      ?.map(f => `${f.title}\n\n${f.content}`)
+      .join('\n\n---\n\n') ?? '';
+
+  const triggerCopyFeedback = (type: 'plain' | 'raw' | 'functionCache') => {
     setCopyFeedback(prev => ({ ...prev, [type]: true }));
     if (copyFeedbackTimers.current[type]) {
       clearTimeout(copyFeedbackTimers.current[type]!);
@@ -213,7 +223,10 @@ const ChatBubble: React.FC<Props> = ({
     }, 1500);
   };
 
-  const handleCopyClick = (type: 'plain' | 'raw', text: string) => {
+  const handleCopyClick = (
+    type: 'plain' | 'raw' | 'functionCache',
+    text: string
+  ) => {
     if (!text?.length) return;
     if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
       navigator.clipboard
@@ -718,6 +731,18 @@ const ChatBubble: React.FC<Props> = ({
         open={openFunctionCache}
         onClose={() => setOpenFunctionCache(false)}
         className="memori-chat--function-cache-modal"
+        footer={
+          <Button
+            icon={<Copy />}
+            onClick={() =>
+              handleCopyClick('functionCache', functionCacheCopyText)
+            }
+          >
+            {copyFeedback.functionCache
+              ? copiedLabel
+              : t('copy') || 'Copy'}
+          </Button>
+        }
       >
         {functionCacheData?.map((f, i) => (
           <div

package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx

@@ -167,64 +167,101 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     }
   };
 
-  const extractTextFromXLSX = async (file: File): Promise<string> => {
-    try {
-      if (!window.XLSX) {
-        await new Promise((resolve, reject) => {
-          const script = document.createElement('script');
-          script.src = XLSX_URL;
-          script.onload = resolve;
-          script.onerror = reject;
-          document.head.appendChild(script);
-        });
-      }
+  const loadXLSXLibrary = async (): Promise<void> => {
+    if (window.XLSX) return;
+
+    await new Promise((resolve, reject) => {
+      const script = document.createElement('script');
+      script.src = XLSX_URL;
+      script.onload = resolve;
+      script.onerror = reject;
+      document.head.appendChild(script);
+    });
+  };
 
-      const arrayBuffer = await file.arrayBuffer();
-      const workbook = window.XLSX.read(arrayBuffer, {
-        type: 'array',
-        cellFormula: true,
-        cellNF: true,
-        cellText: true,
-        cellDates: true,
+  const readXLSXWorkbook = async (file: File) => {
+    await loadXLSXLibrary();
+
+    const arrayBuffer = await file.arrayBuffer();
+    return window.XLSX.read(arrayBuffer, {
+      type: 'array',
+      cellFormula: true,
+      cellNF: true,
+      cellText: true,
+      cellDates: true,
+    });
+  };
+
+  const formatXLSXWorkbookForDisplay = (workbook: {
+    SheetNames: string[];
+    Sheets: Record<string, unknown>;
+  }): string => {
+    let text = '';
+
+    for (const sheetName of workbook.SheetNames) {
+      const worksheet = workbook.Sheets[sheetName];
+      const data = window.XLSX.utils.sheet_to_json(worksheet, {
+        header: 1,
+        raw: false,
       });
 
-      let text = '';
-      for (const sheetName of workbook.SheetNames) {
-        const worksheet = workbook.Sheets[sheetName];
-        const data = window.XLSX.utils.sheet_to_json(worksheet, {
-          header: 1,
-          raw: false,
+      const colWidths = data.reduce((widths: number[], row: any[]) => {
+        row.forEach((cell, i) => {
+          const cellWidth = (cell || '').toString().length;
+          widths[i] = Math.max(widths[i] || 0, cellWidth);
         });
+        return widths;
+      }, []);
+
+      const formattedText = data.map((row: any[]) => {
+        return row
+          .map((cell, i) => {
+            const cellStr = (cell || '').toString();
+            return cellStr.padEnd(colWidths[i] + 2);
+          })
+          .join('|')
+          .trim();
+      });
 
-        const colWidths = data.reduce((widths: number[], row: any[]) => {
-          row.forEach((cell, i) => {
-            const cellWidth = (cell || '').toString().length;
-            widths[i] = Math.max(widths[i] || 0, cellWidth);
-          });
-          return widths;
-        }, []);
-
-        const formattedText = data.map((row: any[]) => {
-          return row
-            .map((cell, i) => {
-              const cellStr = (cell || '').toString();
-              return cellStr.padEnd(colWidths[i] + 2);
-            })
-            .join('|')
-            .trim();
-        });
+      if (formattedText.length > 0) {
+        const separator = colWidths
+          .map((w: number) => '-'.repeat(w + 2))
+          .join('+');
+        formattedText.splice(1, 0, separator);
+      }
 
-        if (formattedText.length > 0) {
-          const separator = colWidths
-            .map((w: number) => '-'.repeat(w + 2))
-            .join('+');
-          formattedText.splice(1, 0, separator);
-        }
+      text += `Sheet: ${sheetName}\n${formattedText.join('\n')}\n\n`;
+    }
+
+    return text;
+  };
 
-        text += `Sheet: ${sheetName}\n${formattedText.join('\n')}\n\n`;
+  const formatXLSXWorkbookAsCsv = (workbook: {
+    SheetNames: string[];
+    Sheets: Record<string, unknown>;
+  }): string => {
+    let text = '';
+
+    for (const sheetName of workbook.SheetNames) {
+      const worksheet = workbook.Sheets[sheetName];
+      const csv = window.XLSX.utils.sheet_to_csv(worksheet, { raw: false });
+      if (csv.trim()) {
+        text += `Sheet: ${sheetName}\n${csv}\n\n`;
       }
+    }
 
-      return text;
+    return text;
+  };
+
+  const extractTextFromXLSX = async (
+    file: File
+  ): Promise<{ display: string; asset: string }> => {
+    try {
+      const workbook = await readXLSXWorkbook(file);
+      return {
+        display: formatXLSXWorkbookForDisplay(workbook),
+        asset: formatXLSXWorkbookAsCsv(workbook),
+      };
     } catch (error) {
       console.error('XLSX extraction failed:', error);
       throw new Error(
@@ -237,7 +274,11 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
 
   const processDocumentFile = async (
     file: File
-  ): Promise<{ text: string | null; uploadAsOriginal?: boolean }> => {
+  ): Promise<{
+    text: string | null;
+    textForAsset?: string;
+    uploadAsOriginal?: boolean;
+  }> => {
     if (isOfficeNativeFilename(file.name)) {
       return { text: null, uploadAsOriginal: true };
     }
@@ -245,16 +286,19 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
     const ext = file.name.split('.').pop()?.toLowerCase() || '';
     try {
       let text: string | null = null;
+      let textForAsset: string | undefined;
 
       if (ext === 'pdf') {
         text = await extractTextFromPDF(file);
       } else if (['txt', 'md', 'json', 'csv', 'html'].includes(ext)) {
         text = await file.text();
       } else if (ext === 'xlsx') {
-        text = await extractTextFromXLSX(file);
+        const extracted = await extractTextFromXLSX(file);
+        text = extracted.display;
+        textForAsset = extracted.asset;
       }
 
-      return { text };
+      return { text, textForAsset };
     } catch (error) {
       console.error('Document processing failed:', error);
       throw new Error(
@@ -370,7 +414,8 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
         const fileId = Math.random().toString(36).substr(2, 9);
 
         try {
-          const { text, uploadAsOriginal } = await processDocumentFile(file);
+          const { text, textForAsset, uploadAsOriginal } =
+            await processDocumentFile(file);
 
           if (uploadAsOriginal) {
             // Office native format: upload the original file as asset, no text extraction
@@ -403,7 +448,8 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
             });
           } else if (text) {
             const baseName = file.name.replace(/\.[^/.]+$/, '') || file.name;
-            const textFile = new File([text], `${baseName}.txt`, {
+            const assetText = textForAsset ?? text;
+            const textFile = new File([assetText], `${baseName}.txt`, {
               type: 'text/plain',
             });
 
@@ -468,7 +514,9 @@ const UploadDocuments: React.FC<UploadDocumentsProps> = ({
       <input
         ref={documentInputRef}
         type="file"
-        accept={`.pdf,.txt,.md,.json,.xlsx,.csv,.html,${officeNativeExtensions.join(',')}`}
+        accept={`.pdf,.txt,.md,.json,.xlsx,.csv,.html,${officeNativeExtensions.join(
+          ','
+        )}`}
         multiple
         className="memori--upload-file-input"
         onChange={handleDocumentUpload}

package/src/components/layouts/layouts.stories.tsx

@@ -32,25 +32,18 @@ const Template: Story<Props> = args => (
 
 const DefaultLayout = Template.bind({});
 DefaultLayout.args = {
-  memoriName: 'Layout Storybook',
-  ownerUserName: 'andrea.patini',
-  memoriID: 'ae20fc5a-cc15-4db9-b7dd-2cd4a621b85e',
+  memoriName: 'prova-sharepoint',
+  ownerUserName: 'Andrea-Patini',
+  memoriID: '019f129c-a5a3-74d3-b0c8-b7794437bb23',
   ownerUserID: '91dbc9ba-b684-4fbe-9828-b5980af6cda9',
   tenantID: 'aisuru-staging.aclambda.online',
   engineURL: 'https://engine-staging.memori.ai/memori/v2',
   apiURL: 'https://backend-staging.memori.ai/api/v2',
-  layout: 'FULLPAGE',
+  baseURL: 'https://aisuru-staging.aclambda.online',
+  layout: 'TOTEM',
   uiLang: 'IT',
   spokenLang: 'IT',
-  integrationID: '0b1256c1-530c-4e67-aef8-36667c8887bb',
-  autoStart: true,
-  sessionID: '' as string | undefined,
-  showUpload: true,
-  showReasoning: false,
-  showLogin: true,
-  multilingual: true,
-  avatar3dHidden: true,
-  showMessageConsumption: true,
+  integrationID: '019f1896-730d-7e19-9a88-6413f485247b',
 };
 
 export const Default = Template.bind({});

package/src/components/layouts/website-assistant.css

@@ -397,7 +397,8 @@
     transform: none !important;
 }
 
-.memori-layout-website_assistant.memori--avatar-readyplayerme-full .memori--avatar-wrapper > div {
+.memori-layout-website_assistant.memori--avatar-readyplayerme-full .memori--avatar-wrapper > div,
+.memori-layout-website_assistant.memori--avatar-avatar-configurator .memori--avatar-wrapper > div {
     transform: scale(1.7) translate(0px, 10vh);
 }
 

package/src/types/integration.test.ts

@@ -0,0 +1,32 @@
+import {
+  is3dAvatarWithUrl,
+  usesRpmAvatarView,
+} from './integration';
+
+describe('integration avatar helpers', () => {
+  const avatarURL = 'https://example.com/avatar.glb';
+
+  describe('is3dAvatarWithUrl', () => {
+    it('returns true for avatar-configurator with avatarURL', () => {
+      expect(is3dAvatarWithUrl('avatar-configurator', avatarURL)).toBe(true);
+    });
+
+    it('returns false for avatar-configurator without avatarURL', () => {
+      expect(is3dAvatarWithUrl('avatar-configurator', undefined)).toBe(false);
+    });
+  });
+
+  describe('usesRpmAvatarView', () => {
+    it('returns true for avatar-configurator', () => {
+      expect(usesRpmAvatarView('avatar-configurator')).toBe(true);
+    });
+
+    it('returns true for readyplayerme-full', () => {
+      expect(usesRpmAvatarView('readyplayerme-full')).toBe(true);
+    });
+
+    it('returns false for customglb', () => {
+      expect(usesRpmAvatarView('customglb')).toBe(false);
+    });
+  });
+});