@memori.ai/memori-react 8.2.0 → 8.4.0-rc.0

package/src/components/layouts/__snapshots__/Chat.test.tsx.snap

@@ -142,297 +142,301 @@ exports[`renders Chat layout unchanged 1`] = `
         id="extension"
       />
       <div
-        class="memori-chat-layout--controls"
+        class="memori-chat-layout--main "
       >
         <div
-          class="memori--start-panel"
+          class="memori-chat-layout--controls "
         >
           <div
-            class="memori--cover"
+            class="memori--start-panel"
           >
             <div
-              class="memori--completions-enabled"
+              class="memori--cover"
             >
               <div
-                class="memori-tooltip memori-tooltip--align-left"
+                class="memori--completions-enabled"
               >
                 <div
-                  class="memori-tooltip--content"
+                  class="memori-tooltip memori-tooltip--align-left"
                 >
-                  IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette
-                </div>
-                <div
-                  class="memori-tooltip--trigger"
-                >
-                  <span
-                    aria-label="IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette"
+                  <div
+                    class="memori-tooltip--content"
                   >
-                    <svg
-                      aria-hidden="true"
-                      fill="none"
-                      focusable="false"
-                      role="img"
-                      viewBox="0 0 24 24"
-                      xmlns="http://www.w3.org/2000/svg"
+                    IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette
+                  </div>
+                  <div
+                    class="memori-tooltip--trigger"
+                  >
+                    <span
+                      aria-label="IA evoluta, può rispondere con risposte generate automaticamente che talvolta potrebbero contenere informazioni non corrette"
                     >
-                      <g
-                        clip-rule="evenodd"
-                        fill="currentColor"
-                        fill-rule="evenodd"
+                      <svg
+                        aria-hidden="true"
+                        fill="none"
+                        focusable="false"
+                        role="img"
+                        viewBox="0 0 24 24"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <path
-                          clip-rule="evenodd"
-                          d="M0 4a4 4 0 014-4h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4zm4-2.4A2.4 2.4 0 001.6 4v16A2.4 2.4 0 004 22.4h16a2.4 2.4 0 002.4-2.4V4A2.4 2.4 0 0020 1.6z"
-                          fill-rule="evenodd"
-                        />
-                        <path
+                        <g
                           clip-rule="evenodd"
-                          d="M9.715 8.442a.798.798 0 00-1.43 0l-3.2 6.4a.799.799 0 101.431.716l.579-1.158h3.811l.578 1.158a.8.8 0 001.431-.716zm.391 4.358L9 10.589 7.894 12.8z"
+                          fill="currentColor"
                           fill-rule="evenodd"
-                        />
-                        <path
-                          clip-rule="evenodd"
-                          d="M17 8c.552 0 1 .358 1 .8v6.4c0 .442-.448.8-1 .8s-1-.358-1-.8V8.8c0-.442.448-.8 1-.8z"
-                          fill-rule="evenodd"
-                        />
-                      </g>
-                    </svg>
-                  </span>
+                        >
+                          <path
+                            clip-rule="evenodd"
+                            d="M0 4a4 4 0 014-4h16a4 4 0 014 4v16a4 4 0 01-4 4H4a4 4 0 01-4-4zm4-2.4A2.4 2.4 0 001.6 4v16A2.4 2.4 0 004 22.4h16a2.4 2.4 0 002.4-2.4V4A2.4 2.4 0 0020 1.6z"
+                            fill-rule="evenodd"
+                          />
+                          <path
+                            clip-rule="evenodd"
+                            d="M9.715 8.442a.798.798 0 00-1.43 0l-3.2 6.4a.799.799 0 101.431.716l.579-1.158h3.811l.578 1.158a.8.8 0 001.431-.716zm.391 4.358L9 10.589 7.894 12.8z"
+                            fill-rule="evenodd"
+                          />
+                          <path
+                            clip-rule="evenodd"
+                            d="M17 8c.552 0 1 .358 1 .8v6.4c0 .442-.448.8-1 .8s-1-.358-1-.8V8.8c0-.442.448-.8 1-.8z"
+                            fill-rule="evenodd"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <picture
-            class="memori--avatar"
-          >
-            <source
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-            <img
-              alt="Memori"
-              src="https://aisuru.com/images/aisuru/square_logo.png"
-            />
-          </picture>
-          <h2
-            class="memori--title"
-          >
-            Memori
-          </h2>
-          <div
-            class="memori--description"
-          >
-            <p>
-              <span
-                class="memori--description-text"
-              >
-                Lorem ipsum.
-              </span>
-            </p>
+            <picture
+              class="memori--avatar"
+            >
+              <source
+                src="https://aisuru.com/images/aisuru/square_logo.png"
+              />
+              <img
+                alt="Memori"
+                src="https://aisuru.com/images/aisuru/square_logo.png"
+              />
+            </picture>
+            <h2
+              class="memori--title"
+            >
+              Memori
+            </h2>
             <div
-              class="memori--language-chooser"
+              class="memori--description"
             >
-              <label
-                for="user-lang-pref"
-                id="user-lang-pref-label"
-              >
-                Voglio parlare con Memori in
-              </label>
-              <select
-                aria-labelledby="user-lang-pref-label"
-                class="memori-select--button"
-                id="user-lang-pref"
-              >
-                <option
-                  aria-label="Italiano"
-                  value="IT"
-                >
-                  Italiano
-                </option>
-                <option
-                  aria-label="English"
-                  value="EN"
-                >
-                  English
-                </option>
-                <option
-                  aria-label="Deutsch"
-                  value="DE"
-                >
-                  Deutsch
-                </option>
-                <option
-                  aria-label="Español"
-                  value="ES"
-                >
-                  Español
-                </option>
-                <option
-                  aria-label="Français"
-                  value="FR"
-                >
-                  Français
-                </option>
-                <option
-                  aria-label="Português"
-                  value="PT"
-                >
-                  Português
-                </option>
-                <option
-                  aria-label="Українська"
-                  value="UK"
-                >
-                  Українська
-                </option>
-                <option
-                  aria-label="Русский"
-                  value="RU"
-                >
-                  Русский
-                </option>
-                <option
-                  aria-label="Polski"
-                  value="PL"
-                >
-                  Polski
-                </option>
-                <option
-                  aria-label="Suomi"
-                  value="FI"
+              <p>
+                <span
+                  class="memori--description-text"
                 >
-                  Suomi
-                </option>
-                <option
-                  aria-label="Ελληνικά"
-                  value="EL"
-                >
-                  Ελληνικά
-                </option>
-                <option
-                  aria-label="العربية"
-                  value="AR"
-                >
-                  العربية
-                </option>
-                <option
-                  aria-label="中文"
-                  value="ZH"
+                  Lorem ipsum.
+                </span>
+              </p>
+              <div
+                class="memori--language-chooser"
+              >
+                <label
+                  for="user-lang-pref"
+                  id="user-lang-pref-label"
                 >
-                  中文
-                </option>
-                <option
-                  aria-label="日本語"
-                  value="JA"
+                  Voglio parlare con Memori in
+                </label>
+                <select
+                  aria-labelledby="user-lang-pref-label"
+                  class="memori-select--button"
+                  id="user-lang-pref"
                 >
-                  日本語
-                </option>
-              </select>
-            </div>
-            <div
-              class="memori--start-privacy-explanation-container"
-            >
-              <p
-                class="memori--start-privacy-explanation"
-              >
-                Le conversazioni sono visibili all'autore dell'agente
-              </p>
+                  <option
+                    aria-label="Italiano"
+                    value="IT"
+                  >
+                    Italiano
+                  </option>
+                  <option
+                    aria-label="English"
+                    value="EN"
+                  >
+                    English
+                  </option>
+                  <option
+                    aria-label="Deutsch"
+                    value="DE"
+                  >
+                    Deutsch
+                  </option>
+                  <option
+                    aria-label="Español"
+                    value="ES"
+                  >
+                    Español
+                  </option>
+                  <option
+                    aria-label="Français"
+                    value="FR"
+                  >
+                    Français
+                  </option>
+                  <option
+                    aria-label="Português"
+                    value="PT"
+                  >
+                    Português
+                  </option>
+                  <option
+                    aria-label="Українська"
+                    value="UK"
+                  >
+                    Українська
+                  </option>
+                  <option
+                    aria-label="Русский"
+                    value="RU"
+                  >
+                    Русский
+                  </option>
+                  <option
+                    aria-label="Polski"
+                    value="PL"
+                  >
+                    Polski
+                  </option>
+                  <option
+                    aria-label="Suomi"
+                    value="FI"
+                  >
+                    Suomi
+                  </option>
+                  <option
+                    aria-label="Ελληνικά"
+                    value="EL"
+                  >
+                    Ελληνικά
+                  </option>
+                  <option
+                    aria-label="العربية"
+                    value="AR"
+                  >
+                    العربية
+                  </option>
+                  <option
+                    aria-label="中文"
+                    value="ZH"
+                  >
+                    中文
+                  </option>
+                  <option
+                    aria-label="日本語"
+                    value="JA"
+                  >
+                    日本語
+                  </option>
+                </select>
+              </div>
               <div
-                class="memori-tooltip memori-tooltip--align-right"
+                class="memori--start-privacy-explanation-container"
               >
+                <p
+                  class="memori--start-privacy-explanation"
+                >
+                  Le conversazioni sono visibili all'autore dell'agente
+                </p>
                 <div
-                  class="memori-tooltip--content"
+                  class="memori-tooltip memori-tooltip--align-right"
                 >
                   <div
-                    class="memori--privacy-tooltip-content"
+                    class="memori-tooltip--content"
                   >
-                    <p>
-                       
-                      Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
-                    </p>
-                    <ul
-                      class="memori--privacy-tooltip-content-list"
-                    >
-                      <li>
-                        L'autore può vedere il contenuto e il tuo indirizzo IP
-                      </li>
-                    </ul>
-                    <p>
-                      L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
-                    </p>
-                    <a
-                      href="https://memori.ai/en/privacy-policy"
-                      rel="noopener noreferrer"
-                      target="_blank"
+                    <div
+                      class="memori--privacy-tooltip-content"
                     >
-                      Informativa sulla privacy
-                    </a>
+                      <p>
+                         
+                        Tutte le conversazioni con questo agente sono visibili all'autore dell'agente
+                      </p>
+                      <ul
+                        class="memori--privacy-tooltip-content-list"
+                      >
+                        <li>
+                          L'autore può vedere il contenuto e il tuo indirizzo IP
+                        </li>
+                      </ul>
+                      <p>
+                        L'autore utilizza queste informazioni per migliorare le funzionalità dell'agente. Continuando, accetti queste condizioni.
+                      </p>
+                      <a
+                        href="https://memori.ai/en/privacy-policy"
+                        rel="noopener noreferrer"
+                        target="_blank"
+                      >
+                        Informativa sulla privacy
+                      </a>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="memori-tooltip--trigger"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="memori--start-privacy-explanation-icon"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="1.5"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <div
+                    class="memori-tooltip--trigger"
                   >
-                    <circle
-                      cx="12"
-                      cy="12"
-                      r="10"
-                    />
-                    <path
-                      d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
-                    />
-                    <path
-                      d="M12 17L12.01 17"
-                    />
-                  </svg>
+                    <svg
+                      aria-hidden="true"
+                      class="memori--start-privacy-explanation-icon"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="1.5"
+                      viewBox="0 0 24 24"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <circle
+                        cx="12"
+                        cy="12"
+                        r="10"
+                      />
+                      <path
+                        d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"
+                      />
+                      <path
+                        d="M12 17L12.01 17"
+                      />
+                    </svg>
+                  </div>
                 </div>
               </div>
-            </div>
-            <button
-              class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
-            >
-              INIZIAMO
-            </button>
-            <div
-              class="memori--completion-provider-status--loading"
-            >
+              <button
+                class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+              >
+                INIZIAMO
+              </button>
               <div
-                class="memori-spin memori-spin--spinning"
+                class="memori--completion-provider-status--loading"
               >
                 <div
-                  class="memori-spin--spinner"
+                  class="memori-spin memori-spin--spinning"
                 >
-                  <svg
-                    aria-hidden="true"
-                    class="memori-loading-icon"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 1024 1024"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <div
+                    class="memori-spin--spinner"
                   >
-                    <path
-                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                    />
-                  </svg>
+                    <svg
+                      aria-hidden="true"
+                      class="memori-loading-icon"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 1024 1024"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                      />
+                    </svg>
+                  </div>
                 </div>
               </div>
+              <p
+                class="memori--start-description"
+              >
+                Per parlare con me clicca sul pulsante INIZIAMO per cominciare
+              </p>
             </div>
-            <p
-              class="memori--start-description"
-            >
-              Per parlare con me clicca sul pulsante INIZIAMO per cominciare
-            </p>
           </div>
         </div>
       </div>