@memori.ai/memori-react 7.32.8 → 7.33.0

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

@@ -143,23 +143,294 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
             class="memori-loading"
           >
             <div
-              class="memori-spin"
+              class="memori--start-panel"
             >
               <div
-                class="memori-spin--spinner"
+                class="memori--cover"
               >
-                <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--completions-enabled"
                 >
-                  <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
+                    class="memori-tooltip memori-tooltip--align-left"
+                  >
+                    <div
+                      class="memori-tooltip--content"
+                    >
+                      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"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          focusable="false"
+                          role="img"
+                          viewBox="0 0 24 24"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <g
+                            clip-rule="evenodd"
+                            fill="currentColor"
+                            fill-rule="evenodd"
+                          >
+                            <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>
+              <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>
+                <div
+                  class="memori--language-chooser"
+                >
+                  <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"
+                    >
+                      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--start-privacy-explanation-container"
+                >
+                  <p
+                    class="memori--start-privacy-explanation"
+                  >
+                    Le conversazioni sono visibili all'autore dell'agente
+                  </p>
+                  <div
+                    class="memori-tooltip memori-tooltip--align-right"
+                  >
+                    <div
+                      class="memori-tooltip--content"
+                    >
+                      <div
+                        class="memori--privacy-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"
+                        >
+                          Informativa sulla privacy
+                        </a>
+                      </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"
+                      >
+                        <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>
+                <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"
+                >
+                  <div
+                    class="memori-spin memori-spin--spinning"
+                  >
+                    <div
+                      class="memori-spin--spinner"
+                    >
+                      <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>
             </div>
           </div>

package/src/helpers/message.ts

@@ -63,7 +63,8 @@ export const truncateMessage = (message: string) => {
 export const renderMsg = (
   text: string,
   useMathFormatting = false,
-  reasoningText = 'Reasoning...'
+  reasoningText = 'Reasoning...',
+  showReasoning = false
 ): {
   text: string;
 } => {
@@ -77,7 +78,9 @@ export const renderMsg = (
       )
       .replaceAll(
         /<think>([\s\S]*?)<\/think>/g,
-        `<details class="memori-think"><summary>${reasoningText}</summary>$1</details>`
+        showReasoning
+          ? `<details class="memori-think"><summary>${reasoningText}</summary>$1</details>`
+          : ''
       )
       // Remove document_attachment tags from text - they will be handled as media
       .replaceAll(
@@ -94,10 +97,7 @@ export const renderMsg = (
     // Correzione dei delimitatori LaTeX inconsistenti
     if (useMathFormatting) {
       // Abilita il supporto per KaTeX
-      marked.use(
-        markedKatex({
-        })
-      );
+      marked.use(markedKatex({}));
 
       // Normalizza tutti i delimitatori LaTeX per equazioni su linea separata
       // Da \\[ ... \\] o \\[ ... ] a $$ ... $$

package/src/index.stories.tsx

@@ -268,8 +268,9 @@ TestCustomAnimationsWithRPMSequence.args = {
     baseURL: "https://aisuru-staging.aclambda.online",
     uiLang: "IT",
     spokenLang: "IT",
-    layout: "ZOOMED_FULL_BODY",
+    layout: "HIDDEN_CHAT",
     showLogin: true,
+    autoStart: false,
     integrationID: "ea181116-1b9a-4562-b8b2-41608221adb2",
 };
 

package/src/index.tsx

@@ -46,6 +46,7 @@ export interface Props {
   showTypingText?: boolean;
   showLogin?: boolean;
   showUpload?: boolean;
+  showReasoning?: boolean;
   height?: number | string;
   baseURL?: string;
   apiURL?: string;
@@ -121,6 +122,7 @@ const Memori: React.FC<Props> = ({
   showContextPerLine = false,
   showUpload,
   showLogin,
+  showReasoning,
   height = '100%',
   baseURL,
   apiURL = 'https://backend.memori.ai',
@@ -305,12 +307,13 @@ const Memori: React.FC<Props> = ({
             showContextPerLine={showContextPerLine}
             showLogin={showLogin ?? memori?.enableDeepThought}
             showUpload={showUpload}
+            showReasoning={showReasoning}
             integration={layoutIntegration}
             initialContextVars={initialContextVars}
             initialQuestion={initialQuestionLayout}
             authToken={authToken}
             AZURE_COGNITIVE_SERVICES_TTS_KEY={speechKey}
-            autoStart={layout === 'HIDDEN_CHAT' ? false : autoStart}
+            autoStart={autoStart}
             enableAudio={enableAudio && !!speechKey}
             defaultSpeakerActive={defaultSpeakerActive}
             disableTextEnteredEvents={disableTextEnteredEvents}
@@ -379,6 +382,7 @@ Memori.propTypes = {
   showTypingText: PropTypes.bool,
   showLogin: PropTypes.bool,
   showUpload: PropTypes.bool,
+  showReasoning: PropTypes.bool,
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   baseURL: PropTypes.string,
   apiURL: PropTypes.string,