code7-leia 0.1.161 → 0.1.163

package/dist/code7-leia.esm.js

@@ -462,7 +462,9 @@ var enTranslation = {
       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.'
+      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'
     }
   },
   buttons: {
@@ -470,7 +472,8 @@ var enTranslation = {
     send: 'Send',
     "delete": 'Delete',
     test: 'Test',
-    addNewOpinion: 'Add new Opinion'
+    addNewOpinion: 'Add new Opinion',
+    training: 'Training'
   },
   testArea: {
     description: 'Type a sentence to test artificial intelligence',
@@ -531,7 +534,9 @@ var ptTranslation = {
       chooseFile: 'Escolha um arquivo',
       uploadFile: 'Enviar um arquivo',
       deleteFileTitle: 'Excluir um arquivo',
-      deleteFile: 'Importante! Ao excluir este arquivo, você perderá todas as suas informações e não poderá recuperá-las.'
+      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'
     }
   },
   buttons: {
@@ -539,7 +544,8 @@ var ptTranslation = {
     send: 'Enviar',
     "delete": 'Excluir',
     test: 'Teste',
-    addNewOpinion: 'Adicionar nova predefinição'
+    addNewOpinion: 'Adicionar nova predefinição',
+    training: 'Treinamento'
   },
   testArea: {
     description: 'Digite uma frase para testar a inteligência artificial.',
@@ -600,7 +606,9 @@ var esTranslation = {
       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.'
+      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'
     }
   },
   buttons: {
@@ -608,7 +616,8 @@ var esTranslation = {
     send: 'Enviar',
     "delete": 'Eliminar',
     test: 'Prueba',
-    addNewOpinion: 'Agregar nueva preconfiguración'
+    addNewOpinion: 'Agregar nueva preconfiguración',
+    training: 'Capacitación'
   },
   testArea: {
     description: 'Escribe una frase para probar la inteligencia artificial.',
@@ -664,7 +673,7 @@ var getLanguage = function getLanguage(language) {
 };
 
 var _templateObject$1, _templateObject2$1, _templateObject3;
-var Container = /*#__PURE__*/styled.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  .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"])), function (props) {
+var Container = /*#__PURE__*/styled.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) {
   return props.isloading && 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.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\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"])));
@@ -956,10 +965,10 @@ EmptyState.defaultProps = {
 var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
 var MultiSelectWrapper = /*#__PURE__*/styled.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 45px;\n"])));
 var SelectBox = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  select {\n    width: 100%;\n    font-weight: bold;\n    height: 45px;\n    border-radius: 4px;\n  }\n"])));
-var OverSelect = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n\n  input {\n    height: 43px;\n    width: calc(100% - 30px);\n    border: none;\n    margin: 1px;\n\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 0 3px #6690ff;\n    }\n  }\n"])));
+var OverSelect = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n\n  input {\n    height: 43px;\n    width: calc(100% - 30px);\n    border: none;\n    margin: 1px;\n\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 0 3px #6690ff;\n    }\n  }\n"])));
 var Checkboxes = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  background: white;\n  position: absolute;\n  width: 95%;\n  z-index: 10;\n\n  label {\n    padding: 10px 5px;\n  }\n"])));
 var CheckboxLabel = /*#__PURE__*/styled.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  &:hover {\n    background-color: #6690ff;\n  }\n"])));
-var SelectedValues = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 9px;\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: 5px;\n"])));
+var SelectedValues = /*#__PURE__*/styled.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 9px;\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: 5px;\n  right: 30px;\n"])));
 var SelectedValue = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #6690ff;\n  color: white;\n  border-radius: 15px;\n  padding: 5px 10px;\n  margin-right: 5px;\n  margin-bottom: 5px;\n  white-space: nowrap;\n"])));
 
 var MultiSelect = function MultiSelect(_ref) {
@@ -1391,15 +1400,18 @@ var FileArea = function FileArea() {
   var _useState5 = useState(false),
     modalDelete = _useState5[0],
     setModalDelete = _useState5[1];
-  var _useState6 = useState(''),
-    fileDelete = _useState6[0],
-    setFileDelete = _useState6[1];
-  var _useState7 = useState([]),
-    optionsPresset = _useState7[0],
-    setOptionsPresset = _useState7[1];
+  var _useState6 = useState(false),
+    modalTraining = _useState6[0],
+    setModalTraining = _useState6[1];
+  var _useState7 = useState(''),
+    fileDelete = _useState7[0],
+    setFileDelete = _useState7[1];
   var _useState8 = useState([]),
-    presset = _useState8[0],
-    setPresset = _useState8[1];
+    optionsPresset = _useState8[0],
+    setOptionsPresset = _useState8[1];
+  var _useState9 = useState([]),
+    presset = _useState9[0],
+    setPresset = _useState9[1];
   var t = getLanguage(language);
   var dispatch = useDispatch();
   var initFiles = useSelector(function (state) {
@@ -1443,10 +1455,9 @@ var FileArea = function FileArea() {
     }
   }, [initFiles]);
   var pressetTag = function pressetTag(tags) {
-    var tagsSplit = tags.split(',');
     var html = '';
-    html += tagsSplit.map(function (tag) {
-      return "<p class='tag'>" + tag + "</p>";
+    html += tags.map(function (tag) {
+      return "<p class='tag " + (tag.trained ? 'trained' : '') + "'>" + tag.name + "</p>";
     }).join('');
     return html;
   };
@@ -1461,6 +1472,13 @@ var FileArea = function FileArea() {
     setFileDelete(name + '.pdf');
     setModalDelete(!modalDelete);
   };
+  var handleOpenModalTraining = function handleOpenModalTraining(tags) {
+    var pressets = tags == null ? void 0 : tags.map(function (tag) {
+      return tag.name;
+    });
+    setPresset(pressets ? pressets : []);
+    setModalTraining(!modalTraining);
+  };
   var deleteFile = function deleteFile() {
     dispatch(deleteFilesAction(fileDelete, id, language));
     setModalDelete(false);
@@ -1517,6 +1535,11 @@ var FileArea = function FileArea() {
       }), React.createElement("td", null, React.createElement("div", {
         className: 'divDelete'
       }, React.createElement("button", {
+        className: 'buttonTraining',
+        onClick: function onClick() {
+          return handleOpenModalTraining(object.tags);
+        }
+      }, t.buttons.training), React.createElement("button", {
         className: 'buttonDelete',
         onClick: function onClick() {
           return handleOpenModalDelete(object.name);
@@ -1572,7 +1595,36 @@ var FileArea = function FileArea() {
       type: "submit",
       form: "form-tts",
       onClick: deleteFile
-    }, t.buttons["delete"]))));
+    }, t.buttons["delete"]))), React.createElement(Modal$1, {
+      isopen: modalTraining,
+      maxwidth: "600px",
+      maxheight: "max-content",
+      onClose: handleOpenModal,
+      title: t.fileArea.modal.trainingTitle
+    }, React.createElement(ModalContent, null, React.createElement("p", {
+      id: 'info'
+    }, t.fileArea.modal.trainingDescription), React.createElement("div", {
+      className: 'presset'
+    }, React.createElement("p", null, t.fileArea.presset), React.createElement(MultiSelect, {
+      setOptions: setOptionsPresset,
+      options: optionsPresset,
+      presset: presset,
+      setPresset: setPresset,
+      modal: modal,
+      language: language
+    }))), React.createElement(ModalFooter, null, React.createElement("button", {
+      className: 'button cancel',
+      onClick: function onClick() {
+        return handleOpenModalTraining(undefined);
+      }
+    }, t.buttons.cancel), React.createElement("button", {
+      onClick: function onClick() {
+        return handleUploadFile();
+      },
+      className: 'button send',
+      type: "submit",
+      form: "form-tts"
+    }, t.buttons.send))));
   };
   return React.createElement(SharedPropsProvider, {
     id: id,
@@ -1897,7 +1949,7 @@ function getFilesSaga(action) {
       case 3:
         id = action.payload.id;
         _context.next = 6;
-        return call(api.get, "/files/" + id);
+        return call(api.get, "/training/" + id);
       case 6:
         _yield$call = _context.sent;
         data = _yield$call.data;
@@ -1939,7 +1991,7 @@ function deleteFilesSaga(action) {
         return call(api["delete"], "/delete/" + id + "/" + name);
       case 7:
         _context2.next = 9;
-        return call(api.get, "/files/" + id);
+        return call(api.get, "/training/" + id);
       case 9:
         _yield$call2 = _context2.sent;
         data = _yield$call2.data;
@@ -2040,7 +2092,7 @@ function uploadFilesSaga(action) {
         });
       case 12:
         _context4.next = 14;
-        return call(api.get, "/files/" + id);
+        return call(api.get, "/training/" + id);
       case 14:
         _yield$call4 = _context4.sent;
         data = _yield$call4.data;