code7-leia 0.1.118 → 0.1.122

package/dist/components/MultiSelect/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Option {
+    label: string;
+    value: string;
+}
+interface MultiSelectProps {
+    options: Option[];
+    presset: string[];
+    setPresset: React.Dispatch<React.SetStateAction<string[]>>;
+}
+declare const MultiSelect: React.FC<MultiSelectProps>;
+export default MultiSelect;

package/dist/components/MultiSelect/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const MultiSelectWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SelectBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const OverSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Checkboxes: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CheckboxLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;

package/dist/store/modules/actions.d.ts

@@ -24,12 +24,12 @@ export declare const deleteFilesActionSuccess: ({ files }: any) => {
         files: any;
     };
 };
-export declare const uploadFilesAction: (file: any, id: string, pressets: [string], language: string) => {
+export declare const uploadFilesAction: (file: any, id: string, pressets: string[], language: string) => {
     type: string;
     payload: {
         file: any;
         id: string;
-        pressets: [string];
+        pressets: string[];
         language: string;
     };
 };

package/dist/utils/languages/en.d.ts

@@ -0,0 +1,2 @@
+import { Language } from "../../interface/Language";
+export declare const enTranslation: Language;

package/dist/utils/languages/es.d.ts

@@ -0,0 +1,2 @@
+import { Language } from "../../interface/Language";
+export declare const esTranslation: Language;

package/dist/utils/languages/pt-br.d.ts

@@ -0,0 +1,2 @@
+import { Language } from "../../interface/Language";
+export declare const ptTranslation: Language;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.118",
+  "version": "0.1.122",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/FileArea/components/AreaUpload/index.tsx

@@ -88,7 +88,9 @@ const AreaUpload: React.FC<AreaUploadProps> = ({
 
   return (
     <>
-      {multipleFile || myFiles?.length === 0 ? (
+    {console.log('!!file: ', !!file)}
+    {console.log('file: ', file)}
+      {(multipleFile || myFiles?.length === 0) || !!file ? (
         <Container
           {...getRootProps({ isDragActive, isDragAccept, isDragReject })}
         >

package/src/components/FileArea/index.tsx

@@ -14,7 +14,7 @@ import Modal from './components/Modal'
 import ModalFooter from './components/Modal/ModalFooter'
 import ModalContent from './components/Modal/ModalContent'
 import EmptyState from '../EmptyState';
-import Select from '../Select'
+import MultiSelect from '../MultiSelect';
 import AreaUpload from './components/AreaUpload';
 import { SharedPropsProvider, useSharedProps } from '../../contexts/SharedPropsProvider';
 import { deleteFilesAction, getFilesAction, uploadFilesAction } from '../../store/modules/actions';
@@ -27,7 +27,7 @@ export const FileArea = () => {
   const [modal, setModal] = useState(false)
   const [modalDelete, setModalDelete] = useState(false)
   const [fileDelete, setFileDelete] = useState('')
-  const [presset, setPresset] = useState('');
+  const [presset, setPresset] = useState<string[]>([]);
   const t = getLanguage(language)
   const dispatch = useDispatch();
   const initFiles = useSelector((state: any) => state.files);
@@ -61,6 +61,10 @@ export const FileArea = () => {
   }
 
   const handleOpenModal = () => {
+    if(modal){
+      setUploadFile(undefined)
+      setPresset([])
+    }
     setModal(!modal)
   }
 
@@ -75,10 +79,11 @@ export const FileArea = () => {
   }
 
   const handleUploadFile = () => {
-    dispatch(uploadFilesAction(uploadFile, id, [presset], language))
+    console.log('presset: ', presset)
+    dispatch(uploadFilesAction(uploadFile, id, presset, language))
     setModal(false)
     setUploadFile(undefined)
-    setPresset('')
+    setPresset([])
   };
 
   const renderFiles = () => {  
@@ -152,7 +157,7 @@ export const FileArea = () => {
               </div>
               <div className='presset'>
                 <p>Presset</p>
-                <Select placeholder={t.testArea.selectPresset} options={optionsPresset} onSelect={setPresset} />
+                <MultiSelect options={optionsPresset} presset={presset} setPresset={setPresset} />
               </div>              
             </ModalContent>
             <ModalFooter>

package/src/components/MultiSelect/index.tsx

@@ -0,0 +1,63 @@
+import React, { useState } from 'react';
+import * as S from './styles';
+
+interface Option {
+  label: string;
+  value: string;
+}
+
+interface MultiSelectProps {
+  options: Option[];
+  presset: string[];
+  setPresset: React.Dispatch<React.SetStateAction<string[]>>;
+}
+
+const MultiSelect: React.FC<MultiSelectProps> = ({ options, presset, setPresset }) => {
+  const [expanded, setExpanded] = useState(false);
+
+  const handleCheckboxChange = (value: string) => {
+    setPresset(prevPresset => {
+      if (prevPresset.includes(value)) {
+        return prevPresset.filter(val => val !== value);
+      } else {
+        return [...prevPresset, value];
+      }
+    });
+  }
+
+  const showCheckboxes = () => {
+    if (!expanded) {
+      setExpanded(true);
+    } else {
+      setExpanded(false);
+    }
+  }
+
+  return (
+    <form>
+      <S.MultiSelectWrapper>
+        <S.SelectBox onClick={showCheckboxes}>
+          <select>
+            <option>Select an option</option>
+          </select>
+          <S.OverSelect />
+        </S.SelectBox>
+        <S.Checkboxes style={{ display: expanded ? 'block' : 'none' }}>
+          {options.map((option, index) => (
+            <S.CheckboxLabel key={index} htmlFor={option.value}>
+              <input
+                type="checkbox"
+                id={option.value}
+                checked={presset.includes(option.value)}
+                onChange={() => handleCheckboxChange(option.value)}
+              />
+              {option.label}
+            </S.CheckboxLabel>
+          ))}
+        </S.Checkboxes>
+      </S.MultiSelectWrapper>
+    </form>
+  );
+}
+
+export default MultiSelect;

package/src/components/MultiSelect/styles.tsx

@@ -0,0 +1,35 @@
+import styled from 'styled-components';
+
+export const MultiSelectWrapper = styled.div`
+  width: 200px;
+`;
+
+export const SelectBox = styled.div`
+  position: relative;
+
+  select {
+    width: 100%;
+    font-weight: bold;
+  }
+`;
+
+export const OverSelect = styled.div`
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+`;
+
+export const Checkboxes = styled.div`
+  display: none;
+  border: 1px #dadada solid;
+`;
+
+export const CheckboxLabel = styled.label`
+  display: block;
+
+  &:hover {
+    background-color: #1e90ff;
+  }
+`;

package/src/components/TestArea/index.tsx

@@ -50,36 +50,44 @@ export const TestArea = () => {
     dispatch(testAction(search, profile, presset, id))
   };
 
+  const returnTest = () => {  
+    return (
+      <S.Container isLoading={isLoading}>
+        <S.Header>
+          <div className='infos'>
+            <h2>{t.test}</h2>
+            <p>{t.testArea.description}</p>
+          </div>
+        </S.Header>
+        <S.Inputs>
+          <InputTest placeholder={t.testArea.typeSentence} onChange={handleSearch} onRecordAudio={handleRecordAudio} />
+          <Select placeholder={t.testArea.selectPersona} options={optionsPersona} onSelect={handleSelectPersona} />
+          <Select placeholder={t.testArea.selectPresset} options={optionsPresset} onSelect={handleSelectPresset} />
+          <button onClick={handleTest}><PiWaveformBold /> {t.buttons.test}</button>
+        </S.Inputs>
+        {
+          !results ? (
+            <EmptyState
+              icon={<FaList></FaList>}
+              title={t.testArea.emptyState.title}
+              description={t.testArea.emptyState.description}
+              activeButton={false}
+            />
+          ) : <S.Result>
+                <div className='icon'>
+                  <MdPerson2 />
+                </div>
+                <div className='text'>{results}</div>
+              </S.Result>
+        }
+      </S.Container>
+    )
+  }
+
   return (
     <SharedPropsProvider id={id} language={language} propTags={{ tags: [] }} personas={personas}>
-      <S.Container isLoading={isLoading}>
-          <S.Header>
-            <div className='infos'>
-              <h2>{t.test}</h2>
-              <p>{t.testArea.description}</p>
-            </div>
-          </S.Header>
-          <S.Inputs>
-            <InputTest placeholder={t.testArea.typeSentence} onChange={handleSearch} onRecordAudio={handleRecordAudio} />
-            <Select placeholder={t.testArea.selectPersona} options={optionsPersona} onSelect={handleSelectPersona} />
-            <Select placeholder={t.testArea.selectPresset} options={optionsPresset} onSelect={handleSelectPresset} />
-            <button onClick={handleTest}><PiWaveformBold /> {t.buttons.test}</button>
-          </S.Inputs>
-          {
-            !results ? (
-              <EmptyState
-                icon={<FaList></FaList>}
-                title={t.testArea.emptyState.title}
-                description={t.testArea.emptyState.description}
-                activeButton={false}
-              />
-            ) : <S.Result>
-                  <div className='icon'>
-                    <MdPerson2 />
-                  </div>
-                  <div className='text'>{results}</div>
-                </S.Result>
-          }
+      <S.Container>
+        {returnTest()}
       </S.Container>
     </SharedPropsProvider>
   );

package/src/store/modules/actions.ts

@@ -28,7 +28,7 @@ export const deleteFilesActionSuccess = ({ files }: any) => {
     }
 }
 
-export const uploadFilesAction = (file: any, id: string, pressets: [string], language: string) => {
+export const uploadFilesAction = (file: any, id: string, pressets: string[], language: string) => {
     return {
         type: types.UPLOAD_FILES_REQUEST,
         payload: { file, id, pressets, language }

package/src/utils/getLanguage.tsx

@@ -1,220 +1,17 @@
-
-import { Language } from '../interface/Language'
-
-const defaultLanguage: Language = {
-  files: 'Files',
-  test: 'Test',
-  fileArea: {
-    description: 'bla bla bla bla bla',
-    fileName: 'File name',
-    presset: 'Presset',
-    actions: 'Actions',
-    search: 'Search',
-    fileUpload: 'File upload',
-    emptyState: {
-      title: 'No data',
-      description: 'bla bla bla bla bla',
-    },
-    modal: {
-      descriptionUpload: 'Drag and drop files here or',
-      chooseFile: 'Choose a file',
-      uploadFile: 'Upload a file',
-      deleteFileTitle: 'Delete a file',
-      deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.'
-    },
-  },
-  buttons: {
-    cancel: 'Cancel',
-    send: 'Send',
-    delete: 'Delete',
-    test: 'Test',
-  },
-  testArea: {
-    description: 'bla bla bla bla bla',
-    typeSentence: 'Type a sentence',
-    selectPersona: 'Select a Persona',
-    selectPresset: 'Select a presset',
-    emptyState: {
-      title: 'No data for analysis',
-      description: 'Do a search, click the "Test" button.',
-    },
-  },
-  toast: {
-    deleteFile: {
-        success: {
-            title: 'Success',
-            description: 'File deleted successfully!'
-        },
-        fail: {
-            title: 'Failure',
-            description: 'Error deleting the file!'
-        }
-    },
-    uploadFile: {
-        success: {
-            title: 'Success',
-            description: 'File uploaded successfully!'
-        },
-        fail: {
-            title: 'Failure',
-            description: 'Error uploading the file!'
-        }
-    },
-    Test: {
-        fail: {
-            title: 'Failure',
-            description: 'Error testing Le-IA'
-        }
-    }
-}
-};
+import { Language } from '../interface/Language';
+import { enTranslation } from './languages/en';
+import { ptTranslation } from './languages/pt-br';
+import { esTranslation } from './languages/es';
 
 export const getLanguage = (language: keyof Record<'en' | 'pt-br' | 'es', Language>): Language => {
-  const languages = {
-    en: defaultLanguage,
-    'pt-br': {
-      files: 'Arquivos',
-      test: 'Teste',
-      fileArea: {
-        ...defaultLanguage.fileArea,
-        fileName: 'Nome do arquivo',
-        presset: 'Presset',
-        actions: 'Ações',
-        search: 'Pesquisar',
-        fileUpload: 'Upload de arquivo',
-        emptyState: {
-          ...defaultLanguage.fileArea.emptyState,
-          title: 'Sem dados',
-        },
-        modal: {
-          ...defaultLanguage.fileArea.modal,
-          descriptionUpload: 'Arraste e solte os arquivos aqui ou',
-          chooseFile: 'Escolha um arquivo',
-          uploadFile: 'Enviar um arquivo',
-          deleteFileTitle: 'Deletar um arquivo',
-          deleteFile: 'Importante! Ao deletar esse arquivo você perderá todas as informações dele e não terá como recuperá-las.'
-        },
-      },
-      buttons: {
-        ...defaultLanguage.buttons,
-        cancel: 'Cancelar',
-        send: 'Enviar',
-        delete: 'Excluir',
-        test: 'Testar',
-      },
-      testArea: {
-        ...defaultLanguage.testArea,
-        description: 'Digite uma frase para testar a inteligência artificial.',
-        typeSentence: 'Digite uma frase',
-        selectPersona: 'Selecione uma Persona',
-        selectPresset: 'Selecione uma predefinição',
-        emptyState: {
-          ...defaultLanguage.testArea.emptyState,
-          title: 'Sem dados para análise',
-          description: 'Faça uma pesquisa, clique no botão "Teste".',
-        },
-      },
-      toast: {
-        deleteFile: {
-          success: {
-            title: 'Sucesso',
-            description: 'Arquivo deletado com sucesso!'
-          },
-          fail: {
-            title: 'Falha',
-            description: 'Erro ao deletar o arquivo!'
-          }
-        },
-        uploadFile: {
-          success: {
-            title: 'Sucesso',
-            description: 'Arquivo enviado com sucesso!'
-          },
-          fail: {
-            title: 'Falha',
-            description: 'Erro ao enviar o arquivo!'
-          }
-        },
-        Test: {
-          fail: {
-            title: 'Falha',
-            description: 'Erro ao testar a Le-IA'
-          }
-        }
-      }
-    },
-    es: {
-      ...defaultLanguage,
-      files: 'Archivos',
-      test: 'Prueba',
-      fileArea: {
-        ...defaultLanguage.fileArea,
-        fileName: 'Nombre del archivo',
-        presset: 'Presset',
-        actions: 'Acciones',
-        search: 'Buscar',
-        fileUpload: 'Carga de archivos',
-        emptyState: {
-          ...defaultLanguage.fileArea.emptyState,
-          title: 'Sin datos',
-        },
-        modal: {
-          ...defaultLanguage.fileArea.modal,
-          descriptionUpload: 'Arrastre y suelte los archivos aquí o',
-          chooseFile: 'Elegir un archivo',
-          deleteFileTitle: 'Eliminar un archivo',
-          deleteFile: '¡Importante! Al borrar este archivo perderás toda la información contenida en él y no podrás recuperarla.'
-        },
-      },
-      buttons: {
-        ...defaultLanguage.buttons,
-        cancel: 'Cancelar',
-        send: 'Enviar',
-        delete: 'Eliminar',
-        test: 'Probar',
-      },
-      testArea: {
-        ...defaultLanguage.testArea,
-        description: 'bla bla bla bla bla',
-        typeSentence: 'Escribe una oración',
-        selectPersona: 'Seleccionar una Persona',
-        selectPresset: 'Seleccionar una configuración preestablecida',
-        emptyState: {
-          ...defaultLanguage.testArea.emptyState,
-          title: 'Sin datos para el análisis',
-          description: 'Realiza una búsqueda, haz clic en el botón "Prueba".',
-        },
-      },
-      toast: {
-        deleteFile: {
-            success: {
-                title: 'Éxito',
-                description: '¡Archivo eliminado correctamente!'
-            },
-            fail: {
-                title: 'Fallo',
-                description: 'Error al eliminar el archivo!'
-            }
-        },
-        uploadFile: {
-            success: {
-                title: 'Éxito',
-                description: '¡Archivo subido correctamente!'
-            },
-            fail: {
-                title: 'Fallo',
-                description: 'Error al subir el archivo!'
-            }
-        },
-        Test: {
-            fail: {
-                title: 'Fallo',
-                description: 'Error al probar Le-IA'
-            }
-        }
-    }
-    },
-  };
-
-  return languages[language] || defaultLanguage;
-};
+  switch (language) {
+    case 'en':
+      return enTranslation;
+    case 'pt-br':
+      return ptTranslation;
+    case 'es':
+      return esTranslation;
+    default:
+      return enTranslation;
+  }
+};

package/src/utils/languages/en.ts

@@ -0,0 +1,69 @@
+import { Language } from "../../interface/Language";
+
+export const enTranslation: Language = {
+  files: 'Files',
+  test: 'Test',
+  fileArea: {
+    description: 'Manage your files with ease! Add new ones and delete old ones as desired.',
+    fileName: 'File name',
+    presset: 'Presset',
+    actions: 'Actions',
+    search: 'Search',
+    fileUpload: 'File upload',
+    emptyState: {
+      title: 'No data',
+      description: 'No files uploaded yet. Start by adding your documents now!',
+    },
+    modal: {
+      descriptionUpload: 'Drag and drop files here or',
+      chooseFile: 'Choose a file',
+      uploadFile: 'Upload a file',
+      deleteFileTitle: 'Delete a file',
+      deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.'
+    },
+  },
+  buttons: {
+    cancel: 'Cancel',
+    send: 'Send',
+    delete: 'Delete',
+    test: 'Test',
+  },
+  testArea: {
+    description: 'bla bla bla bla bla',
+    typeSentence: 'Type a sentence',
+    selectPersona: 'Select a Persona',
+    selectPresset: 'Select a presset',
+    emptyState: {
+      title: 'No data for analysis',
+      description: 'Do a search, click the "Test" button.',
+    },
+  },
+  toast: {
+    deleteFile: {
+        success: {
+            title: 'Success',
+            description: 'File deleted successfully!'
+        },
+        fail: {
+            title: 'Failure',
+            description: 'Error deleting the file!'
+        }
+    },
+    uploadFile: {
+        success: {
+            title: 'Success',
+            description: 'File uploaded successfully!'
+        },
+        fail: {
+            title: 'Failure',
+            description: 'Error uploading the file!'
+        }
+    },
+    Test: {
+        fail: {
+            title: 'Failure',
+            description: 'Error testing Le-IA'
+        }
+    }
+  }
+};

package/src/utils/languages/es.ts

@@ -0,0 +1,69 @@
+import { Language } from "../../interface/Language";
+
+export const esTranslation: Language = {
+  files: 'Archivos',
+  test: 'Prueba',
+  fileArea: {
+    description: '¡Administre sus archivos fácilmente! Agregue nuevos y elimine los antiguos según desee.',
+    fileName: 'Nombre del archivo',
+    presset: 'Preconfiguración',
+    actions: 'Acciones',
+    search: 'Buscar',
+    fileUpload: 'Subir archivo',
+    emptyState: {
+      title: 'Sin datos',
+      description: 'Aún no se han subido archivos. ¡Comience agregando sus documentos ahora!',
+    },
+    modal: {
+      descriptionUpload: 'Arrastre y suelte los archivos aquí o',
+      chooseFile: 'Elegir un archivo',
+      uploadFile: 'Subir un archivo',
+      deleteFileTitle: 'Eliminar un archivo',
+      deleteFile: '¡Importante! Al eliminar este archivo, perderá toda su información y no podrá recuperarla.'
+    },
+  },
+  buttons: {
+    cancel: 'Cancelar',
+    send: 'Enviar',
+    delete: 'Eliminar',
+    test: 'Prueba',
+  },
+  testArea: {
+    description: 'bla bla bla bla bla',
+    typeSentence: 'Escribe una oración',
+    selectPersona: 'Seleccionar una Persona',
+    selectPresset: 'Seleccionar una preconfiguración',
+    emptyState: {
+      title: 'Sin datos para el análisis',
+      description: 'Realice una búsqueda, haga clic en el botón "Prueba".',
+    },
+  },
+  toast: {
+    deleteFile: {
+        success: {
+            title: 'Éxito',
+            description: '¡Archivo eliminado correctamente!'
+        },
+        fail: {
+            title: 'Error',
+            description: 'Error al eliminar el archivo!'
+        }
+    },
+    uploadFile: {
+        success: {
+            title: 'Éxito',
+            description: '¡Archivo subido correctamente!'
+        },
+        fail: {
+            title: 'Error',
+            description: 'Error al subir el archivo!'
+        }
+    },
+    Test: {
+        fail: {
+            title: 'Error',
+            description: 'Error al probar Le-IA'
+        }
+    }
+  }
+};