code7-leia 0.1.168 → 0.1.170

package/dist/code7-leia.cjs.development.js

@@ -15,6 +15,7 @@ var styled__default = _interopDefault(styled);
 var server = require('react-dom/server');
 var fa = require('react-icons/fa');
 var gi = require('react-icons/gi');
+var ti = require('react-icons/ti');
 var unorm = _interopDefault(require('unorm'));
 var md = require('react-icons/md');
 var reactDropzone = require('react-dropzone');
@@ -459,6 +460,7 @@ var enTranslation = {
   fileArea: {
     description: 'Manage your files with ease! Add new ones and delete old ones as desired.',
     fileName: 'File name',
+    status: 'Status',
     presset: 'Presset',
     actions: 'Actions',
     search: 'Search',
@@ -475,7 +477,7 @@ var enTranslation = {
       deleteFileTitle: 'Delete a file',
       deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.',
       trainingTitle: 'Presset Training',
-      trainingDescription: 'Select one or more pressets to be trained'
+      trainingDescription: 'Select one or more pressets to be trained. Note: If none are selected, Le-IA will train all pressets.'
     }
   },
   buttons: {
@@ -483,7 +485,8 @@ var enTranslation = {
     send: 'Send',
     "delete": 'Delete',
     test: 'Test',
-    addNewOpinion: 'Add new Opinion',
+    addNewPresset: 'Add new presset',
+    addPresset: 'Add presset',
     training: 'Training'
   },
   testArea: {
@@ -522,6 +525,12 @@ var enTranslation = {
         title: 'Failure',
         description: 'Error testing Le-IA'
       }
+    },
+    Train: {
+      fail: {
+        title: 'Failure',
+        description: 'Error training Le-IA'
+      }
     }
   }
 };
@@ -532,6 +541,7 @@ var ptTranslation = {
   fileArea: {
     description: 'Gerencie seus arquivos com facilidade! Adicione novos e exclua os antigos conforme desejar.',
     fileName: 'Nome do arquivo',
+    status: 'Status',
     presset: 'Predefinição',
     actions: 'Ações',
     search: 'Pesquisar',
@@ -548,7 +558,7 @@ var ptTranslation = {
       deleteFileTitle: 'Excluir um arquivo',
       deleteFile: 'Importante! Ao excluir este arquivo, você perderá todas as suas informações e não poderá recuperá-las.',
       trainingTitle: 'Treinamento de predefinição',
-      trainingDescription: 'Selecione um ou mais predefinições para serem treinadas'
+      trainingDescription: 'Selecione um ou mais predefinições para serem treinadas. Obs: Caso não selecionada nenhuma a Le-IA irá treinar todas as predefinições'
     }
   },
   buttons: {
@@ -556,7 +566,8 @@ var ptTranslation = {
     send: 'Enviar',
     "delete": 'Excluir',
     test: 'Teste',
-    addNewOpinion: 'Adicionar nova predefinição',
+    addNewPresset: 'Adicionar nova predefinição',
+    addPresset: 'Adicionar predefinição',
     training: 'Treinamento'
   },
   testArea: {
@@ -595,6 +606,12 @@ var ptTranslation = {
         title: 'Falha',
         description: 'Erro ao testar Le-IA'
       }
+    },
+    Train: {
+      fail: {
+        title: 'Falha',
+        description: 'Erro ao treinar a Le-IA'
+      }
     }
   }
 };
@@ -605,6 +622,7 @@ var esTranslation = {
   fileArea: {
     description: '¡Administre sus archivos fácilmente! Agregue nuevos y elimine los antiguos según desee.',
     fileName: 'Nombre del archivo',
+    status: 'Status',
     presset: 'Preconfiguración',
     actions: 'Acciones',
     search: 'Buscar',
@@ -621,7 +639,7 @@ var esTranslation = {
       deleteFileTitle: 'Eliminar un archivo',
       deleteFile: '¡Importante! Al eliminar este archivo, perderá toda su información y no podrá recuperarla.',
       trainingTitle: 'Entrenamiento de preconfiguración',
-      trainingDescription: 'Seleccione una o más preconfiguracións para ser entrenadas'
+      trainingDescription: 'Seleccione una o más preconfiguracións para ser entrenadas. Nota: Si no se selecciona ninguna, Le-IA entrenará todas las preconfiguracións.'
     }
   },
   buttons: {
@@ -629,7 +647,8 @@ var esTranslation = {
     send: 'Enviar',
     "delete": 'Eliminar',
     test: 'Prueba',
-    addNewOpinion: 'Agregar nueva preconfiguración',
+    addNewPresset: 'Agregar nueva preconfiguración',
+    addPresset: 'Agregar preconfiguración',
     training: 'Capacitación'
   },
   testArea: {
@@ -668,6 +687,12 @@ var esTranslation = {
         title: 'Error',
         description: 'Error al probar Le-IA'
       }
+    },
+    Train: {
+      fail: {
+        title: 'Error',
+        description: 'Error al entrenar Le-IA'
+      }
     }
   }
 };
@@ -686,7 +711,7 @@ var getLanguage = function getLanguage(language) {
 };
 
 var _templateObject$1, _templateObject2$1, _templateObject3;
-var Container = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: left;\n    gap: 4px;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n\n  .buttonDelete:hover {\n      background: #f5bba7;\n  }\n\n  .buttonTraining {\n    color: #023906;\n    background: #e3f8cc;\n    padding: 12px 20px;\n    border-radius: 4px;\n    margin-right: 10px;\n  }\n\n  .buttonTraining:hover {\n      background: #90d665;\n  }\n\n  .button {\n    padding: 8px 16px 8px 16px;\n    border-radius: 4px;\n    gap: 10px;\n  }\n\n  .cancel {\n    background: #F3F5F9;\n    color: #5A5D68;\n  }\n\n  .send {\n    background: #102693;\n    color: white;\n  }\n\n  .delete {\n    background: #871821;\n    color: white;\n  }\n\n  .presset {\n    padding-top: 10px;\n    display: flex;\n    flex-direction: column;\n\n    p {\n      font-size: 14px;\n      font-weight: 600;\n      padding: 4px 0;\n    }\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n\n  #info {\n    padding: 10px;\n    background: #c7f9ed;\n    color: #00344e;\n  }\n\n"])), function (props) {
+var Container = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: left;\n    gap: 4px;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n\n  .buttonDelete:hover {\n      background: #f5bba7;\n  }\n\n  .buttonTraining {\n    color: #023906;\n    background: #e3f8cc;\n    padding: 12px 20px;\n    border-radius: 4px;\n    margin-right: 10px;\n  }\n\n  .buttonTraining:hover {\n      background: #90d665;\n  }\n\n  .button {\n    padding: 8px 16px 8px 16px;\n    border-radius: 4px;\n    gap: 10px;\n  }\n\n  .cancel {\n    background: #F3F5F9;\n    color: #5A5D68;\n  }\n\n  .send {\n    background: #102693;\n    color: white;\n  }\n\n  .delete {\n    background: #871821;\n    color: white;\n  }\n\n  .presset {\n    padding-top: 10px;\n    display: flex;\n    flex-direction: column;\n\n    p {\n      font-size: 14px;\n      font-weight: 600;\n      padding: 4px 0;\n    }\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n\n  #info {\n    padding: 10px;\n    background: #c7f9ed;\n    color: #00344e;\n  }\n\n"])), function (props) {
   return props.isloading && styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n      #loading {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgb(151,154,165, 0.7);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 9999;\n      }\n\n      #loading::after {\n        content: \"\";\n        border: 4px solid #f3f3f3; /* Cor do s\xEDmbolo de carregamento */\n        border-top: 4px solid #5a5d68; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 13px;\n        height: 13px;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    "])));
 });
 var Header = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n\n  #button-upload {\n    margin-right: 10px;\n  }\n\n  .infos {\n    display: flex;\n    flex-direction: column;\n    padding: 14px 0;\n\n    h2 {\n      font-size: 20px\n    }\n\n    p {\n      font-size: 14px\n    }\n  }\n\n  .actions {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 14px;\n\n    button {\n      background: #102693;\n      padding: 10px 20px;\n      color: white;\n      border-radius: 4px;\n    }\n  }\n\n"])));
@@ -990,7 +1015,8 @@ var MultiSelect = function MultiSelect(_ref) {
     setPresset = _ref.setPresset,
     setOptions = _ref.setOptions,
     modal = _ref.modal,
-    language = _ref.language;
+    language = _ref.language,
+    hasAddNewOptions = _ref.hasAddNewOptions;
   var _useState = React.useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
@@ -1019,7 +1045,7 @@ var MultiSelect = function MultiSelect(_ref) {
     setNewOption(event.target.value);
   };
   var handleInputKeyPress = function handleInputKeyPress(event) {
-    if (event.key === 'Enter') {
+    if (event.key === 'Enter' && hasAddNewOptions) {
       event.preventDefault();
       var trimmedOption = newOption.trim();
       if (trimmedOption !== '' && !options.some(function (option) {
@@ -1051,7 +1077,7 @@ var MultiSelect = function MultiSelect(_ref) {
     }, value);
   })), React__default.createElement("input", {
     type: "text",
-    placeholder: t.buttons.addNewOpinion,
+    placeholder: hasAddNewOptions ? t.buttons.addNewPresset : t.buttons.addPresset,
     value: newOption,
     onChange: handleInputChange,
     onKeyPress: handleInputKeyPress
@@ -1296,6 +1322,7 @@ var Types = {
   DELETE_FILES_SUCCESS: 'DELETE_FILES_SUCCESS',
   UPLOAD_FILES_REQUEST: 'UPLOAD_FILES_REQUEST',
   UPLOAD_FILES_SUCCESS: 'UPLOAD_FILES_SUCCESS',
+  TRAINING_REQUEST: 'TRAINING_REQUEST',
   TEST_REQUEST: 'TEST_REQUEST',
   TEST_SUCCESS: 'TEST_SUCCESS',
   LOADING_START: 'LOADING_START',
@@ -1362,6 +1389,15 @@ var uploadFilesActionSuccess = function uploadFilesActionSuccess(_ref3) {
     }
   };
 };
+var trainingAction = function trainingAction(id, pressets) {
+  return {
+    type: Types.TRAINING_REQUEST,
+    payload: {
+      id: id,
+      pressets: pressets
+    }
+  };
+};
 var testAction = function testAction(question, profile, presset, files_directory) {
   return {
     type: Types.TEST_REQUEST,
@@ -1470,9 +1506,9 @@ var FileArea = function FileArea() {
   var pressetTag = function pressetTag(tags) {
     var html = '';
     html += tags.map(function (tag) {
-      var checkIcon = tag.trained ? server.renderToString(React__default.createElement(fa.FaCheck, {
+      var checkIcon = tag.trained ? '' : server.renderToString(React__default.createElement(ti.TiDelete, {
         size: 14
-      })) : '';
+      }));
       var tagClass = tag.trained ? 'trained' : '';
       return "<p class='tag " + tagClass + "'>" + tag.name + " " + checkIcon + "</p>";
     }).join('');
@@ -1506,6 +1542,11 @@ var FileArea = function FileArea() {
     setUploadFile(undefined);
     setPresset([]);
   };
+  var handleTrain = function handleTrain() {
+    dispatch(trainingAction(id, presset));
+    setModalTraining(false);
+    setPresset([]);
+  };
   var renderFiles = function renderFiles() {
     return React__default.createElement(Container, {
       isloading: isloading
@@ -1544,6 +1585,9 @@ var FileArea = function FileArea() {
       descriptionButton: t.fileArea.modal.chooseFile,
       widthButton: "230px"
     }) : React__default.createElement(Table$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+      key: "th_file_name",
+      className: "th_status"
+    }, t.fileArea.status), React__default.createElement("th", {
       key: "th_file_name",
       className: "th_file_name"
     }, t.fileArea.fileName), React__default.createElement("th", {
@@ -1553,9 +1597,12 @@ var FileArea = function FileArea() {
       key: "th_actions",
       className: "th_actions"
     }, t.fileArea.actions))), React__default.createElement("tbody", null, files.map(function (object) {
-      return React__default.createElement("tr", null, React__default.createElement("td", null, object.name, " ", object.trained ? React__default.createElement(fa.FaCheck, {
-        size: 14
-      }) : ''), React__default.createElement("td", {
+      return React__default.createElement("tr", null, React__default.createElement("td", null, object.trained ? React__default.createElement(fa.FaCheck, {
+        size: 14,
+        style: {
+          color: 'green'
+        }
+      }) : ''), React__default.createElement("td", null, object.name), React__default.createElement("td", {
         className: 'tags',
         dangerouslySetInnerHTML: {
           __html: pressetTag(object.tags)
@@ -1592,7 +1639,8 @@ var FileArea = function FileArea() {
       presset: presset,
       setPresset: setPresset,
       modal: modal,
-      language: language
+      language: language,
+      hasAddNewOptions: true
     }))), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
       className: 'button cancel',
       onClick: handleOpenModal
@@ -1641,7 +1689,8 @@ var FileArea = function FileArea() {
       presset: presset,
       setPresset: setPresset,
       modal: modal,
-      language: language
+      language: language,
+      hasAddNewOptions: false
     }))), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
       className: 'button cancel',
       onClick: function onClick() {
@@ -1649,7 +1698,7 @@ var FileArea = function FileArea() {
       }
     }, t.buttons.cancel), React__default.createElement("button", {
       onClick: function onClick() {
-        return handleUploadFile();
+        return handleTrain();
       },
       className: 'button send',
       type: "submit",
@@ -1967,7 +2016,8 @@ var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
   _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
   _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(testSaga),
   _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(uploadFilesSaga),
-  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
+  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(TrainingSaga),
+  _marked6 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
 function getFilesSaga(action) {
   var id, _yield$call, data;
   return _regeneratorRuntime().wrap(function getFilesSaga$(_context) {
@@ -2153,17 +2203,69 @@ function uploadFilesSaga(action) {
     }
   }, _marked4, null, [[1, 20, 24, 28]]);
 }
-function filesSagas() {
-  return _regeneratorRuntime().wrap(function filesSagas$(_context5) {
+function TrainingSaga(action) {
+  var t, _action$payload4, id, pressets, tag, queryParams, _yield$call5, data;
+  return _regeneratorRuntime().wrap(function TrainingSaga$(_context5) {
     while (1) switch (_context5.prev = _context5.next) {
       case 0:
-        _context5.next = 2;
-        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), effects.takeLatest(Types.UPLOAD_FILES_REQUEST, uploadFilesSaga), effects.takeLatest(Types.TEST_REQUEST, testSaga)]);
-      case 2:
+        t = getLanguage(action.payload.language);
+        _context5.prev = 1;
+        _context5.next = 4;
+        return effects.put(commonLoadingStart());
+      case 4:
+        _action$payload4 = action.payload, id = _action$payload4.id, pressets = _action$payload4.pressets;
+        tag = pressets.join(',');
+        queryParams = new URLSearchParams({
+          tag: tag
+        }).toString();
+        _context5.next = 9;
+        return effects.call(api.post, "/training?" + queryParams, {
+          files_directory: id
+        });
+      case 9:
+        _context5.next = 11;
+        return effects.call(api.get, "/training/" + id);
+      case 11:
+        _yield$call5 = _context5.sent;
+        data = _yield$call5.data;
+        _context5.next = 15;
+        return effects.put(uploadFilesActionSuccess({
+          files: data.files
+        }));
+      case 15:
+        _context5.next = 21;
+        break;
+      case 17:
+        _context5.prev = 17;
+        _context5.t0 = _context5["catch"](1);
+        toast.error({
+          title: t.toast.Train.fail.title,
+          description: t.toast.Train.fail.description
+        });
+        console.log('-----------TrainingSaga.error------------------->', _context5.t0);
+      case 21:
+        _context5.prev = 21;
+        _context5.next = 24;
+        return effects.put(commonLoadingFinish());
+      case 24:
+        return _context5.finish(21);
+      case 25:
       case "end":
         return _context5.stop();
     }
-  }, _marked5);
+  }, _marked5, null, [[1, 17, 21, 25]]);
+}
+function filesSagas() {
+  return _regeneratorRuntime().wrap(function filesSagas$(_context6) {
+    while (1) switch (_context6.prev = _context6.next) {
+      case 0:
+        _context6.next = 2;
+        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), effects.takeLatest(Types.UPLOAD_FILES_REQUEST, uploadFilesSaga), effects.takeLatest(Types.TEST_REQUEST, testSaga), effects.takeLatest(Types.TRAINING_REQUEST, TrainingSaga)]);
+      case 2:
+      case "end":
+        return _context6.stop();
+    }
+  }, _marked6);
 }
 
 var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();