@memori.ai/memori-react 8.14.0 → 8.14.1

package/src/components/ChatInputs/ChatInputs.css

@@ -239,7 +239,6 @@
     align-items: center;
     justify-content: center;
     padding: 0;
-    padding: 1.2rem !important;
     border: none;
     border-radius: var(--memori-border-radius);
     background: #000;

package/src/components/MediaWidget/MediaItemWidget.tsx

@@ -415,7 +415,11 @@ export const RenderMediaItem = ({
 // Helper function to count lines in content
 const countLines = (content: string | undefined): number => {
   if (!content) return 0;
-  return content.split('\n').length;
+  // Support all common newline conventions:
+  // - Unix: \n
+  // - Windows: \r\n
+  // - Classic Mac: \r
+  return content.split(/\r\n|\r|\n/).length;
 };
 
 export const RenderSnippetItem = ({
@@ -434,7 +438,10 @@ export const RenderSnippetItem = ({
   onClick?: (mediumID: string) => void;
 }) => {
   const lineCount = countLines(item.content);
-  const isShortSnippet = lineCount <= 5;
+  const contentLength = item.content?.length ?? 0;
+  // Treat very long single-line snippets as "long" so we show a preview,
+  // otherwise plain-text uploads with only '\r' (or no '\n') would render full.
+  const isShortSnippet = lineCount <= 5 && contentLength <= 200;
 
   // For short snippets, show them directly without the clickable link
   if (isShortSnippet) {

package/src/components/MemoriWidget/MemoriWidget.css

@@ -142,12 +142,14 @@
     bottom: 0;
     left: 0;
     display: inline-flex;
-    flex-wrap: wrap;
-    padding: 0.25rem 0.5rem;
+    flex-wrap: nowrap;
+    align-items: center;
+    padding: 0.25rem 1rem;
     border-radius: 10px;
     background-color: var(--memori-inner-bg, transparent);
     color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
     font-size: 0.7em;
+    white-space: nowrap;
 }
 
 @media (max-width: 870px) {

package/src/components/PoweredBy/PoweredBy.css

@@ -4,14 +4,15 @@
     bottom: 1rem;
     left: 0;
     display: inline-flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
-    padding: 0.25rem 0.5rem;
+    padding: 0.25rem 1rem;
     border-radius: 10px;
     background-color: var(--memori-inner-bg, transparent);
     box-shadow: var(--memori-button-box-shadow);
     color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
     font-size: 0.7em;
+    white-space: nowrap;
 }
 
 @media (max-width: 768px) {

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

@@ -134,13 +134,39 @@ Custom.args = {
 
 export const WebsiteAssistant = Template.bind({});
 WebsiteAssistant.args = {
-  ...DefaultLayout.args,
-  uiLang: 'it',
-  showShare: true,
+  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 HiddenChat = Template.bind({});

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

@@ -114,6 +114,7 @@
     top: calc(100% + 10px);
     right: auto;
     left: 0;
+    background-color: transparent !important;
 }
 
 .memori-widget.memori-layout-website_assistant {