@memori.ai/memori-react 8.45.2 → 8.45.4

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

@@ -1,131 +0,0 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import { memori, tenant } from '../../../mocks/data';
-import { Props } from '../../MemoriWidget/MemoriWidget';
-import Memori from '../../../index';
-import I18nWrapper from '../../../I18nWrapper';
-import { VisemeProvider } from '../../../context/visemeContext';
-import { ArtifactProvider } from '../../MemoriArtifactSystem/context/ArtifactContext';
-
-const meta: Meta = {
-  title: 'General/Layouts/ZoomedFullBody',
-  component: (args: Props) => <Memori {...args} engineURL="https://engine.memori.ai" apiURL="https://backend.memori.ai" baseURL="https://www.aisuru.com"    />,
-  argTypes: {},
-  parameters: {
-    controls: { expanded: true },
-    layout: 'fullscreen',
-  },
-};
-
-export default meta;
-
-
-const Template: Story<Props> = args => (
-  <I18nWrapper>
-    <ArtifactProvider>
-      <VisemeProvider>
-        <Memori {...args} />
-      </VisemeProvider>
-    </ArtifactProvider>
-  </I18nWrapper>
-);
-
-const DefaultLayout = Template.bind({});
-DefaultLayout.args = {
-  emoriName: 'Layout Storybook',
-  ownerUserName: 'andrea.patini',
-  memoriID: 'ae20fc5a-cc15-4db9-b7dd-2cd4a621b85e',
-  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: 'FULL_CHAT',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: '0b1256c1-530c-4e67-aef8-36667c8887bb',
-};
-
-const baseIntegration = {
-  integrationID: '0b1256c1-530c-4e67-aef8-36667c8887bb',
-  memoriID: '157860e8-f014-43b3-a7c5-fb4a08c87025',
-  type: 'LANDING_EXPERIENCE',
-  state: 'NEW',
-  deviceEmails: null,
-  invocationText: null,
-  jobID: null,
-  publish: true,
-  creationTimestamp: '2022-06-13T14:44:52.833573Z',
-  lastChangeTimestamp: '2022-06-13T14:44:52.833573Z',
-};
-
-export const ZoomedFullBodyWithFullBodyAvatar = Template.bind({});
-ZoomedFullBodyWithFullBodyAvatar.args = {
-    ...DefaultLayout.args,
-    avatar3DURL:
-      'https://assets-staging.memori.ai/api/v2/asset/c0bb0d40-aebf-4e58-bfa0-45a4d7935153.glb#1763646903757',
-  integration: {
-    ...baseIntegration,
-    customData: JSON.stringify({
-      textColor: '#000000',
-      buttonBgColor: '#007eb6',
-      buttonTextColor: '#ffffff',
-      blurBackground: true,
-      innerBgColor: 'light',
-      multilanguage: true,
-      avatar: 'readyplayerme-full',
-      avatarURL:
-        'https://assets-staging.memori.ai/api/v2/asset/c0bb0d40-aebf-4e58-bfa0-45a4d7935153.glb#1763646903757',
-      name: 'Layout Storybook',
-      showShare: true,
-    }),
-  },
-  tenant,
-  layout: 'ZOOMED_FULL_BODY',
-};
-
-export const ZoomedFullBodyWithHalfBodyAvatar = Template.bind({});
-ZoomedFullBodyWithHalfBodyAvatar.args = {
-    ...DefaultLayout.args,
-    avatar3DURL:
-      'https://assets.memori.ai/api/v2/asset/acc38f4a-e4c3-4a21-9818-c3d1672820ea.glb#1762875973109',
-  integration: {
-    ...baseIntegration,
-    customData: JSON.stringify({
-      textColor: '#000000',
-      buttonBgColor: '#007eb6',
-      buttonTextColor: '#ffffff',
-      blurBackground: true,
-      innerBgColor: 'light',
-      multilanguage: true,
-      avatar: 'readyplayerme',
-      avatarURL:
-        'https://assets.memori.ai/api/v2/asset/acc38f4a-e4c3-4a21-9818-c3d1672820ea.glb#1762875973109',
-      name: 'Layout Storybook',
-      showShare: true,
-    }),
-  },
-  tenant,
-  layout: 'ZOOMED_FULL_BODY',
-};
-
-export const ZoomedFullBodyWithDefaultTotem = Template.bind({});
-ZoomedFullBodyWithDefaultTotem.args = {
-  ...DefaultLayout.args,
-  integration: {
-    ...baseIntegration,
-    customData: JSON.stringify({
-      textColor: '#000000',
-      buttonBgColor: '#007eb6',
-      buttonTextColor: '#ffffff',
-      blurBackground: true,
-      innerBgColor: 'light',
-      multilanguage: true,
-      avatar: 'default_totem',
-      name: 'Layout Storybook',
-      showShare: true,
-    }),
-  },
-  tenant,
-  layout: 'ZOOMED_FULL_BODY',
-};
-

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

@@ -1,40 +0,0 @@
-import { render } from '@testing-library/react';
-import Memori from '../MemoriWidget/MemoriWidget';
-import { integration, memori, tenant } from '../../mocks/data';
-import I18nWrapper from '../../I18nWrapper';
-import { VisemeProvider } from '../../context/visemeContext';
-import { ArtifactProvider } from '../MemoriArtifactSystem/context/ArtifactContext';
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation(query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // Deprecated
-    removeListener: jest.fn(), // Deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});
-
-it('renders ZOOMED_FULL_BODY layout unchanged', () => {
-  const { container } = render(
-    <I18nWrapper>
-      <ArtifactProvider>
-      <VisemeProvider>
-        <Memori
-          showShare={true}
-          showSettings={true}
-          memori={memori}
-          tenant={tenant}
-          tenantID="aisuru.com"
-          integration={integration}
-          layout="ZOOMED_FULL_BODY"
-        />
-      </VisemeProvider>
-      </ArtifactProvider>
-    </I18nWrapper>
-  );
-  expect(container).toMatchSnapshot();
-});

package/src/components/layouts/ZoomedFullBody.tsx

@@ -1,81 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import Spin from '../ui/Spin';
-import { LayoutProps } from '../MemoriWidget/MemoriWidget';
-import ArtifactDrawer from '../MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer';
-import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
-
-const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
-  Header,
-  headerProps,
-  Avatar,
-  avatarProps,
-  Chat,
-  chatProps,
-  StartPanel,
-  startPanelProps,
-  integrationStyle,
-  integrationBackground,
-  sessionId,
-  hasUserActivatedSpeak,
-  loading = false,
-  poweredBy,
-}) => {
-  const { state } = useArtifact();
-  const hasArtifact = state.currentArtifact;
-
-  return (
-    <>
-      {integrationStyle}
-      {integrationBackground}
-
-      <Spin className="memori-spin--zoomed-full-body" spinning={loading}>
-        <div
-          className={`memori-chat-layout--header ${
-            state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''
-          }`}
-        >
-          {Header && headerProps && <Header {...headerProps} />}
-        </div>
-
-        <div className="memori--grid">
-          {!state.isDrawerOpen && (
-            <div className="memori--grid-column memori--grid-column-left">
-              {Avatar && avatarProps && (
-                <Avatar chatProps={chatProps} isZoomed {...avatarProps} />
-              )}
-
-              <div id="extension" />
-            </div>
-          )}
-          <div
-            className={`memori-chat-layout--main ${
-              hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''
-            }`}
-          >
-            <div
-              className={
-                state.isFullscreen
-                  ? `memori-chat-layout-controls-hide`
-                  : `memori-chat-layout--controls ${
-                      state.isDrawerOpen
-                        ? 'memori-chat-layout--controls-with-artifact'
-                        : ''
-                    }`
-              }
-            >
-              {sessionId && hasUserActivatedSpeak && Chat && chatProps ? (
-                <Chat {...chatProps} />
-              ) : startPanelProps ? (
-                <StartPanel {...startPanelProps} />
-              ) : null}
-            </div>
-          </div>
-
-          {poweredBy}
-        </div>
-      </Spin>
-    </>
-  );
-};
-
-export default ZoomedFullBodyLayout;