code7-leia 0.1.116 → 0.1.118

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

@@ -656,7 +656,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  .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"])), 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: #979aa5;\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 #3498db; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    "])));
+  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 #3498db; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\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  .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"])));
 
@@ -1349,8 +1349,6 @@ var FileArea = function FileArea() {
     if (!!initFiles) {
       setFiles(initFiles);
       setInitialFiles(initFiles);
-      setModal(false);
-      setModalDelete(false);
     }
   }, [initFiles]);
   var optionsPresset = tags.map(function (tag) {
@@ -1376,9 +1374,13 @@ var FileArea = function FileArea() {
   };
   var deleteFile = function deleteFile() {
     dispatch(deleteFilesAction(fileDelete, id, language));
+    setModalDelete(false);
   };
   var handleUploadFile = function handleUploadFile() {
     dispatch(uploadFilesAction(uploadFile, id, [presset], language));
+    setModal(false);
+    setUploadFile(undefined);
+    setPresset('');
   };
   var renderFiles = function renderFiles() {
     return React__default.createElement(Container, {
@@ -1487,11 +1489,13 @@ var FileArea = function FileArea() {
   }, React__default.createElement(Container, null, renderFiles()));
 };
 
-var _templateObject$8, _templateObject2$4, _templateObject3$3, _templateObject4$1;
-var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
-var Header$1 = /*#__PURE__*/styled__default.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__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__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__default.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$8, _templateObject2$4, _templateObject3$3, _templateObject4$1, _templateObject5$1;
+var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n"])), function (props) {
+  return props.isLoading && styled.css(_templateObject2$4 || (_templateObject2$4 = _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 #3498db; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\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$1 = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__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__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__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__default.div(_templateObject5$1 || (_templateObject5$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$4, _templateObject4$2;
 var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  margin-right: 5px;\n"])));
@@ -1524,6 +1528,9 @@ var TestArea = function TestArea() {
   var results = reactRedux.useSelector(function (state) {
     return state.message;
   });
+  var isLoading = reactRedux.useSelector(function (state) {
+    return state.isLoading;
+  });
   var _useState = React.useState(''),
     search = _useState[0],
     setSearch = _useState[1];
@@ -1569,7 +1576,9 @@ var TestArea = function TestArea() {
       tags: []
     },
     personas: personas
-  }, React__default.createElement(Container$4, null, React__default.createElement(Header$1, null, React__default.createElement("div", {
+  }, React__default.createElement(Container$4, {
+    isLoading: isLoading
+  }, React__default.createElement(Header$1, null, React__default.createElement("div", {
     className: 'infos'
   }, React__default.createElement("h2", null, t.test), React__default.createElement("p", null, t.testArea.description))), React__default.createElement(Inputs, null, React__default.createElement(InputTest, {
     placeholder: t.testArea.typeSentence,
@@ -1741,28 +1750,37 @@ function getFilesSaga(action) {
     while (1) switch (_context.prev = _context.next) {
       case 0:
         _context.prev = 0;
+        _context.next = 3;
+        return effects.put(commonLoadingStart());
+      case 3:
         id = action.payload.id;
-        _context.next = 4;
+        _context.next = 6;
         return effects.call(api.get, "/files/" + id);
-      case 4:
+      case 6:
         _yield$call = _context.sent;
         data = _yield$call.data;
-        _context.next = 8;
+        _context.next = 10;
         return effects.put(getFilesActionSuccess({
           files: data.files
         }));
-      case 8:
-        _context.next = 13;
-        break;
       case 10:
-        _context.prev = 10;
+        _context.next = 15;
+        break;
+      case 12:
+        _context.prev = 12;
         _context.t0 = _context["catch"](0);
         console.log('-----------getFiles.error------------------->', _context.t0);
-      case 13:
+      case 15:
+        _context.prev = 15;
+        _context.next = 18;
+        return effects.put(commonLoadingFinish());
+      case 18:
+        return _context.finish(15);
+      case 19:
       case "end":
         return _context.stop();
     }
-  }, _marked, null, [[0, 10]]);
+  }, _marked, null, [[0, 12, 15, 19]]);
 }
 function deleteFilesSaga(action) {
   var t, _action$payload, id, name, _yield$call2, data;
@@ -1817,33 +1835,42 @@ function testSaga(action) {
     while (1) switch (_context3.prev = _context3.next) {
       case 0:
         _context3.prev = 0;
+        _context3.next = 3;
+        return effects.put(commonLoadingStart());
+      case 3:
         _action$payload2 = action.payload, question = _action$payload2.question, profile = _action$payload2.profile, presset = _action$payload2.presset, files_directory = _action$payload2.files_directory;
-        _context3.next = 4;
+        _context3.next = 6;
         return effects.call(api.post, "/ask", {
           question: question,
           profile: profile,
           tag: presset,
           files_directory: files_directory
         });
-      case 4:
+      case 6:
         _yield$call3 = _context3.sent;
         data = _yield$call3.data;
-        _context3.next = 8;
+        _context3.next = 10;
         return effects.put(testActionSuccess({
           message: data.message
         }));
-      case 8:
-        _context3.next = 13;
-        break;
       case 10:
-        _context3.prev = 10;
+        _context3.next = 15;
+        break;
+      case 12:
+        _context3.prev = 12;
         _context3.t0 = _context3["catch"](0);
         console.log('-----------testSaga.error------------------->', _context3.t0);
-      case 13:
+      case 15:
+        _context3.prev = 15;
+        _context3.next = 18;
+        return effects.put(commonLoadingFinish());
+      case 18:
+        return _context3.finish(15);
+      case 19:
       case "end":
         return _context3.stop();
     }
-  }, _marked3, null, [[0, 10]]);
+  }, _marked3, null, [[0, 12, 15, 19]]);
 }
 function uploadFilesSaga(action) {
   var t, _action$payload3, id, file, pressets, tags, blob, formData, queryParams, _yield$call4, data;