@memori.ai/memori-react 8.12.0 → 8.13.0

package/src/locales/es.json

@@ -24,6 +24,7 @@
   "yesterday": "Ayer",
   "last_7_days": "Últimos 7 días",
   "last_30_days": "Últimos 30 días",
+  "placeholder": "Haz una pregunta",
   "date": "Fecha de nacimiento",
   "month": "Mes",
   "copied": "¡Copiado!",
@@ -237,9 +238,10 @@
   "upload": {
     "loginRequired": "Connexion requise",
     "loginRequiredDescription": "Veuillez vous connecter pour télécharger des images",
-    "uploadFiles": "Télécharger des fichiers",
-    "uploadImage": "Télécharger une image",
-    "uploadDocument": "Télécharger un document",
+    "uploadFiles": "Télécharger des fichiers ({{shortcut}}+O para abrir el selector de archivos)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O para abrir el selector de archivos",
+    "uploadImages": "Télécharger des images",
+    "uploadDocuments": "Télécharger des documents",
     "apiClientNotConfigured": "API client non configuré correctement pour le téléchargement de médias",
     "fileReadingFailed": "Échec de la lecture du fichier",
     "uploadFailed": "Échec du téléchargement",
@@ -248,7 +250,8 @@
     "replace": "Remplacer",
     "maxImagesReached": "Vous pouvez télécharger jusqu'à {{max}} images",
     "remaining": "restant",
-    "maxReached": "Limite atteinte"
+    "maxReached": "Limite atteinte",
+    "dragAndDropFiles": "Arrastre y suelte los archivos aquí para agregarlos a la chat"
   },
   "media": {
     "title": "Título",

package/src/locales/fr.json

@@ -21,6 +21,7 @@
   "day": "Jour",
   "month": "Mois",
   "year": "Année",
+  "placeholder": "Faites une question",
   "createdAt": "Date de création",
   "all": "Tous",
   "today": "Aujourd'hui",
@@ -245,9 +246,10 @@
   "upload": {
     "loginRequired": "Connexion requise",
     "loginRequiredDescription": "Veuillez vous connecter pour télécharger des images",
-    "uploadFiles": "Télécharger des fichiers",
-    "uploadImage": "Télécharger une image",
-    "uploadDocument": "Télécharger un document",
+    "uploadFiles": "Télécharger des fichiers ({{shortcut}}+O pour ouvrir le sélecteur de fichiers)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O pour ouvrir le sélecteur de fichiers",
+    "uploadImages": "Télécharger des images",
+    "uploadDocuments": "Télécharger des documents",
     "replace": "Remplacer",
     "remaining": "restant",
     "maxReached": "Limite atteinte",
@@ -256,7 +258,8 @@
     "fileReadingFailed": "Échec de la lecture du fichier",
     "uploadFailed": "Échec du téléchargement",
     "uploadSuccess": "Téléchargement réussi",
-    "uploadSuccessDescription": "Le fichier a été téléchargé avec succès"
+    "uploadSuccessDescription": "Le fichier a été téléchargé avec succès",
+    "dragAndDropFiles": "Glissez et déposez les fichiers ici pour les ajouter à la chat"
   },
   "media": {
     "title": "Titre",

package/src/locales/it.json

@@ -37,6 +37,7 @@
   "last_7_days": "Ultimi 7 giorni",
   "last_30_days": "Ultimi 30 giorni",
   "previous": "Precedente",
+  "placeholder": "Fai una domanda",
   "copy": "Copia",
   "copyRawCode": "Copia codice sorgente",
   "copyToClipboard": "Copia negli appunti",
@@ -274,10 +275,11 @@
   "upload": {
     "loginRequired": "Login richiesto",
     "loginRequiredDescription": "Per caricare immagini, devi prima accedere",
-    "uploadFiles": "Carica file",
-    "uploadImage": "Carica immagine",
+    "uploadFiles": "Carica file ({{shortcut}}+O per aprire il selettore file)",
+    "uploadFilesWithShortcut": "{{shortcut}}+O per aprire il selettore file",
+    "uploadImages": "Carica immagini",
     "lastDocumentSlot": "Carica ultimo documento",
-    "uploadDocument": "Carica documento",
+    "uploadDocuments": "Carica documenti",
     "maxDocumentsReached": "Puoi caricare fino a {{max}} documenti",
     "replace": "Sostituisci documento",
     "maxImagesReached": "Puoi caricare fino a {{max}} immagini",
@@ -287,13 +289,14 @@
     "uploadSuccess": "Caricamento riuscito",
     "remaining": "rimanenti",
     "maxReached": "Limite raggiunto",
-    "titleImage": "Immagine: {{title}}",
+    "titleImage": "Titolo immagine: {{title}}",
     "titleImageUpload": "Carica immagini",
     "titleHelp": "Aggiungi un titolo descrittivo per aiutare l'AI a fornire risposte più appropriate.",
     "titlePlaceholder": "Inserisci il titolo dell'immagine",
     "uploadSuccessDescription": "Il file è stato caricato con successo",
     "partialUpload": "Solo {{uploaded}} immagini su {{total}} immagini saranno caricate. Massimo {{max}} immagini consentite.",
-    "cancel": "Annulla"
+    "cancel": "Annulla",
+    "dragAndDropFiles": "Trascina qui i file per aggiungerli alla chat"
   },
   "gamification": {
     "level": "Livello",

package/src/styles.css

@@ -43,7 +43,6 @@
 @import url('./components/ShareButton/ShareButton.css');
 @import url('./components/Snippet/Snippet.css');
 @import url('./components/StartPanel/StartPanel.css');
-@import url('./components/UploadMenu/UploadMenu.css');
 @import url('./components/DateSelector/DateSelector.css');
 @import url('./components/AgeVerificationModal/AgeVerificationModal.css');
 @import url('./components/KnownFacts/KnownFacts.css');
@@ -97,7 +96,7 @@ body.sb-show-main #root,
     --memori-chat-bubble-bg: #fff;
     --memori-chat-user-bubble-bg: var(--memori-primary);
     --memori-text-color: #000;
-    --memori-border-radius: 5px;
+    --memori-border-radius: 8px;
     --memori-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
     --memori-button-bg: #fff;
     --memori-button-text: #000;

package/src/components/UploadMenu/UploadMenu.css

@@ -1,47 +0,0 @@
-.memori-upload-menu {
-    position: relative;
-    display: inline-block;
-}
-
-.memori--conversation-button {
-    cursor: pointer;
-}
-
-.memori-menu--overlay {
-    position: absolute;
-    top: 100%;
-    right: 0;
-    left: auto;
-    display: flex;
-    min-width: 12rem;
-    flex-direction: column;
-    padding: 0.5rem 0;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 0.375rem;
-    margin: 0;
-    margin-top: 0.5rem;
-    background-color: #fff;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
-    list-style: none;
-    outline: none;
-    transform-origin: top right;
-}
-
-.memori-menu--li {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-a.memori-menu--button,
-button.memori-menu--button {
-    width: 100%;
-    justify-content: flex-start;
-    color: #000;
-    text-align: left;
-    text-decoration: none;
-}
-
-.memori-menu--icon {
-    width: 1em;
-}

package/src/components/UploadMenu/UploadMenu.stories.tsx

@@ -1,66 +0,0 @@
-import React, { useState } from 'react';
-import { Meta, Story } from '@storybook/react';
-import I18nWrapper from '../../I18nWrapper';
-import UploadMenu, { Props } from './UploadMenu';
-
-import './UploadMenu.css';
-
-const meta: Meta = {
-  title: 'Widget/Upload Menu',
-  component: UploadMenu,
-  argTypes: {
-    attachmentsMenuOpen: {
-      control: {
-        type: 'select',
-        options: ['link', 'media'],
-      },
-    },
-  },
-  parameters: {
-    controls: { expanded: true },
-  },
-};
-
-export default meta;
-
-const Template: Story<Props> = args => {
-  const [attachmentsMenuOpen, setAttachmentsMenuOpen] = useState<
-    'link' | 'media' | undefined
-  >(args.attachmentsMenuOpen);
-  return (
-    <I18nWrapper>
-      <div
-        style={{
-          minHeight: '200px',
-          display: 'flex',
-          alignItems: 'flex-end',
-        }}
-      >
-        <UploadMenu
-          {...args}
-          attachmentsMenuOpen={attachmentsMenuOpen}
-          setAttachmentsMenuOpen={setAttachmentsMenuOpen}
-        />
-      </div>
-    </I18nWrapper>
-  );
-};
-
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-export const Default = Template.bind({});
-Default.args = {
-  attachmentsMenuOpen: undefined,
-};
-
-export const Disabled = Template.bind({});
-Disabled.args = {
-  attachmentsMenuOpen: undefined,
-  disabled: true,
-};
-
-export const Authenticated = Template.bind({});
-Authenticated.args = {
-  attachmentsMenuOpen: undefined,
-  authToken: 'test',
-};

package/src/components/UploadMenu/UploadMenu.test.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import UploadMenu from './UploadMenu';
-
-it('renders UploadMenu unchanged', () => {
-  const { container } = render(
-    <UploadMenu setAttachmentsMenuOpen={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders UploadMenu disabled unchanged', () => {
-  const { container } = render(
-    <UploadMenu setAttachmentsMenuOpen={jest.fn()} disabled />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders UploadMenu on link selected unchanged', () => {
-  const { container } = render(
-    <UploadMenu attachmentsMenuOpen="link" setAttachmentsMenuOpen={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders UploadMenu on media selected unchanged', () => {
-  const { container } = render(
-    <UploadMenu
-      attachmentsMenuOpen="media"
-      setAttachmentsMenuOpen={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});

package/src/components/UploadMenu/UploadMenu.tsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import { Menu } from '@headlessui/react';
-import cx from 'classnames';
-import Button from '../ui/Button';
-import Link from '../icons/Link';
-import Picture from '../icons/Picture';
-import PaperClip from '../icons/PaperClip';
-
-export interface Props {
-  attachmentsMenuOpen?: 'link' | 'media';
-  setAttachmentsMenuOpen: (value: 'link' | 'media') => void;
-  disabled?: boolean;
-  authToken?: string;
-}
-
-const UploadMenu: React.FC<Props> = ({
-  attachmentsMenuOpen,
-  setAttachmentsMenuOpen,
-  disabled = false,
-  authToken,
-}) => {
-  return (
-    <Menu as="div" className="memori-upload-menu">
-      <Menu.Button
-        disabled={disabled}
-        className={cx(
-          'memori-button',
-          'memori-button--circle',
-          'memori-button--icon-only',
-          'memori-share-button--button',
-          'memori--conversation-button'
-        )}
-      >
-        <div className="memori-button--icon">
-          <PaperClip />
-        </div>
-      </Menu.Button>
-      <Menu.Items as="ul" className="memori-menu--overlay">
-        <Menu.Item as="li" className="memori-menu--li">
-          <Button
-            className="memori-menu--button"
-            ghost
-            icon={<Link />}
-            outlined={attachmentsMenuOpen === 'link'}
-            onClick={() => setAttachmentsMenuOpen('link')}
-          >
-            Link
-          </Button>
-        </Menu.Item>
-        {!!authToken?.length && (
-          <Menu.Item>
-            <Button
-              className="memori-menu--button"
-              ghost
-              icon={<Picture />}
-              outlined={attachmentsMenuOpen === 'media'}
-              onClick={() => setAttachmentsMenuOpen('media')}
-            >
-              Media
-            </Button>
-          </Menu.Item>
-        )}
-      </Menu.Items>
-    </Menu>
-  );
-};
-
-export default UploadMenu;

package/src/components/UploadMenu/__snapshots__/UploadMenu.test.tsx.snap

@@ -1,137 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders UploadMenu disabled unchanged 1`] = `
-<div>
-  <div
-    class="memori-upload-menu"
-    data-headlessui-state=""
-  >
-    <button
-      aria-haspopup="true"
-      class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-      data-headlessui-state=""
-      disabled=""
-      id="headlessui-menu-button-:r2:"
-      type="button"
-    >
-      <div
-        class="memori-button--icon"
-      >
-        <svg
-          aria-hidden="true"
-          focusable="false"
-          role="img"
-          viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders UploadMenu on link selected unchanged 1`] = `
-<div>
-  <div
-    class="memori-upload-menu"
-    data-headlessui-state=""
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-      data-headlessui-state=""
-      id="headlessui-menu-button-:r4:"
-      type="button"
-    >
-      <div
-        class="memori-button--icon"
-      >
-        <svg
-          aria-hidden="true"
-          focusable="false"
-          role="img"
-          viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders UploadMenu on media selected unchanged 1`] = `
-<div>
-  <div
-    class="memori-upload-menu"
-    data-headlessui-state=""
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-      data-headlessui-state=""
-      id="headlessui-menu-button-:r6:"
-      type="button"
-    >
-      <div
-        class="memori-button--icon"
-      >
-        <svg
-          aria-hidden="true"
-          focusable="false"
-          role="img"
-          viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders UploadMenu unchanged 1`] = `
-<div>
-  <div
-    class="memori-upload-menu"
-    data-headlessui-state=""
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-      data-headlessui-state=""
-      id="headlessui-menu-button-:r0:"
-      type="button"
-    >
-      <div
-        class="memori-button--icon"
-      >
-        <svg
-          aria-hidden="true"
-          focusable="false"
-          role="img"
-          viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</div>
-`;