@memori.ai/memori-react 7.4.4 → 7.4.6

package/src/components/ChatBubble/ChatBubble.stories.tsx

@@ -389,8 +389,8 @@ ComplexMarkdownMath5.args = {
   },
 };
 
-export const ComplexMarkdownTest = Template.bind({});
-ComplexMarkdownTest.args = {
+export const ComplexMarkdownMath6 = Template.bind({});
+ComplexMarkdownMath6.args = {
   memori,
   tenant,
   apiUrl: 'https://backend.memori.ai',
@@ -398,6 +398,88 @@ ComplexMarkdownTest.args = {
     fromUser: false,
     initial: false,
     generatedByAI: true,
-    text: "Basandomi sui dati forniti nel bilancio, ecco un'analisi generale della società ACME SRL IN LIQUIDAZIONE per l'anno 2023:\n\n1. Stato di liquidazione: La società è in liquidazione, come indicato dal nome \"ACME SRL IN LIQUIDAZIONE\". Questo significa che l'azienda sta cessando le sue attività e sta procedendo alla liquidazione dei suoi asset.\n\n2. Situazione patrimoniale:\n - Totale attivo: €4.577.945\n - Patrimonio netto: €4.406.550\n - Debiti: €171.395\n\n3. Composizione dell'attivo:\n - L'attivo è composto principalmente da crediti (€4.548.367), che rappresentano circa il 99% del totale attivo.\n - Le immobilizzazioni sono minime (€293), indicando che la società ha probabilmente già dismesso la maggior parte dei suoi asset fissi.\n\n4. Situazione economica:\n - La società ha registrato una perdita di €15.458 nell'esercizio 2023.\n - I ricavi sono minimi (€693), confermando che l'azienda non sta più svolgendo attività operative significative.\n\n5. Liquidità:\n - Le disponibilità liquide ammontano a €29.285, un valore relativamente basso rispetto al totale dell'attivo.\n\n6. Capitale sociale:\n - Il capitale sociale è di €4.251.690, interamente versato.\n\n7. Trend:\n - Rispetto all'anno precedente, si nota una diminuzione del totale attivo e una riduzione dei debiti.\n\nIn conclusione, questa società appare essere in una fase avanzata di liquidazione. La maggior parte dell'attivo è costituita da crediti, probabilmente in attesa di essere riscossi. La società non genera più ricavi significativi e sta probabilmente cercando di chiudere le ultime posizioni aperte prima di concludere definitivamente la sua esistenza. La solidità patrimoniale sembra buona, con un patrimonio netto che copre ampiamente i debiti residui.",
+    text: `La formula per il calcolo della spinta passiva non è riportata precisamente nel documento, ma in base alle informazioni presenti nella Specifica Tecnica per la redazione delle Verifiche Accurate di sicurezza di Livello 4 (ST-VAL4), il contesto del calcolo delle spinte passive può essere richiamato come segue:
+
+Il calcolo della spinta passiva in geotecnica solitamente coinvolge il coefficiente di spinta passiva, che può esser calcolato usando diverse formulazioni a seconda delle condizioni (statiche o sismiche).
+
+1. **In condizioni statiche**, il calcolo della pressione del terreno avviene considerando il coefficiente passivo $k_p$:$k_p = \frac{1 + sin(\phi)}{1 - sin(\phi)}$
+
+2. **In condizioni sismiche**, si può utilizzare la formulazione di Mononobe-Okabe:
+ \[
+ k_h = \beta \cdot \frac{a_{\max}}{g}
+ \]
+ dove:
+ - $\beta$ è il coefficiente di riduzione della accelerazione massima attesa al sito
+ - $a_{\max}$ è l'accelerazione massima
+ - $g$ è l'accelerazione di gravità .
+
+Se hai bisogno di dettagli più specifici o ulteriori informazioni su un altro argomento, fammi sapere!`,
+  },
+};
+
+export const ComplexMarkdownMath7 = Template.bind({});
+ComplexMarkdownMath7.args = {
+  memori,
+  tenant,
+  apiUrl: 'https://backend.memori.ai',
+  message: {
+    fromUser: false,
+    initial: false,
+    generatedByAI: true,
+    text: `Il coefficiente di adeguatezza $𝜁_V$ è definito dalle normative NTC18 come il rapporto tra il valore massimo del sovraccarico verticale variabile sopportabile dalla parte i-esima della costruzione e il valore del sovraccarico verticale variabile che si utilizzerebbe nel progetto di una nuova costruzione.
+
+Tale parametro viene calcolato tramite la seguente espressione:
+
+$$
+𝜁_V = \frac{𝑅_d - (𝐸_{d,G} + 𝐸_{d,Q𝑡,𝑜𝑟𝑖𝑧𝑧𝑜𝑛𝑡𝑎𝑙𝑖} + 𝐸_{d,Q𝑣𝑎𝑟𝑖𝑎𝑏𝑖𝑙𝑖})}{𝐸_{d,Q𝑡,𝑣𝑒𝑟𝑡𝑖𝑐𝑎𝑙𝑖}}
+$$
+
+dove:
+
+- $𝑅_d$ è la capacità della sezione resistente;
+- $𝐸_{d,G}$ è l’azione sollecitante derivante dai carichi permanenti;
+- $𝐸_{d,Q𝑣𝑎𝑟𝑖𝑎𝑏𝑖𝑙𝑖}$ è l’azione sollecitante derivante dai carichi accidentali non da traffico (vento, azioni termiche, ecc.);
+- $𝐸_{d,Q𝑡,𝑣𝑒𝑟𝑡𝑖𝑐𝑎𝑙𝑖}$ è l’azione sollecitante derivante dalla componente verticale dei carichi da traffico;
+- $𝐸_{d,Q𝑡,𝑜𝑟𝑖𝑧𝑧𝑜𝑛𝑡𝑎𝑙𝑖}$ è l’azione sollecitante derivante dalla componente orizzontale dei carichi da traffico (frenatura o azione centrifuga).
+
+In accordo con il §6.1.5 delle LG20, il coefficiente $𝜁_V$ ha significato solo per il livello di analisi di "Adeguamento" in quanto per i livelli di "Operatività" e "Transitabilità" la domanda per la quale si svolgono le valutazioni di sicurezza è determinata in condizioni differenti da quelle che si avrebbero per nuove costruzioni ($𝑡_{r𝑒𝑓}$ ridotto, restrizioni all’uso, limitazioni di carico).
+
+I coefficienti $𝜁_V$ possono essere valutati per le combinazioni che considerano carichi da traffico con componente d’azione verticale .`,
+  },
+};
+
+export const WithHTML = Template.bind({});
+WithHTML.args = {
+  memori,
+  tenant,
+  apiUrl: 'https://backend.memori.ai',
+  message: {
+    fromUser: false,
+    initial: false,
+    generatedByAI: true,
+    text: `
+<div>
+<div style="width: 30%; margin-bottom: 20px;">
+<img src="https://www.e-stayon.com/images/thumbs/0244280_lenovo-ideapad-3-chromebook-15-intel-celeron-4gb-64gb_360.jpeg" style="width:100%">
+<h3>Lenovo IdeaPad 3 Chromebook</h3>
+<p>Intel Celeron, 15", 4GB RAM, 64GB</p>
+<p>Prezzo: €194,88 (sconto 12% da €221,59)</p>
+</div>
+
+<div style="width: 30%; margin-bottom: 20px;">
+<img src="https://www.e-stayon.com/images/thumbs/0244280_lenovo-ideapad-3-chromebook-15-intel-celeron-4gb-64gb_360.jpeg" style="width:100%">
+<h3>Lenovo IdeaPad 3 Chromebook</h3>
+<p>Intel Celeron, 15", 4GB RAM, 64GB</p>
+<p>Prezzo: €194,88 (sconto 12% da €221,59)</p>
+</div>
+
+<div style="width: 30%; margin-bottom: 20px;">
+<img src="https://www.e-stayon.com/images/thumbs/0244280_lenovo-ideapad-3-chromebook-15-intel-celeron-4gb-64gb_360.jpeg" style="width:100%">
+<h3>Lenovo IdeaPad 3 Chromebook</h3>
+<p>Intel Celeron, 15", 4GB RAM, 64GB</p>
+<p>Prezzo: €194,88 (sconto 12% da €221,59)</p>
+</div>
+</div>
+`,
   },
 };

package/src/components/ChatBubble/ChatBubble.tsx

@@ -72,7 +72,7 @@ marked.use({
 marked.use(markedLinkifyIt());
 marked.use(
   markedKatex({
-    throwOnError: true,
+    throwOnError: false,
     output: 'htmlAndMathml',
   })
 );
@@ -102,40 +102,50 @@ const ChatBubble: React.FC<Props> = ({
 
   const text = message.translatedText || message.text;
 
-  const renderedText = message.fromUser
-    ? text
-    : DOMPurify.sanitize(
-        (
-          marked.parse(
-            text
-              // remove leading and trailing whitespaces
-              .trim()
-              // remove markdown links
-              .replaceAll(
-                /\[([^\]]+)\]\(([^\)]+)\)/g,
-                '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
-              )
-              // remove markdown multiline code blocks but keep the content
-              .replaceAll(/```markdown([^```]+)```/g, '$1')
-              // remove redundant mathjax delimiters
-              .replaceAll(/(?<!\\)\(/g, '\\(')
-              .replaceAll(/(?<!\\)\)/g, '\\)')
-          ) as string
+  const renderMsg = (text: string) => {
+    try {
+      return (
+        DOMPurify.sanitize(
+          (
+            marked.parse(
+              text
+                // remove leading and trailing whitespaces
+                .trim()
+                // remove markdown links
+                .replaceAll(
+                  /\[([^\]]+)\]\(([^\)]+)\)/g,
+                  '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+                )
+                // remove markdown multiline code blocks but keep the content
+                .replaceAll(/```markdown([^```]+)```/g, '$1')
+                .replaceAll('($', '( $')
+                .replaceAll(':$', ': $')
+                .replaceAll('\frac', '\\frac')
+                .replaceAll('\beta', '\\beta')
+                .replaceAll('cdot', '\\cdot')
+            ) as string
+          )
+            .trim()
+            .replace(/\n/g, '<br>'),
+          {
+            ADD_ATTR: ['target'],
+          }
         )
-          .trim()
-          .replace(/\n/g, '<br>'),
-        {
-          ADD_ATTR: ['target'],
-        }
-      )
-        // remove redundant mathjax delimiters
-        .replaceAll(/(?<!\\)\[/g, '\\[')
-        .replaceAll(/(?<!\\)\]/g, '\\]')
-        // replace consecutive <br> with a single <br>
-        .replace(/(<br>)+/g, '<br>')
-        // remove empty paragraphs
-        .replace(/<p><\/p>/g, '<br>')
-        .replace(/<p><br><\/p>/g, '<br>');
+          // remove redundant mathjax delimiters
+          .replaceAll(/(?<!\\)\[/g, '\\[')
+          .replaceAll(/(?<!\\)\]/g, '\\]')
+          // replace consecutive <br> with a single <br>
+          .replace(/(<br>)+/g, '<br>')
+          // remove empty paragraphs
+          .replace(/<p><\/p>/g, '<br>')
+          .replace(/<p><br><\/p>/g, '<br>')
+      );
+    } catch (e) {
+      console.error(e);
+      return text;
+    }
+  };
+  const renderedText = message.fromUser ? text : renderMsg(text);
 
   const plainText = message.fromUser
     ? text

package/src/components/Header/Header.css

@@ -25,7 +25,7 @@
     justify-content: center;
 }
 
-.memori-header--button+.memori-header--button {
+.memori-header--button + .memori-header--button {
     margin-left: 0.25rem;
 }
 
@@ -44,7 +44,7 @@
 }
 
 .memori-header--button.memori-header--button--experts svg {
-    fill: #fff;
+    fill: currentColor;
 }
 
 .memori-header--position {

package/src/components/MemoriWidget/MemoriWidget.stories.tsx

@@ -149,6 +149,19 @@ WithoutAudio.args = {
   AZURE_COGNITIVE_SERVICES_TTS_KEY: 'provide your key here',
 };
 
+export const WithoutAudioFromIntegrationConfig = Template.bind({});
+WithoutAudioFromIntegrationConfig.args = {
+  memori,
+  tenant,
+  integration: {
+    ...integration,
+    customData: JSON.stringify({
+      enableAudio: false,
+    }),
+  },
+  AZURE_COGNITIVE_SERVICES_TTS_KEY: 'provide your key here',
+};
+
 export const DefautSpeakerDisabled = Template.bind({});
 DefautSpeakerDisabled.args = {
   memori,

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -496,6 +496,9 @@ const MemoriWidget = ({
 
   const selectedLayout = layout || integrationConfig?.layout || 'DEFAULT';
 
+  const defaultEnableAudio =
+    enableAudio ?? integrationConfig?.enableAudio ?? false;
+
   const [hasUserActivatedSpeak, setHasUserActivatedSpeak] = useState(false);
   const [hasUserActivatedListening, setHasUserActivatedListening] =
     useState(false);
@@ -504,8 +507,7 @@ const MemoriWidget = ({
   const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
   const [showExpertsDrawer, setShowExpertsDrawer] = useState(false);
   const [muteSpeaker, setMuteSpeaker] = useState(
-    !(enableAudio ?? integrationConfig?.enableAudio ?? true) ||
-      !defaultSpeakerActive
+    !defaultEnableAudio || !defaultSpeakerActive
   );
   const [continuousSpeech, setContinuousSpeech] = useState(false);
   const [continuousSpeechTimeout, setContinuousSpeechTimeout] = useState(2);
@@ -543,8 +545,16 @@ const MemoriWidget = ({
       defaultControlsPosition = 'bottom';
     }
 
-    setMuteSpeaker(getLocalConfig('muteSpeaker', !defaultSpeakerActive));
-    speakerMuted = getLocalConfig('muteSpeaker', !defaultSpeakerActive);
+    setMuteSpeaker(
+      getLocalConfig(
+        'muteSpeaker',
+        !defaultEnableAudio || !defaultSpeakerActive
+      )
+    );
+    speakerMuted = getLocalConfig(
+      'muteSpeaker',
+      !defaultEnableAudio || !defaultSpeakerActive
+    );
     setContinuousSpeech(microphoneMode === 'CONTINUOUS');
     setContinuousSpeechTimeout(getLocalConfig('continuousSpeechTimeout', 2));
     setControlsPosition(

package/src/components/icons/Code.tsx

@@ -7,9 +7,9 @@ const Code = ({ className, title }: { className?: string; title?: string }) => (
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
+    strokeWidth="1.5"
+    strokeLinecap="round"
+    strokeLinejoin="round"
     focusable="false"
     role="img"
     className={className}

package/src/components/icons/Copy.tsx

@@ -7,9 +7,9 @@ const Copy = ({ className, title }: { className?: string; title?: string }) => (
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"
-    stroke-width="1.5"
-    stroke-linecap="round"
-    stroke-linejoin="round"
+    strokeWidth="1.5"
+    strokeLinecap="round"
+    strokeLinejoin="round"
     focusable="false"
     role="img"
     className={className}

package/src/index.tsx

@@ -15,6 +15,7 @@ import { installMathJax } from './helpers/utils';
 
 import i18n from './i18n';
 import { I18nextProvider, useTranslation } from 'react-i18next';
+import I18nWrapper from './I18nWrapper';
 
 export interface Props {
   memoriName?: string | null;
@@ -298,10 +299,10 @@ const Memori: React.FC<Props> = ({
   );
 
   return (
-    <I18nextProvider i18n={i18n}>
+    <I18nWrapper>
       <Toaster position="top-center" reverseOrder={true} />
       {renderer}
-    </I18nextProvider>
+    </I18nWrapper>
   );
 };