code7-leia 0.1.96 → 0.1.98

package/dist/code7-leia.esm.js

@@ -1,5 +1,5 @@
 import { useDispatch, useSelector, Provider } from 'react-redux';
-import React, { forwardRef, useRef, useCallback, useEffect, useState, createContext, useContext, useMemo, Suspense } from 'react';
+import React, { forwardRef, useRef, useCallback, useEffect, useState, useContext, createContext, useMemo, Suspense } from 'react';
 import { useRouteMatch, useLocation, useHistory, Switch, Route } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import cc from 'classcat';
@@ -10,6 +10,7 @@ import { MdClose, MdPerson2 } from 'react-icons/md';
 import { useDropzone } from 'react-dropzone';
 import axios from 'axios';
 import { PiWaveformBold } from 'react-icons/pi';
+import { testAction } from 'src/store/modules/actions';
 import { createStore, applyMiddleware } from 'redux';
 import createSagaMiddleware from 'redux-saga';
 import { produce } from 'immer';
@@ -1013,6 +1014,9 @@ var SharedPropsProvider = function SharedPropsProvider(_ref) {
   var _useState = useState(null),
     tags = _useState[0],
     setTags = _useState[1];
+  var _useState2 = useState(null),
+    personas = _useState2[0],
+    setPersonas = _useState2[1];
   useEffect(function () {
     var fetchData = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -1047,10 +1051,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.createElement(SharedPropsContext.Provider, {
     value: {
@@ -1063,7 +1102,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) {
@@ -1101,12 +1142,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 = useState([]),
     files = _useState[0],
     setFiles = _useState[1];
@@ -1260,7 +1311,8 @@ var FileArea = function FileArea() {
     language: language,
     propTags: {
       tags: []
-    }
+    },
+    personas: personas
   }, React.createElement(Container, null, renderFiles()));
 };
 
@@ -1292,32 +1344,26 @@ var InputTest = function InputTest(_ref) {
 };
 
 var TestArea = function TestArea() {
-  var t = getLanguage('pt-br');
-  var _useState = 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 = useSelector(function (state) {
+    return state.message;
+  });
+  var _useState = useState(''),
+    search = _useState[0],
+    setSearch = _useState[1];
   var _useState2 = 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 = useState(''),
+    presset = _useState3[0],
+    setPresset = _useState3[1];
+  var dispatch = useDispatch();
+  var tags = propTags ? propTags.tags : [];
   var optionsPersona = personas.map(function (persona) {
     return {
       label: persona.name,
@@ -1330,22 +1376,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(testAction(search, profile, presset, id));
   };
-  return React.createElement(Container$4, null, React.createElement(Header$1, null, React.createElement("div", {
+  return React.createElement(SharedPropsProvider, {
+    id: id,
+    language: language,
+    propTags: {
+      tags: []
+    },
+    personas: personas
+  }, React.createElement(Container$4, null, React.createElement(Header$1, null, React.createElement("div", {
     className: 'infos'
   }, React.createElement("h2", null, t.test), React.createElement("p", null, t.testArea.description))), React.createElement(Inputs, null, React.createElement(InputTest, {
     placeholder: t.testArea.typeSentence,
@@ -1354,11 +1407,11 @@ var TestArea = function TestArea() {
   }), React.createElement(Select, {
     placeholder: t.testArea.selectPersona,
     options: optionsPersona,
-    onSelect: handleSelect
+    onSelect: handleSelectPersona
   }), React.createElement(Select, {
     placeholder: t.testArea.selectPresset,
     options: optionsPresset,
-    onSelect: handleSelect
+    onSelect: handleSelectPresset
   }), React.createElement("button", {
     onClick: handleTest
   }, React.createElement(PiWaveformBold, null), " ", t.buttons.test)), results.message === '' ? React.createElement(EmptyState, {
@@ -1370,7 +1423,7 @@ var TestArea = function TestArea() {
     className: 'icon'
   }, React.createElement(MdPerson2, null)), React.createElement("div", {
     className: 'text'
-  }, results.message)));
+  }, results.message))));
 };
 
 var Leia = function Leia(props) {
@@ -1378,11 +1431,18 @@ var Leia = function Leia(props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var history = useHistory();
+  var _useSharedProps = useSharedProps(),
+    personas = _useSharedProps.personas;
   var t = getLanguage(props.language);
   var activeTab = useMemo(function () {
     return pathname.split('/')[5] || 'files';
   }, [pathname]);
-  return React.createElement(SharedPropsProvider, Object.assign({}, props), React.createElement(React.Fragment, null, React.createElement(Tabs, {
+  return React.createElement(SharedPropsProvider, Object.assign({
+    propTags: {
+      tags: []
+    },
+    personas: personas
+  }, props), React.createElement(React.Fragment, null, React.createElement(Tabs, {
     value: activeTab,
     onChange: function onChange(value) {
       return history.push(match.url + "/" + value);
@@ -1407,7 +1467,8 @@ var Leia = function Leia(props) {
 };
 
 var INITIAL_STATE = {
-  files: []
+  files: [],
+  message: ''
 };
 function filesReducer(state, action) {
   if (state === void 0) {
@@ -1421,6 +1482,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;
     }
@@ -1429,7 +1493,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) {
@@ -1484,24 +1549,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 all([takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), 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 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 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 all([takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), takeLatest(Types.TEST_REQUEST, testSaga)]);
+      case 2:
+      case "end":
+        return _context4.stop();
+    }
+  }, _marked4);
 }
 
 var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();