code7-leia 0.1.105 → 0.1.107

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

@@ -466,6 +466,7 @@ var defaultLanguage = {
       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.'
     }
   },
@@ -505,6 +506,7 @@ var getLanguage = function getLanguage(language) {
           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.'
         })
       }),
@@ -540,6 +542,7 @@ var getLanguage = function getLanguage(language) {
         modal: _extends({}, 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.'
         })
       }),
@@ -565,7 +568,7 @@ var getLanguage = function getLanguage(language) {
 };
 
 var _templateObject$1, _templateObject2$1;
-var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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  .presset {\n    padding-top: 10px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n"])));
+var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\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\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n"])));
 var Header = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__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"])));
 
 var _templateObject$2, _templateObject2$2, _templateObject3;
@@ -922,6 +925,8 @@ var AreaUpload = function AreaUpload(_ref) {
     initialFiles = _ref$initialFiles === void 0 ? [] : _ref$initialFiles,
     _ref$setFile = _ref.setFile,
     setFile = _ref$setFile === void 0 ? function () {} : _ref$setFile,
+    _ref$file = _ref.file,
+    file = _ref$file === void 0 ? '' : _ref$file,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
   var _useState = React.useState([]),
@@ -979,7 +984,11 @@ var AreaUpload = function AreaUpload(_ref) {
   })), React__default.createElement("input", Object.assign({}, getInputProps())), React__default.createElement("span", null, React__default.createElement("p", null, t.fileArea.modal.descriptionUpload)), React__default.createElement("button", {
     type: "button",
     onClick: open
-  }, t.fileArea.modal.chooseFile)) : '');
+  }, t.fileArea.modal.chooseFile)) : React__default.createElement(Container$3, Object.assign({}, getRootProps({
+    isDragActive: isDragActive,
+    isDragAccept: isDragAccept,
+    isDragReject: isDragReject
+  })), React__default.createElement("p", null, file)));
 };
 AreaUpload.propTypes = {
   formatFile: PropTypes.string,
@@ -1109,6 +1118,8 @@ var Types = {
   GET_FILES_SUCCESS: 'GET_FILES_SUCCESS',
   DELETE_FILES_REQUEST: 'DELETE_FILES_REQUEST',
   DELETE_FILES_SUCCESS: 'DELETE_FILES_SUCCESS',
+  UPLOAD_FILES_REQUEST: 'UPLOAD_FILES_REQUEST',
+  UPLOAD_FILES_SUCCESS: 'UPLOAD_FILES_SUCCESS',
   TEST_REQUEST: 'TEST_REQUEST',
   TEST_SUCCESS: 'TEST_SUCCESS'
 };
@@ -1148,6 +1159,15 @@ var deleteFilesActionSuccess = function deleteFilesActionSuccess(_ref2) {
     }
   };
 };
+var uploadFilesActionSuccess = function uploadFilesActionSuccess(_ref3) {
+  var files = _ref3.files;
+  return {
+    type: Types.UPLOAD_FILES_SUCCESS,
+    payload: {
+      files: files
+    }
+  };
+};
 var testAction = function testAction(question, profile, presset, files_directory) {
   return {
     type: Types.TEST_REQUEST,
@@ -1159,8 +1179,8 @@ var testAction = function testAction(question, profile, presset, files_directory
     }
   };
 };
-var testActionSuccess = function testActionSuccess(_ref3) {
-  var message = _ref3.message;
+var testActionSuccess = function testActionSuccess(_ref4) {
+  var message = _ref4.message;
   return {
     type: Types.TEST_SUCCESS,
     payload: {
@@ -1193,6 +1213,9 @@ var FileArea = function FileArea() {
   var _useState6 = React.useState(''),
     fileDelete = _useState6[0],
     setFileDelete = _useState6[1];
+  var _useState7 = React.useState(''),
+    presset = _useState7[0],
+    setPresset = _useState7[1];
   var t = getLanguage(language);
   var dispatch = reactRedux.useDispatch();
   var initFiles = reactRedux.useSelector(function (state) {
@@ -1214,7 +1237,7 @@ var FileArea = function FileArea() {
       value: tag
     };
   });
-  var presset = function presset(tags) {
+  var pressetTag = function pressetTag(tags) {
     var tagsSplit = tags.split(',');
     var html = '';
     html += tagsSplit.map(function (tag) {
@@ -1232,9 +1255,8 @@ var FileArea = function FileArea() {
   var deleteFile = function deleteFile() {
     dispatch(deleteFilesAction(fileDelete, id));
   };
-  var handleSelect = function handleSelect(value) {
-    console.log(value);
-    console.log(uploadFile);
+  var handleUploadFile = function handleUploadFile() {
+    console.log('uploadFile: ', uploadFile, 'presset: ', presset, 'id: ', id);
   };
   var renderFiles = function renderFiles() {
     return React__default.createElement(Container, null, React__default.createElement(Header, null, React__default.createElement("div", {
@@ -1270,7 +1292,7 @@ var FileArea = function FileArea() {
       return React__default.createElement("tr", null, React__default.createElement("td", null, object.name), React__default.createElement("td", {
         className: 'tags',
         dangerouslySetInnerHTML: {
-          __html: presset(object.tags)
+          __html: pressetTag(object.tags)
         }
       }), React__default.createElement("td", null, React__default.createElement("div", {
         className: 'divDelete'
@@ -1289,17 +1311,21 @@ var FileArea = function FileArea() {
     }, React__default.createElement(ModalContent, null, React__default.createElement("div", {
       className: 'choose-file'
     }, React__default.createElement(AreaUpload, {
-      setFile: setUploadFile
+      setFile: setUploadFile,
+      file: uploadFile == null ? void 0 : uploadFile.properties.name
     })), React__default.createElement("div", {
       className: 'presset'
     }, React__default.createElement("p", null, "Presset"), React__default.createElement(Select, {
       placeholder: t.testArea.selectPresset,
       options: optionsPresset,
-      onSelect: handleSelect
+      onSelect: setPresset
     }))), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
       className: 'button cancel',
       onClick: handleOpenModal
     }, t.buttons.cancel), React__default.createElement("button", {
+      onClick: function onClick() {
+        return handleUploadFile();
+      },
       className: 'button send',
       type: "submit",
       form: "form-tts"
@@ -1307,8 +1333,10 @@ var FileArea = function FileArea() {
       isOpen: modalDelete,
       maxWidth: "600px",
       maxHeight: "max-content",
-      onClose: handleOpenModal,
-      title: t.fileArea.modal.uploadFile
+      onClose: function onClose() {
+        return handleOpenModalDelete('');
+      },
+      title: t.fileArea.modal.deleteFileTitle
     }, React__default.createElement(ModalContent, null, React__default.createElement("p", {
       id: 'warning'
     }, t.fileArea.modal.deleteFile)), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
@@ -1317,7 +1345,7 @@ var FileArea = function FileArea() {
         return handleOpenModalDelete('');
       }
     }, t.buttons.cancel), React__default.createElement("button", {
-      className: 'button send',
+      className: 'button delete',
       type: "submit",
       form: "form-tts",
       onClick: deleteFile
@@ -1337,7 +1365,7 @@ var _templateObject$8, _templateObject2$4, _templateObject3$2, _templateObject4$
 var Container$4 = /*#__PURE__*/styled.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
 var Header$1 = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\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"])));
 var Inputs = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n\n  button {\n    background: #102693;\n    padding: 10px 20px;\n    color: white;\n    border-radius: 4px;\n    width: 190px;\n    height: 40px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    svg {\n      width: 23px;\n      height: 23px;\n    }\n  }\n"])));
-var Result = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: left;\n  background: #F3F5F9;\n  padding: 15px;\n  border-radius: 5px;\n  margin-top: 15px;\n\n  .text{\n    margin-left: 5px;\n    font-size: 14px;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right: 5px;\n\n    svg {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n"])));
+var Result = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: left;\n  background: #F3F5F9;\n  padding: 15px;\n  border-radius: 5px;\n  margin-top: 15px;\n\n  .text{\n    margin-left: 5px;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right: 5px;\n\n    svg {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n"])));
 
 var _templateObject$9, _templateObject2$5, _templateObject3$3, _templateObject4$2;
 var Container$5 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  margin-right: 5px;\n"])));
@@ -1512,7 +1540,8 @@ function filesReducer(state, action) {
 var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
   _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
   _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(testSaga),
-  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
+  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(uploadFilesSaga),
+  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
 function getFilesSaga(action) {
   var id, _yield$call, data;
   return _regeneratorRuntime().wrap(function getFilesSaga$(_context) {
@@ -1608,17 +1637,59 @@ function testSaga(action) {
     }
   }, _marked3, null, [[0, 10]]);
 }
-function filesSagas() {
-  return _regeneratorRuntime().wrap(function filesSagas$(_context4) {
+function uploadFilesSaga(action) {
+  var _action$payload3, id, file, pressets, tags, formData, queryParams, _yield$call4, data;
+  return _regeneratorRuntime().wrap(function uploadFilesSaga$(_context4) {
     while (1) switch (_context4.prev = _context4.next) {
       case 0:
-        _context4.next = 2;
-        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), effects.takeLatest(Types.TEST_REQUEST, testSaga)]);
-      case 2:
+        _context4.prev = 0;
+        _action$payload3 = action.payload, id = _action$payload3.id, file = _action$payload3.file, pressets = _action$payload3.pressets;
+        tags = pressets.join(',');
+        formData = new FormData();
+        formData.append('file', file);
+        queryParams = new URLSearchParams({
+          tags: tags
+        }).toString();
+        _context4.next = 8;
+        return effects.call(api.post, "/upload/" + id + "?" + queryParams, formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        });
+      case 8:
+        _context4.next = 10;
+        return effects.call(api.get, "/files/" + id);
+      case 10:
+        _yield$call4 = _context4.sent;
+        data = _yield$call4.data;
+        _context4.next = 14;
+        return effects.put(uploadFilesActionSuccess({
+          files: data.files
+        }));
+      case 14:
+        _context4.next = 19;
+        break;
+      case 16:
+        _context4.prev = 16;
+        _context4.t0 = _context4["catch"](0);
+        console.log('-----------uploadFilesSaga.error------------------->', _context4.t0);
+      case 19:
       case "end":
         return _context4.stop();
     }
-  }, _marked4);
+  }, _marked4, null, [[0, 16]]);
+}
+function filesSagas() {
+  return _regeneratorRuntime().wrap(function filesSagas$(_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:
+      case "end":
+        return _context5.stop();
+    }
+  }, _marked5);
 }
 
 var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();