code7-leia 0.1.95 → 0.1.98

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

@@ -17,6 +17,7 @@ var md = require('react-icons/md');
 var reactDropzone = require('react-dropzone');
 var axios = _interopDefault(require('axios'));
 var pi = require('react-icons/pi');
+var actions = require('src/store/modules/actions');
 var redux = require('redux');
 var createSagaMiddleware = _interopDefault(require('redux-saga'));
 var immer = require('immer');
@@ -1020,6 +1021,9 @@ var SharedPropsProvider = function SharedPropsProvider(_ref) {
   var _useState = React.useState(null),
     tags = _useState[0],
     setTags = _useState[1];
+  var _useState2 = React.useState(null),
+    personas = _useState2[0],
+    setPersonas = _useState2[1];
   React.useEffect(function () {
     var fetchData = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -1054,10 +1058,45 @@ var SharedPropsProvider = function SharedPropsProvider(_ref) {
         return _ref2.apply(this, arguments);
       };
     }();
+    var personas = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _yield$api$get2, data;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 3;
+              return api.get("/personas");
+            case 3:
+              _yield$api$get2 = _context2.sent;
+              data = _yield$api$get2.data;
+              if (data) {
+                setPersonas(data);
+              } else {
+                console.error('Erro ao fazer a solicitação');
+              }
+              _context2.next = 11;
+              break;
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](0);
+              console.error('Erro ao fazer a solicitação:', _context2.t0);
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 8]]);
+      }));
+      return function personas() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
     fetchData();
+    personas();
   }, [id]);
   var sharedProps = _extends({}, props, {
-    propTags: tags
+    propTags: tags,
+    personas: personas
   });
   return React__default.createElement(SharedPropsContext.Provider, {
     value: {
@@ -1070,7 +1109,9 @@ var Types = {
   GET_FILES_REQUEST: '@files/GET_FILES_REQUEST',
   GET_FILES_SUCCESS: '@files/GET_FILES_SUCCESS',
   DELETE_FILES_REQUEST: '@files/DELETE_FILES_REQUEST',
-  DELETE_FILES_SUCCESS: '@files/DELETE_FILES_SUCCESS'
+  DELETE_FILES_SUCCESS: '@files/DELETE_FILES_SUCCESS',
+  TEST_REQUEST: '@files/TEST_REQUEST',
+  TEST_SUCCESS: '@files/TEST_SUCCESS'
 };
 
 var getFilesAction = function getFilesAction(id) {
@@ -1108,12 +1149,22 @@ var deleteFilesActionSuccess = function deleteFilesActionSuccess(_ref2) {
     }
   };
 };
+var testActionSuccess = function testActionSuccess(_ref3) {
+  var message = _ref3.message;
+  return {
+    type: Types.TEST_SUCCESS,
+    payload: {
+      message: message
+    }
+  };
+};
 
 var FileArea = function FileArea() {
   var _useSharedProps = useSharedProps(),
     id = _useSharedProps.id,
     language = _useSharedProps.language,
-    propTags = _useSharedProps.propTags;
+    propTags = _useSharedProps.propTags,
+    personas = _useSharedProps.personas;
   var _useState = React.useState([]),
     files = _useState[0],
     setFiles = _useState[1];
@@ -1137,9 +1188,7 @@ var FileArea = function FileArea() {
   var initFiles = reactRedux.useSelector(function (state) {
     return state.files;
   });
-  var tags = propTags ? propTags.tags.map(function (item) {
-    return item.tag;
-  }) : [];
+  var tags = propTags ? propTags.tags : [];
   React.useEffect(function () {
     dispatch(getFilesAction(id));
   }, [id]);
@@ -1269,7 +1318,8 @@ var FileArea = function FileArea() {
     language: language,
     propTags: {
       tags: []
-    }
+    },
+    personas: personas
   }, React__default.createElement(Container, null, renderFiles()));
 };
 
@@ -1301,32 +1351,26 @@ var InputTest = function InputTest(_ref) {
 };
 
 var TestArea = function TestArea() {
-  var t = getLanguage('pt-br');
-  var _useState = React.useState({
-      "message": ""
-    }),
-    results = _useState[0],
-    setResults = _useState[1];
+  var _useSharedProps = useSharedProps(),
+    id = _useSharedProps.id,
+    language = _useSharedProps.language,
+    personas = _useSharedProps.personas,
+    propTags = _useSharedProps.propTags;
+  var t = getLanguage(language);
+  var results = reactRedux.useSelector(function (state) {
+    return state.message;
+  });
+  var _useState = React.useState(''),
+    search = _useState[0],
+    setSearch = _useState[1];
   var _useState2 = React.useState(''),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var tags = ["pae", "boteria", "vr", "code7", "vidalink"];
-  var personas = [{
-    "description": "Seriedade e profundidade ao explicar. Usa linguagem acadêmica e é preciso em temas específicos da área.",
-    "name": "College professor"
-  }, {
-    "description": "Abordagem descontraída, direto ao ponto. Linguagem simples, exemplos práticos para facilitar compreensão rápida.",
-    "name": "School Teacher"
-  }, {
-    "description": "Estilo descontraído, senso de humor único. Piadas e trocadilhos até em assuntos sérios.",
-    "name": "Humorist"
-  }, {
-    "description": "Postura centrada, comunicação direta e focada em resultados. Prioriza eficiência e precisão.",
-    "name": "Military"
-  }, {
-    "description": "Estilo único e carismático. Usa linguagem moderna, compartilha informações cativantes de forma descontraída.",
-    "name": "Digital Influencer"
-  }];
+    profile = _useState2[0],
+    setProfile = _useState2[1];
+  var _useState3 = React.useState(''),
+    presset = _useState3[0],
+    setPresset = _useState3[1];
+  var dispatch = reactRedux.useDispatch();
+  var tags = propTags ? propTags.tags : [];
   var optionsPersona = personas.map(function (persona) {
     return {
       label: persona.name,
@@ -1339,22 +1383,29 @@ var TestArea = function TestArea() {
       value: tag
     };
   });
-  var handleSelect = function handleSelect(value) {
-    console.log(value);
+  var handleSelectPersona = function handleSelectPersona(value) {
+    setProfile(value);
+  };
+  var handleSelectPresset = function handleSelectPresset(value) {
+    setPresset(value);
   };
   var handleSearch = function handleSearch(value) {
-    console.log(search);
     setSearch(value);
   };
   var handleRecordAudio = function handleRecordAudio() {
     console.log('Iniciando gravação de áudio...');
   };
   var handleTest = function handleTest() {
-    setResults({
-      "message": "Você precisa seguir algumas etapas importantes para ter um chatbot perfeito. Primeiro, defina claramente o objetivo do seu chatbot. Em seguida, crie uma mensagem de saudação cativante para atrair a atenção dos usuários. Não se esqueça de pedir feedbacks para melhorar constantemente o desempenho do seu chatbot. Além disso, construa um fluxo de conversa simples e utilize respostas curtas para manter a interação rápida e eficiente. Também é importante incorporar inteligência artificial para tornar o seu chatbot especialista em determinado assunto. Teste o seu bot antes de lançá-lo e personalize-o de acordo com as necessidades dos usuários. Por fim, direcione os usuários para um atendimento humano quando necessário. Seguindo essas dicas, você estará no caminho certo para ter um chatbot perfeito!"
-    });
+    dispatch(actions.testAction(search, profile, presset, id));
   };
-  return React__default.createElement(Container$4, null, React__default.createElement(Header$1, null, React__default.createElement("div", {
+  return React__default.createElement(SharedPropsProvider, {
+    id: id,
+    language: language,
+    propTags: {
+      tags: []
+    },
+    personas: personas
+  }, React__default.createElement(Container$4, null, 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,
@@ -1363,11 +1414,11 @@ var TestArea = function TestArea() {
   }), React__default.createElement(Select, {
     placeholder: t.testArea.selectPersona,
     options: optionsPersona,
-    onSelect: handleSelect
+    onSelect: handleSelectPersona
   }), React__default.createElement(Select, {
     placeholder: t.testArea.selectPresset,
     options: optionsPresset,
-    onSelect: handleSelect
+    onSelect: handleSelectPresset
   }), React__default.createElement("button", {
     onClick: handleTest
   }, React__default.createElement(pi.PiWaveformBold, null), " ", t.buttons.test)), results.message === '' ? React__default.createElement(EmptyState, {
@@ -1379,7 +1430,7 @@ var TestArea = function TestArea() {
     className: 'icon'
   }, React__default.createElement(md.MdPerson2, null)), React__default.createElement("div", {
     className: 'text'
-  }, results.message)));
+  }, results.message))));
 };
 
 var Leia = function Leia(props) {
@@ -1387,11 +1438,18 @@ var Leia = function Leia(props) {
   var _useLocation = reactRouterDom.useLocation(),
     pathname = _useLocation.pathname;
   var history = reactRouterDom.useHistory();
+  var _useSharedProps = useSharedProps(),
+    personas = _useSharedProps.personas;
   var t = getLanguage(props.language);
   var activeTab = React.useMemo(function () {
     return pathname.split('/')[5] || 'files';
   }, [pathname]);
-  return React__default.createElement(SharedPropsProvider, Object.assign({}, props), React__default.createElement(React__default.Fragment, null, React__default.createElement(Tabs, {
+  return React__default.createElement(SharedPropsProvider, Object.assign({
+    propTags: {
+      tags: []
+    },
+    personas: personas
+  }, props), React__default.createElement(React__default.Fragment, null, React__default.createElement(Tabs, {
     value: activeTab,
     onChange: function onChange(value) {
       return history.push(match.url + "/" + value);
@@ -1416,7 +1474,8 @@ var Leia = function Leia(props) {
 };
 
 var INITIAL_STATE = {
-  files: []
+  files: [],
+  message: ''
 };
 function filesReducer(state, action) {
   if (state === void 0) {
@@ -1430,6 +1489,9 @@ function filesReducer(state, action) {
       case Types.DELETE_FILES_SUCCESS:
         draft.files = action.payload.files;
         break;
+      case Types.TEST_SUCCESS:
+        draft.message = action.payload.message;
+        break;
       default:
         return action.payload;
     }
@@ -1438,7 +1500,8 @@ function filesReducer(state, action) {
 
 var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
   _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
-  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
+  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(testSaga),
+  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
 function getFilesSaga(action) {
   var id, _yield$call, data;
   return _regeneratorRuntime().wrap(function getFilesSaga$(_context) {
@@ -1493,24 +1556,58 @@ function deleteFilesSaga(action) {
       case 12:
         _context2.prev = 12;
         _context2.t0 = _context2["catch"](0);
-        console.log('-----------getFiles.error------------------->', _context2.t0);
+        console.log('-----------deleteFilesSaga.error------------------->', _context2.t0);
       case 15:
       case "end":
         return _context2.stop();
     }
   }, _marked2, null, [[0, 12]]);
 }
-function filesSagas() {
-  return _regeneratorRuntime().wrap(function filesSagas$(_context3) {
+function testSaga(action) {
+  var _action$payload2, question, profile, presset, files_directory, _yield$call3, data;
+  return _regeneratorRuntime().wrap(function testSaga$(_context3) {
     while (1) switch (_context3.prev = _context3.next) {
       case 0:
-        _context3.next = 2;
-        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga)]);
-      case 2:
+        _context3.prev = 0;
+        _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;
+        return effects.call(api.post, "/ask", {
+          question: question,
+          profile: profile,
+          presset: presset,
+          files_directory: files_directory
+        });
+      case 4:
+        _yield$call3 = _context3.sent;
+        data = _yield$call3.data;
+        _context3.next = 8;
+        return effects.put(testActionSuccess({
+          message: data.message
+        }));
+      case 8:
+        _context3.next = 13;
+        break;
+      case 10:
+        _context3.prev = 10;
+        _context3.t0 = _context3["catch"](0);
+        console.log('-----------testSaga.error------------------->', _context3.t0);
+      case 13:
       case "end":
         return _context3.stop();
     }
-  }, _marked3);
+  }, _marked3, null, [[0, 10]]);
+}
+function filesSagas() {
+  return _regeneratorRuntime().wrap(function filesSagas$(_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:
+      case "end":
+        return _context4.stop();
+    }
+  }, _marked4);
 }
 
 var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();