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

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

@@ -181,297 +181,301 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
           />
         </div>
         <div
-          class="memori--grid-column memori--grid-column--zoomed-full-body memori--grid-column-right"
+          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
+                          <g
                             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="currentColor"
                             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>
+                          >
+                            <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"
+                <p>
+                  <span
+                    class="memori--description-text"
                   >
-                    Українська
-                  </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"
+                    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"
+                      <div
+                        class="memori--privacy-tooltip-content"
                       >
-                        <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>
+                        <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>