npm - @memori.ai/memori-react - Versions diffs - 1.2.0 → 2.0.0 - Mend

@memori.ai/memori-react 1.2.0 → 2.0.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 (291) hide show

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

@@ -30,16 +30,67 @@ exports[`renders StartPanel on instruct unchanged 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <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://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
       <img
         alt="Memori"
-        src="https://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
     </picture>
     <h2
@@ -79,16 +130,169 @@ exports[`renders StartPanel unchanged 1`] = `
   >
     <div
       class="memori--cover"
-    />
+    >
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <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://app.twincreator.com/images/twincreator/square_logo.png"
+      />
+      <img
+        alt="Memori"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
+      />
+    </picture>
+    <h2
+      class="memori--title"
+    >
+      Memori
+    </h2>
+    <div
+      class="memori--description"
+    >
+      <p>
+        <span
+          class="memori--description-text"
+        >
+          Lorem ipsum.
+        </span>
+      </p>
+      <button
+        class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
+      >
+        write_and_speak.tryMeButton
+      </button>
+      <p
+        class="memori--start-description"
+      >
+        write_and_speak.pageTryMeExplanation
+      </p>
+    </div>
+  </div>
+</div>
+`;
+exports[`renders StartPanel with completions enabled unchanged 1`] = `
+<div>
+  <div
+    class="memori--start-panel"
+  >
+    <div
+      class="memori--cover"
+    >
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <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://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
       <img
         alt="Memori"
-        src="https://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
     </picture>
     <h2
@@ -151,16 +355,67 @@ exports[`renders StartPanel with gamification level unchanged 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <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://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
       <img
         alt="Memori"
-        src="https://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
     </picture>
     <h2
@@ -200,16 +455,68 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
   >
     <div
       class="memori--cover"
-    />
+    >
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <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://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
       <img
         alt="Memori"
-        src="https://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
     </picture>
     <h2
@@ -230,65 +537,60 @@ exports[`renders StartPanel with integrationConfig unchanged 1`] = `
       <div
         class="memori--language-chooser"
       >
-        <label
-          for="user-lang-pref"
-          id="user-lang-pref-label"
-        >
-          write_and_speak.iWantToTalkToIn
-        </label>
-        <select
-          aria-labelledby="user-lang-pref-label"
-          id="user-lang-pref"
+        <div
+          class="memori-select"
         >
-          <option
-            aria-label="Italiano"
-            value="IT"
-          >
-            Italiano
-          </option>
-          <option
-            aria-label="English"
+          <input
+            hidden=""
+            name="day"
+            readonly=""
+            style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+            type="hidden"
             value="EN"
+          />
+          <label
+            class="memori-select--label"
+            data-headlessui-state=""
+            id="headlessui-listbox-label-:r0:"
           >
-            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"
+            write_and_speak.iWantToTalkToIn
+            :
+          </label>
+          <button
+            aria-expanded="false"
+            aria-haspopup="true"
+            aria-label="write_and_speak.iWantToTalkToIn"
+            aria-labelledby="headlessui-listbox-label-:r0: headlessui-listbox-button-:r1:"
+            class="memori-select--button"
+            data-headlessui-state=""
+            id="headlessui-listbox-button-:r1:"
+            type="button"
           >
-            Українська
-          </option>
-          <option
-            aria-label="Русский"
-            value="RU"
-          >
-            Русский
-          </option>
-        </select>
+            <span
+              class="memori-select--value"
+            >
+              English
+            </span>
+            <span
+              class="memori-select--icon"
+            >
+              <svg
+                aria-hidden="true"
+                fill="currentColor"
+                focusable="false"
+                role="img"
+                viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </button>
+        </div>
       </div>
       <button
         class="memori-button memori-button--primary memori-button--rounded memori-button--padded memori--start-button"
@@ -335,16 +637,67 @@ exports[`renders StartPanel with position required unchanged 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="memori--completions-enabled"
+      >
+        <div
+          class="memori-tooltip memori-tooltip--align-left"
+        >
+          <div
+            class="memori-tooltip--content"
+          >
+            completionsEnabled
+          </div>
+          <div
+            class="memori-tooltip--trigger"
+          >
+            <span
+              aria-label="completionsEnabled"
+            >
+              <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://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
       <img
         alt="Memori"
-        src="https://api.lorem.space/image/face?hash=0p9vyl1e"
+        src="https://app.twincreator.com/images/twincreator/square_logo.png"
       />
     </picture>
     <h2

package/src/components/icons/Refresh.tsx ADDED Viewed

@@ -0,0 +1,30 @@
+import React from 'react';
+const Refresh = ({
+  className,
+  title,
+}: {
+  className?: string;
+  title?: string;
+}) => (
+  <svg
+    {...(!title ? { 'aria-hidden': 'true' } : {})}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    focusable="false"
+    role="img"
+    className={className}
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth="2"
+    aria-label={title}
+  >
+    <path d="M23 4L23 10 17 10"></path>
+    <path d="M1 20L1 14 7 14"></path>
+    <path d="M3.51 9a9 9 0 0114.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0020.49 15"></path>
+  </svg>
+);
+export default Refresh;

package/src/components/icons/SelectIcon.tsx ADDED Viewed

@@ -0,0 +1,28 @@
+import React from 'react';
+const SelectIcon = ({
+  className,
+  title,
+}: {
+  className?: string;
+  title?: string;
+}) => (
+  <svg
+    {...(!title ? { 'aria-hidden': 'true' } : {})}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    focusable="false"
+    role="img"
+    className={className}
+    fill="currentColor"
+    aria-label={title}
+  >
+    <path
+      fillRule="evenodd"
+      d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
+      clipRule="evenodd"
+    ></path>
+  </svg>
+);
+export default SelectIcon;

package/src/components/layouts/FullPage.test.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+import Memori from '../MemoriWidget/MemoriWidget';
+import { integration, memori, tenant } from '../../mocks/data';
+it('renders FullPage layout unchanged', () => {
+  const { container } = render(
+    <Memori
+      showShare={true}
+      showSettings={true}
+      memori={memori}
+      tenant={tenant}
+      integration={integration}
+      layout="FULLPAGE"
+    />
+  );
+  expect(container).toMatchSnapshot();
+});

package/src/components/layouts/{Default.tsx → FullPage.tsx} RENAMED Viewed

@@ -16,7 +16,7 @@ export interface Props {
   loading?: boolean;
 }
-const Default: React.FC<Props> = ({
+const FullPageLayout: React.FC<Props> = ({
   header,
   avatar,
   chat,
@@ -53,4 +53,4 @@ const Default: React.FC<Props> = ({
   </>
 );
-export default Default;
+export default FullPageLayout;

package/src/components/layouts/Totem.test.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+import Memori from '../MemoriWidget/MemoriWidget';
+import { integration, memori, tenant } from '../../mocks/data';
+it('renders Totem layout unchanged', () => {
+  const { container } = render(
+    <Memori
+      showShare={true}
+      showSettings={true}
+      memori={memori}
+      tenant={tenant}
+      integration={integration}
+      layout="TOTEM"
+    />
+  );
+  expect(container).toMatchSnapshot();
+});