@memori.ai/memori-react 8.45.1 → 8.45.4

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

@@ -1,231 +0,0 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import { memori, tenant, integration } from '../../mocks/data';
-import { LayoutProps, Props } from '../MemoriWidget/MemoriWidget';
-import Memori from '../../index';
-import I18nWrapper from '../../I18nWrapper';
-import Spin from '../ui/Spin';
-import { VisemeProvider } from '../../context/visemeContext';
-import { ArtifactProvider } from '../MemoriArtifactSystem/context/ArtifactContext';
-
-const meta: Meta = {
-  title: 'General/Layouts',
-  component: (args: Props) => <Memori {...args} />,
-  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 = {
-  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',
-  baseURL: 'https://aisuru-staging.aclambda.online',
-  layout: 'FULLPAGE',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: '019f1896-730d-7e19-9a88-6413f485247b',
-};
-
-export const Default = Template.bind({});
-Default.args = {
-  ...DefaultLayout.args,
-};
-
-export const Totem = Template.bind({});
-Totem.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  memori: memori,
-  integration: {
-    ...integration,
-  },
-  tenant,
-  layout: 'TOTEM',
-};
-
-export const ChatOnly = Template.bind({});
-ChatOnly.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  showUpload: true,
-  memori: memori,
-  tenant,
-  layout: 'CHAT',
-};
-
-const CustomLayout: React.FC<LayoutProps> = ({
-  Header,
-  headerProps,
-  Avatar,
-  avatarProps,
-  Chat,
-  chatProps,
-  StartPanel,
-  startPanelProps,
-  integrationStyle,
-  integrationBackground,
-  sessionId,
-  hasUserActivatedSpeak,
-  loading = false,
-  poweredBy,
-}) => (
-  <>
-    {integrationStyle}
-    {integrationBackground}
-
-    <Spin spinning={loading} className="memori-mycustom-layout">
-      {poweredBy}
-
-      <div className="memori-mycustom-layout--controls">
-        {sessionId && hasUserActivatedSpeak && Chat && chatProps ? (
-          <Chat {...chatProps} />
-        ) : startPanelProps ? (
-          <StartPanel {...startPanelProps} />
-        ) : null}
-      </div>
-    </Spin>
-  </>
-);
-
-export const Custom = Template.bind({});
-Custom.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  memori: memori,
-  tenant,
-  layout: 'FULLPAGE',
-  customLayout: CustomLayout,
-};
-
-export const WebsiteAssistant2 = Template.bind({});
-WebsiteAssistant2.args = {
-  memoriName: 'Marconi Express',
-  ownerUserName: 'exmita',
-  memoriID: '1755979f-28f1-45d1-8f41-bb34e1f7756b',
-  ownerUserID: '3194fcd3-040b-4d5e-a925-691911fb1177',
-  tenantID: 'exmachina.aclambda.online',
-  engineURL: 'https://engine.memori.ai',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://exmachina.aclambda.online',
-  uiLang: 'IT',
-  avatar3dHidden: true,
-  spokenLang: 'IT',
-  layout: 'WEBSITE_ASSISTANT',
-};
-
-export const WebsiteAssistant3 = Template.bind({});
-WebsiteAssistant3.args = {
-  memoriName: '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',
-  baseURL: 'http://localhost:3000',
-  layout: 'WEBSITE_ASSISTANT',
-  avatar3dHidden: true,
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  showOnlyLastMessages: true,
-  integrationID: '716f4728-919c-4015-aae1-88998a081c6f',
-};
-
-export const WebsiteAssistant = Template.bind({});
-WebsiteAssistant.args = {
-  uiLang: 'EN',
-  showShare: false,
-  showSettings: true,
-  memori: memori,
-  tenant,
-  layout: 'WEBSITE_ASSISTANT',
-  memoriName: 'Memori',
-  memoriID: '25ced51c-3520-41af-8bbe-222d861b8e32',
-  ownerUserName: 'memoridev',
-  tenantID: 'www.aisuru.com',
-  apiURL: 'https://backend.memori.ai',
-  baseURL: 'https://www.aisuru.com',
-  spokenLang: 'EN',
-  context: {
-    SOURCE: 'WEBSITE',
-    PATH: '/en/',
-  },
-  multilingual: true,
-  integrationID: 'cb3c4776-7f0b-4f97-a773-c32a5d7a3bf1',
-  integration: {
-    ...integration,
-    customData: JSON.stringify({
-      textColor: '#2a2a2a',
-      buttonBgColor: '#653165',
-      buttonTextColor: '#ffffff',
-      blurBackground: true,
-      innerBgColor: 'light',
-      innerBgAlpha: 0.8,
-      multilanguage: true,
-      avatar: 'readyplayerme',
-      avatarURL:
-        'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
-    }),
-  },
-};
-
-export const WebsiteAssistantWithout3DAvatar = Template.bind({});
-WebsiteAssistantWithout3DAvatar.args = {
-  ...WebsiteAssistant.args,
-  avatar3dHidden: true,
-};
-
-export const HiddenChat = Template.bind({});
-HiddenChat.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
-  showSettings: true,
-  memori: memori,
-  tenant,
-  layout: 'HIDDEN_CHAT',
-};
-
-export const ZoomedFullBody = Template.bind({});
-ZoomedFullBody.args = {
-  ...DefaultLayout.args,
-  memoriName: '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',
-  baseURL: 'http://localhost:3000',
-  layout: 'FULLPAGE',
-  uiLang: 'IT',
-  spokenLang: 'IT',
-  integrationID: '32922e14-24d6-4f5f-a06b-d963da14a658',
-  showSettings: true,
-};

package/src/components/layouts/totem.css

@@ -1,221 +0,0 @@
-.memori-widget.memori-layout-totem {
-    height: 95vh !important;
-}
-
-.memori-widget.memori-layout-totem .memori--global-background.no-background-image {
-    background: linear-gradient(#333, #eee);
-}
-
-.memori-widget>.memori-spin.memori-totem-layout {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-}
-
-.memori-totem-layout--header {
-    text-align: right;
-}
-
-.memori-totem-layout--avatar {
-    flex: 1;
-}
-
-.memori-totem-layout--avatar .memori--avatar-wrapper {
-    position: fixed;
-    z-index: 0;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    width: 100%;
-}
-
-.memori-totem-layout--avatar .memori--blob-container {
-    display: block;
-}
-
-@media (max-width: 480px) {
-    .memori-totem-layout--avatar .memori--blob-container {
-        display: block;
-    }
-}
-
-@media (max-width: 870px) {
-    .memori-totem-layout--avatar .memori--blob-container {
-        display: block;
-    }
-}
-
-.memori-totem-layout .memori-header {
-    position: relative;
-    z-index: 101;
-    display: inline-flex;
-    width: auto;
-    height: auto;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-}
-
-.memori-totem-layout .memori-header .memori-header--button,
-.memori-totem-layout .memori-header .memori-header--button button {
-    width: 38px;
-    height: 38px;
-    aspect-ratio: 1;
-}
-
-.memori-totem-layout .memori-header .memori-header--button--position,
-.memori-totem-layout .memori-header .memori-header--button-login,
-.memori-totem-layout .memori-header .memori-share-button,
-.memori-totem-layout .memori-header .memori-header--button+.memori-header--button {
-    margin-top: 0.25rem;
-    margin-right: 0;
-    margin-left: 0;
-}
-
-.memori-totem-layout .memori-header .memori-header--button--position {
-    margin-bottom: 0.25rem;
-}
-
-.memori-totem-layout .memori-header--position .memori-header--position-placeName {
-    display: none;
-}
-
-.memori-totem-layout .memori-chat--cover {
-    display: none;
-}
-
-.memori-totem-layout .memori--cover {
-    padding: 0;
-    background: none;
-}
-
-.memori-totem-layout .memori--powered-by {
-    top: 0;
-    bottom: auto;
-}
-
-/* .memori-totem-layout--avatar .memori--avatar-wrapper>div {
-    overflow: visible !important; */
-    /* width: 100% !important;
-    height: 100% !important; */
-    /* width: auto !important;
-    height: 90vh !important;
-    max-height: 90vh;
-    border-radius: 0;
-    transform: scale(1.7) translate(0px, 10vh);
-} */
-
-/* .memori-totem-layout--avatar .memori--avatar-wrapper canvas {
-    width: auto !important;
-    max-width: 100%;
-    height: 100% !important;
-    max-height: 100%;
-} */
-
-/* .memori-totem-layout--controls {
-    position: relative;
-    z-index: 5;
-} */
-
-.memori-totem-layout--controls .memori--start-panel,
-.memori-totem-layout--controls .memori-chat--history,
-.memori-totem-layout--controls .memori-chat--content {
-    z-index: 100;
-    background: transparent;
-}
-
-.memori-totem-layout--controls .memori-chat--history .memori-chat--content {
-    max-height: 400px;
-}
-
-.memori-totem-layout--controls {
-    z-index: 100;
-}
-
-.memori-totem-layout--controls .memori--start-panel,
-.memori-totem-layout--controls .memori-chat--wrapper {
-    width: 80vw;
-    max-width: 800px;
-    padding: 1rem;
-    margin: 0 auto;
-}
-
-@media (max-width: 870px) {
-
-    .memori-totem-layout--controls .memori--start-panel,
-    .memori-totem-layout--controls .memori-chat--wrapper {
-        width: 100%;
-    }
-
-    .memori-totem-layout--controls .memori-chat--wrapper {
-        padding: 0;
-    }
-}
-
-@media (max-width: 480px) {
-    .memori-totem-layou .memori-send-on-enter-menu {
-        display: none;
-    }
-
-    .memori-totem-layou .memori-header--button-settings {
-        display: none;
-    }
-}
-
-.memori-totem-layout .memori--avatar-toggle {
-    display: none;
-    width: 100%;
-    justify-content: center;
-}
-
-.memori-totem-layout .memori--title,
-.memori-totem-layout .memori--description,
-.memori-totem-layout .memori--needsPosition {
-    color: var(--memori-text-color);
-}
-
-.memori-totem-layout .memori--global-background-image {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.8));
-}
-
-@media (min-width: 481px) {
-    .memori-widget.memori-controls-center .memori-totem-layout--controls {
-        position: absolute;
-        top: 40%;
-        width: 100%;
-    }
-}
-
-.memori-widget.memori-layout-totem.memori--hide-emissions .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user),
-.memori-widget.memori-layout-totem.memori--hide-emissions.memori--with-speechkey .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user) {
-    display: none;
-}
-
-.memori-totem-layout--avatar .memori-blob {
-    z-index: 2;
-}
-
-.memori-totem-layout--avatar .memori--avatar-wrapper>div canvas+div {
-    position: absolute !important;
-    width: 100%;
-    height: 100%;
-    transform: none !important;
-}
-
-.memori-totem-layout--avatar .memori--avatar-wrapper .avatar-loader {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-    transform: none !important;
-}
-
-.memori-totem-layout--avatar .memori--avatar-wrapper .avatar-loader figure {
-    text-align: center;
-}
-
-.memori-totem-layout--avatar .memori--avatar-wrapper .avatar-loader .memori-spin--spinner {
-    background: none;
-}