npm - @memori.ai/memori-react - Versions diffs - 3.0.2 → 4.0.1 - Mend

@memori.ai/memori-react 3.0.2 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (563) hide show

package/src/components/Chat/__snapshots__/Chat.test.tsx.snap CHANGED Viewed

@@ -35,9 +35,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -49,9 +53,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -88,9 +96,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -102,9 +114,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -141,9 +157,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -246,9 +266,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -285,9 +309,13 @@ exports[`renders Chat on X2a state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -438,9 +466,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -452,9 +484,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -491,9 +527,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -505,9 +545,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -544,9 +588,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -649,9 +697,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -688,9 +740,13 @@ exports[`renders Chat on X3 state unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -874,9 +930,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -888,9 +948,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -927,9 +991,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -941,9 +1009,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -980,9 +1052,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1070,9 +1146,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1109,9 +1189,13 @@ exports[`renders Chat unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1246,9 +1330,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1260,9 +1348,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1299,9 +1391,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1313,9 +1409,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1352,9 +1452,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1457,9 +1561,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1496,9 +1604,13 @@ exports[`renders Chat with context vars unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1648,9 +1760,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1662,9 +1778,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1693,9 +1813,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1707,9 +1831,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1738,9 +1866,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1828,9 +1960,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -1859,9 +1995,13 @@ exports[`renders Chat with custom user avatar as react element unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -1996,9 +2136,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2010,9 +2154,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <picture
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2043,9 +2191,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2057,9 +2209,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <picture
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2090,9 +2246,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2180,9 +2340,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <picture
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2213,9 +2377,13 @@ exports[`renders Chat with custom user avatar unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2350,9 +2518,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <small
@@ -2369,9 +2541,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2413,9 +2589,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <small
@@ -2432,9 +2612,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2476,9 +2660,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <small
@@ -2571,9 +2759,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2615,9 +2807,13 @@ exports[`renders Chat with dates unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <small
@@ -2757,9 +2953,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2771,9 +2971,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2810,9 +3014,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2824,9 +3032,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2863,9 +3075,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -2953,9 +3169,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -2992,9 +3212,13 @@ exports[`renders Chat with hints unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3155,9 +3379,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3169,9 +3397,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -3208,9 +3440,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3222,9 +3458,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -3261,9 +3501,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui delle cose per te.
-            </p>
+            <div>
+              <p>
+                Ecco qui delle cose per te.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3752,9 +3996,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -3791,9 +4039,13 @@ exports[`renders Chat with media unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3928,9 +4180,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3942,9 +4198,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -3981,9 +4241,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -3995,9 +4259,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -4034,9 +4302,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -4124,9 +4396,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <div
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -4163,9 +4439,13 @@ exports[`renders Chat with memori typing unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -4321,9 +4601,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
-            </p>
+            <div>
+              <p>
+                Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -4335,9 +4619,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Prova
-            </p>
+            <div>
+              <p>
+                Prova
+              </p>
+            </div>
           </div>
           <picture
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -4368,9 +4656,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
-            </p>
+            <div>
+              <p>
+                Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -4382,9 +4674,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Come faccio a fare delle cose con questa cosa?
-            </p>
+            <div>
+              <p>
+                Come faccio a fare delle cose con questa cosa?
+              </p>
+            </div>
           </div>
           <picture
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -4415,9 +4711,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Ecco qui come.
-            </p>
+            <div>
+              <p>
+                Ecco qui come.
+              </p>
+            </div>
           </div>
         </div>
         <div
@@ -4505,9 +4805,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
           >
-            <p>
-              Ah, grazie! Ciao!
-            </p>
+            <div>
+              <p>
+                Ah, grazie! Ciao!
+              </p>
+            </div>
           </div>
           <picture
             class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
@@ -4538,9 +4842,13 @@ exports[`renders Chat with user unchanged 1`] = `
           <div
             class="memori-chat--bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
           >
-            <p>
-              Arrivederci.
-            </p>
+            <div>
+              <p>
+                Arrivederci.
+              </p>
+            </div>
           </div>
         </div>
         <div