npm - @memori.ai/memori-react - Versions diffs - 8.15.1 → 8.16.0 - Mend

@memori.ai/memori-react 8.15.1 → 8.16.0

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 (166) hide show

package/src/components/UploadButton/UploadButton.css CHANGED Viewed

@@ -234,18 +234,13 @@
 /* Preview item variants */
 .memori--preview-item--document {
-  border-left-color: #fd7e14;
   background-color: #fff9db;
 }
 .memori--preview-item--image {
-  border-left-color: #4dabf7;
   background-color: #e7f5ff;
 }
-.memori--preview-item--uploaded {
-  border-left-color: #40c057;
-}
 .memori--preview-item--error {
   border-left-color: #fa5252;

package/src/components/layouts/WebsiteAssistant.tsx CHANGED Viewed

@@ -38,12 +38,8 @@ const WebsiteAssistantLayout: React.FC<LayoutProps> = ({
   };
   return (
-    <div
-      className={`memori-website_assistant--${
-        collapsed ? 'collapsed' : 'expanded'
-      }`}
-    >
-      {collapsed ? (
+    <>
+      {collapsed && (
         <div className="memori-website_assistant--trigger">
           <Button
             className="memori-website_assistant--trigger-button"
@@ -55,70 +51,78 @@ const WebsiteAssistantLayout: React.FC<LayoutProps> = ({
             <Blob avatar={avatarProps?.memori.avatarURL} />
           </Button>
         </div>
-      ) : (
-        <>
-          {integrationStyle}
+      )}
+      <div
+        className={`memori-website_assistant--${
+          collapsed ? 'collapsed' : 'expanded'
+        }`}
+      >
+        {!collapsed && (
+          <>
+            {integrationStyle}
-          <Spin spinning={loading} className="memori-website_assistant-layout">
-            {poweredBy}
+            <Spin
+              spinning={loading}
+              className="memori-website_assistant-layout"
+            >
+              {poweredBy}
-            <div className="memori-website_assistant--close-button-wrapper">
-              <Button
-                className="memori-website_assistant--close-button"
-                primary
-                shape="circle"
-                onClick={() => setCollapsed(true)}
-                icon={<Close />}
-                title={t('close') || 'Close'}
-              />
-            </div>
+              <div className="memori-website_assistant--close-button-wrapper">
+                <Button
+                  className="memori-website_assistant--close-button"
+                  primary
+                  shape="circle"
+                  onClick={() => setCollapsed(true)}
+                  icon={<Close />}
+                  title={t('close') || 'Close'}
+                />
+              </div>
-            <div className="memori-website_assistant-layout--header">
               {Header && headerProps && (
-                <Header
-                  {...headerProps}
-                  showSettings={false}
-                  showReload={false}
-                />
+                              <Header
+                    {...headerProps}
+                    showSettings={false}
+                    showReload={false}
+                  />
               )}
-            </div>
-            <div className="memori-website_assistant-layout--avatar">
-              {Avatar && avatarProps && (
-                <Avatar
-                  {...avatarProps}
-                  integrationConfig={
-                    avatarProps.integrationConfig
-                      ? {
-                          ...avatarProps.integrationConfig,
-                          avatarURL: avatarProps.integrationConfig?.avatarURL
-                            ? `${
-                                avatarProps.integrationConfig?.avatarURL.split(
-                                  '#'
-                                )[0]
-                              }#${expandedKey}`
-                            : undefined,
-                        }
-                      : {}
-                  }
-                  key={expandedKey}
-                />
-              )}
-            </div>
+              <div className="memori-website_assistant-layout--avatar">
+                {Avatar && avatarProps && (
+                  <Avatar
+                    {...avatarProps}
+                    integrationConfig={
+                      avatarProps.integrationConfig
+                        ? {
+                            ...avatarProps.integrationConfig,
+                            avatarURL: avatarProps.integrationConfig?.avatarURL
+                              ? `${
+                                  avatarProps.integrationConfig?.avatarURL.split(
+                                    '#'
+                                  )[0]
+                                }#${expandedKey}`
+                              : undefined,
+                          }
+                        : {}
+                    }
+                    key={expandedKey}
+                  />
+                )}
+              </div>
-            <div id="extension" />
+              <div id="extension" />
-            <div className="memori-website_assistant-layout--controls">
-              {sessionId && hasUserActivatedSpeak && Chat && chatProps ? (
-                <Chat {...chatProps} />
-              ) : startPanelProps ? (
-                <StartPanel {...startPanelProps} />
-              ) : null}
-            </div>
-          </Spin>
-        </>
-      )}
-    </div>
+              <div className="memori-website_assistant-layout--controls">
+                {sessionId && hasUserActivatedSpeak && Chat && chatProps ? (
+                  <Chat {...chatProps} />
+                ) : startPanelProps ? (
+                  <StartPanel {...startPanelProps} />
+                ) : null}
+              </div>
+            </Spin>
+          </>
+        )}
+      </div>
+    </>
   );
 };

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

@@ -132,59 +132,7 @@ exports[`renders Chat layout unchanged 1`] = `
           >
             <div
               class="memori--cover"
-            >
-              <div
-                class="memori--completions-enabled"
-              >
-                <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"
             >

package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap CHANGED Viewed

@@ -175,59 +175,7 @@ exports[`renders FullPage layout unchanged 1`] = `
             >
               <div
                 class="memori--cover"
-              >
-                <div
-                  class="memori--completions-enabled"
-                >
-                  <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"
               >
@@ -778,59 +726,7 @@ exports[`renders FullPage layout with root css properties unchanged 1`] = `
             >
               <div
                 class="memori--cover"
-              >
-                <div
-                  class="memori--completions-enabled"
-                >
-                  <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"
               >

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

@@ -150,59 +150,7 @@ exports[`renders HIDDEN_CHAT layout unchanged 1`] = `
             >
               <div
                 class="memori--cover"
-              >
-                <div
-                  class="memori--completions-enabled"
-                >
-                  <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"
               >

package/src/components/layouts/__snapshots__/Totem.test.tsx.snap CHANGED Viewed

@@ -242,59 +242,7 @@ exports[`renders Totem layout unchanged 1`] = `
         >
           <div
             class="memori--cover"
-          >
-            <div
-              class="memori--completions-enabled"
-            >
-              <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"
           >

package/src/components/layouts/__snapshots__/WebsiteAssistant.test.tsx.snap CHANGED Viewed

@@ -12,44 +12,43 @@ exports[`renders WEBSITE_ASSISTANT layout unchanged 1`] = `
     style="height: 100vh;"
   >
     <div
-      class="memori-website_assistant--collapsed"
+      class="memori-website_assistant--trigger"
     >
-      <div
-        class="memori-website_assistant--trigger"
+      <button
+        class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-website_assistant--trigger-button"
+        title="Espandi"
       >
-        <button
-          class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-website_assistant--trigger-button"
-          title="Espandi"
+        <div
+          class="memori-blob"
         >
-          <div
-            class="memori-blob"
-          >
-            <figure>
-              <img
-                alt=""
-                role="presentation"
-                src="https://aisuru.com/images/aisuru/square_logo.png"
-              />
-            </figure>
-            <div
-              class="mainDiv"
-            />
-            <div
-              class="mainDiv"
-            />
-            <div
-              class="mainDiv"
+          <figure>
+            <img
+              alt=""
+              role="presentation"
+              src="https://aisuru.com/images/aisuru/square_logo.png"
             />
-            <div
-              class="mainDiv"
-            />
-            <div
-              class="mainDiv"
-            />
-          </div>
-        </button>
-      </div>
+          </figure>
+          <div
+            class="mainDiv"
+          />
+          <div
+            class="mainDiv"
+          />
+          <div
+            class="mainDiv"
+          />
+          <div
+            class="mainDiv"
+          />
+          <div
+            class="mainDiv"
+          />
+        </div>
+      </button>
     </div>
+    <div
+      class="memori-website_assistant--collapsed"
+    />
     <audio
       id="memori-audio"
       src="https://aisuru.com/intro.mp3"

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

@@ -175,59 +175,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
             >
               <div
                 class="memori--cover"
-              >
-                <div
-                  class="memori--completions-enabled"
-                >
-                  <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"
               >

package/src/components/layouts/chat.css CHANGED Viewed

@@ -74,7 +74,7 @@
 .memori-chat-layout--controls-with-artifact {
     max-height: 100%;
-    flex: 0 0 51%;
+    flex: 0 0 49%;
     /* padding-bottom: 2.5rem; */
     margin: 0;
 }