@memori.ai/memori-react 8.41.0 → 8.41.2

package/esm/helpers/nats/isSessionExpiredError.d.ts

@@ -0,0 +1,3 @@
+import type { NatsDialogResponseEvent, NatsErrorEvent } from './useNatsSession';
+export declare function isSessionExpiredNatsError(event: NatsErrorEvent): boolean;
+export declare function isSessionExpiredNatsResponse(event: NatsDialogResponseEvent): boolean;

package/esm/helpers/nats/isSessionExpiredError.js

@@ -0,0 +1,32 @@
+const SESSION_NOT_FOUND = -101;
+const SESSION_EXPIRED = -103;
+const SESSION_NOT_FOUND_MESSAGE = /session\s+with\s+id\s+["']?[^"']+["']?\s+not\s+found/i;
+function isExpiredResultCode(resultCode) {
+    return (resultCode === 404 ||
+        resultCode === SESSION_EXPIRED ||
+        resultCode === SESSION_NOT_FOUND);
+}
+function isExpiredErrorMessage(message) {
+    if (!message)
+        return false;
+    return SESSION_NOT_FOUND_MESSAGE.test(message);
+}
+export function isSessionExpiredNatsError(event) {
+    if (isExpiredResultCode(event.errorCode)) {
+        return true;
+    }
+    if (typeof event.errorCode === 'string') {
+        const code = event.errorCode.toUpperCase();
+        if (code.includes('SESSION_EXPIRED') || code.includes('SESSION_NOT_FOUND')) {
+            return true;
+        }
+    }
+    return isExpiredErrorMessage(event.errorMessage);
+}
+export function isSessionExpiredNatsResponse(event) {
+    if (isExpiredResultCode(event.resultCode)) {
+        return true;
+    }
+    return isExpiredErrorMessage(event.resultMessage);
+}
+//# sourceMappingURL=isSessionExpiredError.js.map

package/esm/helpers/nats/isSessionExpiredError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSessionExpiredError.js","sourceRoot":"","sources":["../../../src/helpers/nats/isSessionExpiredError.ts"],"names":[],"mappings":"AAMA,MAAM,iBAAiB,GAAG,CAAC,GAAG,CAAC;AAC/B,MAAM,eAAe,GAAG,CAAC,GAAG,CAAC;AAE7B,MAAM,yBAAyB,GAC7B,uDAAuD,CAAC;AAE1D,SAAS,mBAAmB,CAAC,UAAmB;IAC9C,OAAO,CACL,UAAU,KAAK,GAAG;QAClB,UAAU,KAAK,eAAe;QAC9B,UAAU,KAAK,iBAAiB,CACjC,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,OAAgB;IAC7C,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAC3B,OAAO,yBAAyB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACjD,CAAC;AAGD,MAAM,UAAU,yBAAyB,CAAC,KAAqB;IAC7D,IAAI,mBAAmB,CAAC,KAAK,CAAC,SAA+B,CAAC,EAAE;QAC9D,OAAO,IAAI,CAAC;KACb;IAED,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,EAAE;QACvC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QAC3C,IAAI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE;YAC1E,OAAO,IAAI,CAAC;SACb;KACF;IAED,OAAO,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACnD,CAAC;AAGD,MAAM,UAAU,4BAA4B,CAC1C,KAA8B;IAE9B,IAAI,mBAAmB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QACzC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,qBAAqB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;AACpD,CAAC"}

package/esm/locales/de.json

@@ -75,6 +75,7 @@
     "errorFetchingSession": "Fehler beim Laden der Sitzung",
     "errorGettingReferralURL": "Fehler beim Laden des Referrals",
     "errorReopeningSession": "Fehler beim erneuten Öffnen der Sitzung",
+    "sessionExpiredReopening": "Sitzung abgelaufen, Sitzung wird neu geöffnet",
     "ageVerification": "Altersüberprüfung",
     "ageVerificationText": "Um mit diesem Zwilling interagieren zu können, müssen Sie mindestens sein {{minAge}} Jahre alt.",
     "nsfw": "NSFW: Dieser Agent enthält Inhalte für Erwachsene",

package/esm/locales/en.json

@@ -77,6 +77,7 @@
     "errorFetchingSession": "Error during session loading",
     "errorGettingReferralURL": "Error during referral loading",
     "errorReopeningSession": "Error during session reopening",
+    "sessionExpiredReopening": "Session expired, reopening session",
     "ageVerification": "Age verification",
     "ageVerificationText": "To interact with this agent, you must be at least {{minAge}} years old.",
     "nsfw": "NSFW: This agent contains adult contents",

package/esm/locales/es.json

@@ -75,6 +75,7 @@
     "errorFetchingSession": "Error durante el cargamento de la sesión",
     "errorGettingReferralURL": "Error durante el cargamento del référent",
     "errorReopeningSession": "Error durante el re-abrir la sesión",
+    "sessionExpiredReopening": "Sesión expirada, reabriendo sesión",
     "ageVerification": "Verificación de edad",
     "ageVerificationText": "Para interactuar con este Gemelo, debes tener al menos {{minAge}} años.",
     "nsfw": "NSFW: Este gemelo contiene contenido para adultos",

package/esm/locales/fr.json

@@ -74,6 +74,7 @@
     "errorFetchingSession": "Erreur lors du chargement de la session",
     "errorGettingReferralURL": "Erreur lors du chargement du référent",
     "errorReopeningSession": "Erreur lors de la re-ouverture de la session",
+    "sessionExpiredReopening": "Session expirée, réouverture en cours",
     "ageVerification": "Vérification de l'âge",
     "ageVerificationText": "Pour interagir avec ce Agent, vous devez être au minimum {{minAge}} ans.",
     "nsfw": "NSFW : Ce jumeau contient du contenu pour adultes",

package/esm/locales/it.json

@@ -78,6 +78,7 @@
     "errorFetchingSession": "Errore durante il caricamento della sessione",
     "errorGettingReferralURL": "Errore durante il caricamento del riferimento",
     "errorReopeningSession": "Errore durante il riapertura della sessione",
+    "sessionExpiredReopening": "Sessione scaduta, riapertura in corso",
     "ageVerification": "Verifica dell'età",
     "ageVerificationText": "Per interagire con questo agente, devi aver almeno {{minAge}} anni.",
     "nsfw": "NSFW: Questo agente contiene contenuti per adulti",

package/esm/types/integration.d.ts

@@ -0,0 +1,3 @@
+export type AvatarMode = 'readyplayerme' | 'readyplayerme-full' | 'customglb' | 'customrpm' | 'userAvatar' | 'avatar-configurator';
+export declare const is3dAvatarWithUrl: (avatar: AvatarMode | string | undefined, avatarURL: string | undefined) => boolean;
+export declare const usesRpmAvatarView: (avatar: AvatarMode | string | undefined) => boolean;

package/esm/types/integration.js

@@ -0,0 +1,11 @@
+export const is3dAvatarWithUrl = (avatar, avatarURL) => !!avatarURL &&
+    (avatar === 'readyplayerme' ||
+        avatar === 'readyplayerme-full' ||
+        avatar === 'customglb' ||
+        avatar === 'customrpm' ||
+        avatar === 'avatar-configurator');
+export const usesRpmAvatarView = (avatar) => avatar === 'readyplayerme' ||
+    avatar === 'readyplayerme-full' ||
+    avatar === 'customrpm' ||
+    avatar === 'avatar-configurator';
+//# sourceMappingURL=integration.js.map

package/esm/types/integration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration.js","sourceRoot":"","sources":["../../src/types/integration.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAuC,EACvC,SAA6B,EACpB,EAAE,CACX,CAAC,CAAC,SAAS;IACX,CAAC,MAAM,KAAK,eAAe;QACzB,MAAM,KAAK,oBAAoB;QAC/B,MAAM,KAAK,WAAW;QACtB,MAAM,KAAK,WAAW;QACtB,MAAM,KAAK,qBAAqB,CAAC,CAAC;AAGtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAuC,EAC9B,EAAE,CACX,MAAM,KAAK,eAAe;IAC1B,MAAM,KAAK,oBAAoB;IAC/B,MAAM,KAAK,WAAW;IACtB,MAAM,KAAK,qBAAqB,CAAC"}

package/esm/version.d.ts

@@ -1 +1 @@
-export declare const version = "8.41.0";
+export declare const version = "8.41.2";

package/esm/version.js

@@ -1,2 +1,2 @@
-export const version = '8.41.0';
+export const version = '8.41.2';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "8.41.0",
+  "version": "8.41.2",
   "name": "@memori.ai/memori-react",
   "author": "Memori Srl",
   "main": "dist/index.js",

package/src/components/Avatar/Avatar.stories.tsx

@@ -6,6 +6,7 @@ import Avatar, { Props } from './Avatar';
 
 import './Avatar.css';
 import { ArtifactProvider } from '../MemoriArtifactSystem/context/ArtifactContext';
+import { VisemeProvider } from '../../context/visemeContext';
 
 const meta: Meta = {
   title: 'Widget/Avatar',
@@ -33,34 +34,38 @@ const Template: Story<Props> = args => {
 
   return (
     <I18nWrapper>
-      <ArtifactProvider>
-      <div
-        style={
-          args.integrationConfig?.avatar === 'customglb' ||
-          args.integrationConfig?.avatar === 'readyplayerme' ||
-          args.integrationConfig?.avatar === 'readyplayerme-full'
-            ? {}
-            : { marginTop: '20vw' }
-        }
-      >
-        <Avatar
-          {...args}
-          integrationConfig={
-            args.integrationConfig
-              ? {
-                  ...args.integrationConfig,
-                  avatarURL:
-                    args.integrationConfig.avatarURL?.split('#')?.[0] +
-                    `#${new Date(Date.now()).toISOString()}`,
-                }
-              : undefined
-          }
-          avatar3dVisible={avatar3dVisible}
-          setAvatar3dVisible={setAvatar3dVisible}
-          key={Date.now()}
-        />
-      </div>
-      </ArtifactProvider>
+      <VisemeProvider>
+        {' '}
+        <ArtifactProvider>
+          <div
+            style={
+              args.integrationConfig?.avatar === 'customglb' ||
+              args.integrationConfig?.avatar === 'readyplayerme' ||
+              args.integrationConfig?.avatar === 'readyplayerme-full' ||
+              args.integrationConfig?.avatar === 'avatar-configurator'
+                ? {}
+                : { marginTop: '20vw' }
+            }
+          >
+            <Avatar
+              {...args}
+              integrationConfig={
+                args.integrationConfig
+                  ? {
+                      ...args.integrationConfig,
+                      avatarURL:
+                        args.integrationConfig.avatarURL?.split('#')?.[0] +
+                        `#${new Date(Date.now()).toISOString()}`,
+                    }
+                  : undefined
+              }
+              avatar3dVisible={avatar3dVisible}
+              setAvatar3dVisible={setAvatar3dVisible}
+              key={Date.now()}
+            />
+          </div>
+        </ArtifactProvider>
+      </VisemeProvider>
     </I18nWrapper>
   );
 };
@@ -141,3 +146,15 @@ FullbodyReadyPlayerMeAvatar.args = {
       'https://models.readyplayer.me/63b55751f17e295642bf07a2.glb#1669136149862',
   },
 };
+
+export const AvatarConfigurator = Template.bind({});
+AvatarConfigurator.args = {
+  ...FullbodyReadyPlayerMeAvatar.args,
+  integrationConfig: {
+    ...integrationConfig,
+    avatar: 'avatar-configurator',
+    avatarURL:
+      'https://models.readyplayer.me/63b55751f17e295642bf07a2.glb#1669136149862',
+  },
+  avatarType: 'avatar3d',
+};

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

@@ -102,3 +102,30 @@ it('renders Avatar with rpm 3d avatar unchanged', () => {
   );
   expect(container).toMatchSnapshot();
 });
+
+it('renders Avatar with avatar-configurator like readyplayerme-full', () => {
+  const { container } = render(
+    <VisemeProvider>
+      <Avatar
+        memori={memori}
+        integration={integration}
+        isTotem={false}
+        setEnablePositionControls={() => {}}
+        integrationConfig={{
+          ...integrationConfig,
+          avatar: 'avatar-configurator',
+          avatarURL:
+            'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+        }}
+        tenant={tenant}
+        instruct={false}
+        avatar3dVisible={true}
+        setAvatar3dVisible={() => {}}
+        hasUserActivatedSpeak={false}
+        isPlayingAudio={false}
+        avatarType="avatar3d"
+      />
+    </VisemeProvider>
+  );
+  expect(container).toMatchSnapshot();
+});

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/__snapshots__/Avatar.test.tsx.snap

@@ -1,5 +1,68 @@
 // 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 blob and avatar in blob unchanged 1`] = `
 <div>
   <div