code7-leia 0.2.10 → 0.2.11

package/dist/code7-leia.esm.js

@@ -0,0 +1,2325 @@
+import { useDispatch, useSelector, Provider } from 'react-redux';
+import React, { forwardRef, useRef, useCallback, useEffect, useState, createContext, useContext, useMemo, Suspense } from 'react';
+import { useRouteMatch, useLocation, useHistory, Switch, Route } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import cc from 'classcat';
+import styled, { css } from 'styled-components';
+import { renderToString } from 'react-dom/server';
+import { FaSearch, FaUpload, FaList, FaCheck, FaFile } from 'react-icons/fa';
+import { GiWeightLiftingUp } from 'react-icons/gi';
+import { TiDelete } from 'react-icons/ti';
+import unorm from 'unorm';
+import { MdClose, MdPerson2 } from 'react-icons/md';
+import { useDropzone } from 'react-dropzone';
+import axios from 'axios';
+import { PiWaveformBold } from 'react-icons/pi';
+import { createStore, applyMiddleware } from 'redux';
+import createSagaMiddleware from 'redux-saga';
+import { produce } from 'immer';
+import { all, takeLatest, put, call } from 'redux-saga/effects';
+import { toast as toast$1 } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function () {
+    return e;
+  };
+  var t,
+    e = {},
+    r = Object.prototype,
+    n = r.hasOwnProperty,
+    o = Object.defineProperty || function (t, e, r) {
+      t[e] = r.value;
+    },
+    i = "function" == typeof Symbol ? Symbol : {},
+    a = i.iterator || "@@iterator",
+    c = i.asyncIterator || "@@asyncIterator",
+    u = i.toStringTag || "@@toStringTag";
+  function define(t, e, r) {
+    return Object.defineProperty(t, e, {
+      value: r,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), t[e];
+  }
+  try {
+    define({}, "");
+  } catch (t) {
+    define = function (t, e, r) {
+      return t[e] = r;
+    };
+  }
+  function wrap(t, e, r, n) {
+    var i = e && e.prototype instanceof Generator ? e : Generator,
+      a = Object.create(i.prototype),
+      c = new Context(n || []);
+    return o(a, "_invoke", {
+      value: makeInvokeMethod(t, r, c)
+    }), a;
+  }
+  function tryCatch(t, e, r) {
+    try {
+      return {
+        type: "normal",
+        arg: t.call(e, r)
+      };
+    } catch (t) {
+      return {
+        type: "throw",
+        arg: t
+      };
+    }
+  }
+  e.wrap = wrap;
+  var h = "suspendedStart",
+    l = "suspendedYield",
+    f = "executing",
+    s = "completed",
+    y = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var p = {};
+  define(p, a, function () {
+    return this;
+  });
+  var d = Object.getPrototypeOf,
+    v = d && d(d(values([])));
+  v && v !== r && n.call(v, a) && (p = v);
+  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+  function defineIteratorMethods(t) {
+    ["next", "throw", "return"].forEach(function (e) {
+      define(t, e, function (t) {
+        return this._invoke(e, t);
+      });
+    });
+  }
+  function AsyncIterator(t, e) {
+    function invoke(r, o, i, a) {
+      var c = tryCatch(t[r], t, o);
+      if ("throw" !== c.type) {
+        var u = c.arg,
+          h = u.value;
+        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+          invoke("next", t, i, a);
+        }, function (t) {
+          invoke("throw", t, i, a);
+        }) : e.resolve(h).then(function (t) {
+          u.value = t, i(u);
+        }, function (t) {
+          return invoke("throw", t, i, a);
+        });
+      }
+      a(c.arg);
+    }
+    var r;
+    o(this, "_invoke", {
+      value: function (t, n) {
+        function callInvokeWithMethodAndArg() {
+          return new e(function (e, r) {
+            invoke(t, n, e, r);
+          });
+        }
+        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(e, r, n) {
+    var o = h;
+    return function (i, a) {
+      if (o === f) throw new Error("Generator is already running");
+      if (o === s) {
+        if ("throw" === i) throw a;
+        return {
+          value: t,
+          done: !0
+        };
+      }
+      for (n.method = i, n.arg = a;;) {
+        var c = n.delegate;
+        if (c) {
+          var u = maybeInvokeDelegate(c, n);
+          if (u) {
+            if (u === y) continue;
+            return u;
+          }
+        }
+        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+          if (o === h) throw o = s, n.arg;
+          n.dispatchException(n.arg);
+        } else "return" === n.method && n.abrupt("return", n.arg);
+        o = f;
+        var p = tryCatch(e, r, n);
+        if ("normal" === p.type) {
+          if (o = n.done ? s : l, p.arg === y) continue;
+          return {
+            value: p.arg,
+            done: n.done
+          };
+        }
+        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(e, r) {
+    var n = r.method,
+      o = e.iterator[n];
+    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+    var i = tryCatch(o, e.iterator, r.arg);
+    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+    var a = i.arg;
+    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+  }
+  function pushTryEntry(t) {
+    var e = {
+      tryLoc: t[0]
+    };
+    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+  }
+  function resetTryEntry(t) {
+    var e = t.completion || {};
+    e.type = "normal", delete e.arg, t.completion = e;
+  }
+  function Context(t) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], t.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(e) {
+    if (e || "" === e) {
+      var r = e[a];
+      if (r) return r.call(e);
+      if ("function" == typeof e.next) return e;
+      if (!isNaN(e.length)) {
+        var o = -1,
+          i = function next() {
+            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+            return next.value = t, next.done = !0, next;
+          };
+        return i.next = i;
+      }
+    }
+    throw new TypeError(typeof e + " is not iterable");
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), o(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+    var e = "function" == typeof t && t.constructor;
+    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+  }, e.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+  }, e.awrap = function (t) {
+    return {
+      __await: t
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+    return this;
+  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+    void 0 === i && (i = Promise);
+    var a = new AsyncIterator(wrap(t, r, n, o), i);
+    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+      return t.done ? t.value : a.next();
+    });
+  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+    return this;
+  }), define(g, "toString", function () {
+    return "[object Generator]";
+  }), e.keys = function (t) {
+    var e = Object(t),
+      r = [];
+    for (var n in e) r.push(n);
+    return r.reverse(), function next() {
+      for (; r.length;) {
+        var t = r.pop();
+        if (t in e) return next.value = t, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, e.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function (e) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+    },
+    stop: function () {
+      this.done = !0;
+      var t = this.tryEntries[0].completion;
+      if ("throw" === t.type) throw t.arg;
+      return this.rval;
+    },
+    dispatchException: function (e) {
+      if (this.done) throw e;
+      var r = this;
+      function handle(n, o) {
+        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+      }
+      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+        var i = this.tryEntries[o],
+          a = i.completion;
+        if ("root" === i.tryLoc) return handle("end");
+        if (i.tryLoc <= this.prev) {
+          var c = n.call(i, "catchLoc"),
+            u = n.call(i, "finallyLoc");
+          if (c && u) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          } else if (c) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+          } else {
+            if (!u) throw new Error("try statement without catch or finally");
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function (t, e) {
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var o = this.tryEntries[r];
+        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+          var i = o;
+          break;
+        }
+      }
+      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+      var a = i ? i.completion : {};
+      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+    },
+    complete: function (t, e) {
+      if ("throw" === t.type) throw t.arg;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+    },
+    finish: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+      }
+    },
+    catch: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.tryLoc === t) {
+          var n = r.completion;
+          if ("throw" === n.type) {
+            var o = n.arg;
+            resetTryEntry(r);
+          }
+          return o;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function (e, r, n) {
+      return this.delegate = {
+        iterator: values(e),
+        resultName: r,
+        nextLoc: n
+      }, "next" === this.method && (this.arg = t), y;
+    }
+  }, e;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _taggedTemplateLiteralLoose(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  strings.raw = raw;
+  return strings;
+}
+
+var _templateObject, _templateObject2;
+var TabsPane = /*#__PURE__*/styled.ul(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--neutral-1);\n"])));
+var Tab = /*#__PURE__*/styled.li(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: 12px;\n  color: var(--neutral-3);\n  font-size: 0.875rem;\n  font-weight: normal;\n  position: relative;\n  cursor: pointer;\n\n  svg {\n    fill: var(--neutral-3) !important;\n    margin-left: 8px;\n  }\n\n  &.active {\n    color: var(--primary-700-light);\n\n    svg {\n      fill: var(--primary-700-light) !important;\n    }\n\n    ::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 2px;\n      background-color: var(--primary-700-light);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n"])));
+
+var _excluded = ["active", "children"],
+  _excluded2 = ["children", "value", "onChange"];
+var Tab$1 = function Tab$1(_ref) {
+  var active = _ref.active,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React.createElement(Tab, Object.assign({
+    className: cc({
+      active: active
+    })
+  }, rest), children);
+};
+Tab$1.propTypes = {
+  children: /*#__PURE__*/PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.node]).isRequired,
+  onChange: PropTypes.func,
+  value: PropTypes.string,
+  active: PropTypes.bool
+};
+Tab$1.defaultProps = {
+  onChange: function onChange() {},
+  value: '',
+  active: false
+};
+var Tabs = function Tabs(_ref2) {
+  var childrenProp = _ref2.children,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  var children = React.Children.map(childrenProp, function (child) {
+    var _child$props, _child$props3;
+    if (!React.isValidElement(child)) {
+      return null;
+    }
+    if (Array.isArray((_child$props = child.props) == null ? void 0 : _child$props.children)) {
+      var _child$props2;
+      return React.cloneElement(child, {
+        active: ((_child$props2 = child.props) == null ? void 0 : _child$props2.value) === value,
+        value: value,
+        onChange: onChange
+      });
+    }
+    return React.cloneElement(child, {
+      active: ((_child$props3 = child.props) == null ? void 0 : _child$props3.value) === value,
+      onClick: function onClick() {
+        var _child$props4;
+        return onChange((_child$props4 = child.props) == null ? void 0 : _child$props4.value);
+      }
+    });
+  });
+  return React.createElement(TabsPane, Object.assign({}, rest), children);
+};
+Tabs.propTypes = {
+  children: PropTypes.node.isRequired,
+  value: /*#__PURE__*/PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  onChange: PropTypes.func.isRequired
+};
+
+var enTranslation = {
+  files: 'Files',
+  test: 'Test',
+  fileArea: {
+    description: 'Manage your files with ease! Add new ones and delete old ones as desired.',
+    fileName: 'File name',
+    status: 'Status',
+    presset: 'Presset',
+    actions: 'Actions',
+    search: 'Search',
+    fileUpload: 'File upload',
+    training: 'Train preset',
+    emptyState: {
+      title: 'No data',
+      description: 'No files uploaded yet. Start by adding your documents now!'
+    },
+    modal: {
+      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.',
+      trainingTitle: 'Presset Training',
+      trainingDescription: 'Select one or more pressets to be trained. Note: If none are selected, Le-IA will train all pressets.'
+    }
+  },
+  buttons: {
+    cancel: 'Cancel',
+    send: 'Send',
+    "delete": 'Delete',
+    test: 'Test',
+    addNewPresset: 'Add new presset',
+    addPresset: 'Add presset',
+    training: 'Training'
+  },
+  testArea: {
+    description: 'Type a sentence to test artificial intelligence',
+    typeSentence: 'Type a sentence',
+    selectPersona: 'Select a Persona',
+    selectPresset: 'Select a presset',
+    emptyState: {
+      title: 'No data for analysis',
+      description: 'Do a search, click the "Test" button.'
+    }
+  },
+  toast: {
+    deleteFile: {
+      success: {
+        title: 'Success',
+        description: 'File deleted successfully!'
+      },
+      fail: {
+        title: 'Failure',
+        description: 'Error deleting the file!'
+      }
+    },
+    uploadFile: {
+      success: {
+        title: 'Success',
+        description: 'File uploaded successfully!'
+      },
+      fail: {
+        title: 'Failure',
+        description: 'Error uploading the file!'
+      }
+    },
+    Test: {
+      fail: {
+        title: 'Failure',
+        description: 'Error testing Le-IA'
+      }
+    },
+    Train: {
+      fail: {
+        title: 'Failure',
+        description: 'Error training Le-IA'
+      },
+      success: {
+        title: 'Success',
+        description: 'Le-IA is in the training process!'
+      }
+    }
+  }
+};
+
+var ptTranslation = {
+  files: 'Arquivos',
+  test: 'Teste',
+  fileArea: {
+    description: 'Gerencie seus arquivos com facilidade! Adicione novos e exclua os antigos conforme desejar.',
+    fileName: 'Nome do arquivo',
+    status: 'Status',
+    presset: 'Predefinição',
+    actions: 'Ações',
+    search: 'Pesquisar',
+    fileUpload: 'Enviar arquivo',
+    training: 'Treinar predefinição',
+    emptyState: {
+      title: 'Sem dados',
+      description: 'Nenhum arquivo enviado ainda. Comece adicionando seus documentos agora!'
+    },
+    modal: {
+      descriptionUpload: 'Arraste e solte os arquivos aqui ou',
+      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.',
+      trainingTitle: 'Treinamento de predefinição',
+      trainingDescription: 'Selecione um ou mais predefinições para serem treinadas. Obs: Caso não selecionada nenhuma a Le-IA irá treinar todas as predefinições'
+    }
+  },
+  buttons: {
+    cancel: 'Cancelar',
+    send: 'Enviar',
+    "delete": 'Excluir',
+    test: 'Teste',
+    addNewPresset: 'Adicionar nova predefinição',
+    addPresset: 'Adicionar predefinição',
+    training: 'Treinamento'
+  },
+  testArea: {
+    description: 'Digite uma frase para testar a inteligência artificial.',
+    typeSentence: 'Digite uma frase',
+    selectPersona: 'Selecione uma Persona',
+    selectPresset: 'Selecione uma predefinição',
+    emptyState: {
+      title: 'Sem dados para análise',
+      description: 'Faça uma pesquisa, clique no botão "Teste".'
+    }
+  },
+  toast: {
+    deleteFile: {
+      success: {
+        title: 'Sucesso',
+        description: 'Arquivo excluído com sucesso!'
+      },
+      fail: {
+        title: 'Falha',
+        description: 'Erro ao excluir o arquivo!'
+      }
+    },
+    uploadFile: {
+      success: {
+        title: 'Sucesso',
+        description: 'Arquivo enviado com sucesso!'
+      },
+      fail: {
+        title: 'Falha',
+        description: 'Erro ao enviar o arquivo!'
+      }
+    },
+    Test: {
+      fail: {
+        title: 'Falha',
+        description: 'Erro ao testar Le-IA'
+      }
+    },
+    Train: {
+      fail: {
+        title: 'Falha',
+        description: 'Erro ao treinar a Le-IA'
+      },
+      success: {
+        title: 'Sucesso',
+        description: 'A Le-IA está em processo de treinamento!'
+      }
+    }
+  }
+};
+
+var esTranslation = {
+  files: 'Archivos',
+  test: 'Prueba',
+  fileArea: {
+    description: '¡Administre sus archivos fácilmente! Agregue nuevos y elimine los antiguos según desee.',
+    fileName: 'Nombre del archivo',
+    status: 'Status',
+    presset: 'Preconfiguración',
+    actions: 'Acciones',
+    search: 'Buscar',
+    fileUpload: 'Subir archivo',
+    training: 'Entrenar preconfiguración',
+    emptyState: {
+      title: 'Sin datos',
+      description: 'Aún no se han subido archivos. ¡Comience agregando sus documentos ahora!'
+    },
+    modal: {
+      descriptionUpload: 'Arrastre y suelte los archivos aquí o',
+      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.',
+      trainingTitle: 'Entrenamiento de preconfiguración',
+      trainingDescription: 'Seleccione una o más preconfiguracións para ser entrenadas. Nota: Si no se selecciona ninguna, Le-IA entrenará todas las preconfiguracións.'
+    }
+  },
+  buttons: {
+    cancel: 'Cancelar',
+    send: 'Enviar',
+    "delete": 'Eliminar',
+    test: 'Prueba',
+    addNewPresset: 'Agregar nueva preconfiguración',
+    addPresset: 'Agregar preconfiguración',
+    training: 'Capacitación'
+  },
+  testArea: {
+    description: 'Escribe una frase para probar la inteligencia artificial.',
+    typeSentence: 'Escribe una oración',
+    selectPersona: 'Seleccionar una Persona',
+    selectPresset: 'Seleccionar una preconfiguración',
+    emptyState: {
+      title: 'Sin datos para el análisis',
+      description: 'Realice una búsqueda, haga clic en el botón "Prueba".'
+    }
+  },
+  toast: {
+    deleteFile: {
+      success: {
+        title: 'Éxito',
+        description: '¡Archivo eliminado correctamente!'
+      },
+      fail: {
+        title: 'Error',
+        description: 'Error al eliminar el archivo!'
+      }
+    },
+    uploadFile: {
+      success: {
+        title: 'Éxito',
+        description: '¡Archivo subido correctamente!'
+      },
+      fail: {
+        title: 'Error',
+        description: 'Error al subir el archivo!'
+      }
+    },
+    Test: {
+      fail: {
+        title: 'Error',
+        description: 'Error al probar Le-IA'
+      }
+    },
+    Train: {
+      fail: {
+        title: 'Error',
+        description: 'Error al entrenar Le-IA'
+      },
+      success: {
+        title: 'Éxito',
+        description: '¡Le-IA está en proceso de entrenamiento!'
+      }
+    }
+  }
+};
+
+var getLanguage = function getLanguage(language) {
+  switch (language) {
+    case 'en':
+      return enTranslation;
+    case 'pt-br':
+      return ptTranslation;
+    case 'es':
+      return esTranslation;
+    default:
+      return enTranslation;
+  }
+};
+
+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    display: flex;\n    justify-content: center;\n    align-items: center;\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: flex-start;\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  #button-upload {\n    margin-right: 10px;\n  }\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$1;
+var TableWrapper = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"])));
+var Table = /*#__PURE__*/styled.table(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  line-height: 143%;\n  color: black;\n  width: 100%;\n  border-collapse: collapse;\n  border-radius: 4px;\n\n  th {\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 143%;\n    letter-spacing: 0.018em;\n    color: #5A5D68;\n    text-align: left;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  thead tr {\n    background: #dadce3;\n  }\n\n  tbody tr {\n    border: 1px solid #dadce3;\n  }\n\n  &.small td {\n    padding: 4px;\n  }\n\n  &.medium td {\n    padding: 8px;\n  }\n\n  &.large td {\n    padding: 16px;\n  }\n"])));
+var TableLoadingWrapper = /*#__PURE__*/styled.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f3f5f961;\n"])));
+
+var _templateObject$3;
+var SpinnerWrapper = /*#__PURE__*/styled.span(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-block;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &.spinner--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.spinner--md {\n    width: 32px;\n    height: 32px;\n  }\n\n  &.spinner--lg {\n    width: 60px;\n    height: 60px;\n  }\n\n  span {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    margin: 8px;\n    border: 4px solid #fff;\n    border-radius: 50%;\n    animation: rotateSpinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: ", " transparent transparent\n      transparent;\n  }\n\n  & span:nth-child(1) {\n    animation-delay: -0.45s;\n  }\n\n  & span:nth-child(2) {\n    animation-delay: -0.3s;\n  }\n\n  & span:nth-child(3) {\n    animation-delay: -0.15s;\n  }\n\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (props) {
+  return "var(--" + props.color + ")";
+});
+
+var Spinner = function Spinner(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'neutral-3' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    className = _ref.className;
+  return React.createElement(SpinnerWrapper, {
+    color: color,
+    className: cc(["spinner--" + size, className])
+  }, React.createElement("span", null), React.createElement("span", null), React.createElement("span", null), React.createElement("span", null));
+};
+
+var _excluded$1 = ["size", "children", "isloading", "className"];
+var Table$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    children = _ref.children,
+    _ref$isloading = _ref.isloading,
+    isloading = _ref$isloading === void 0 ? false : _ref$isloading,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return React.createElement(TableWrapper, {
+    className: className
+  }, isloading ? React.createElement(TableLoadingWrapper, null, React.createElement(Spinner, null)) : null, React.createElement(Table, Object.assign({
+    className: cc([size]),
+    ref: ref
+  }, props), children));
+});
+Table$1.propTypes = {
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  size: /*#__PURE__*/PropTypes.oneOf(['small', 'medium', 'large']),
+  isloading: PropTypes.bool
+};
+
+var _templateObject$4, _templateObject2$3, _templateObject3$2;
+var InputContainer = /*#__PURE__*/styled.div(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 300px;\n"])));
+var Input = /*#__PURE__*/styled.input(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-left: 40px;\n  border-radius: 5px;\n  border: 1px solid #ccc;\n  height: 45px;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px #6690ff;\n  }\n"])));
+var IconContainer = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 14px;\n  left: 10px;\n  pointer-events: none;\n"])));
+
+var SearchInput = function SearchInput(_ref) {
+  var placeholder = _ref.placeholder,
+    setFiles = _ref.setFiles,
+    initialFiles = _ref.initialFiles;
+  var searchName = function searchName(e) {
+    var searchTerm = e.target.value.trim();
+    var normalizedSearchTerm = unorm.nfkd(searchTerm).toLowerCase();
+    var newFiles = initialFiles.filter(function (file) {
+      var normalizedFileName = unorm.nfkd(file.name).toLowerCase();
+      return normalizedFileName.includes(normalizedSearchTerm);
+    });
+    setFiles(searchTerm !== '' ? newFiles : initialFiles);
+  };
+  return React.createElement(InputContainer, null, React.createElement(Input, {
+    type: "text",
+    onChange: function onChange(e) {
+      return searchName(e);
+    },
+    placeholder: placeholder
+  }), React.createElement(IconContainer, null, React.createElement(FaSearch, null)));
+};
+
+var _templateObject$5, _templateObject2$4, _templateObject3$3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var FullScreen = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  cursor: ", ";\n\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  justify-content: center;\n  align-items: center;\n  z-index: ", ";\n  animation: fadeIn 380ms ease-in-out 1;\n  background-color: #2f3845b8;\n  backdrop-filter: blur(2px);\n\n  @keyframes fadeIn {\n    from {\n      background-color: #2f384521;\n    }\n    to {\n      background-color: #2f3845b8;\n    }\n  }\n"])), function (_ref) {
+  var isopen = _ref.isopen;
+  return isopen === 1 ? 'flex' : 'none';
+}, function (_ref2) {
+  var isfixed = _ref2.isfixed;
+  return isfixed === 0 ? 'pointer' : 'default';
+}, function (_ref3) {
+  var zindex = _ref3.zindex;
+  return zindex;
+});
+var Modal = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #fff;\n  border-radius: 3px;\n  position: relative;\n  cursor: default;\n  width: 100%;\n  max-width: ", ";\n  animation: slideIn 350ms cubic-bezier(0.42, 0, 0.21, 1) 1;\n\n  @keyframes slideIn {\n    from {\n      transform: translateY(-120px);\n      opacity: 0;\n    }\n\n    20% {\n      opacity: 0;\n    }\n\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"])), function (_ref4) {
+  var maxwidth = _ref4.maxwidth;
+  return maxwidth;
+});
+var ModalContainer = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow-y: auto;\n  max-height: ", ";\n"])), function (_ref5) {
+  var maxheight = _ref5.maxheight;
+  return maxheight;
+});
+var ModalHeader = /*#__PURE__*/styled.header(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #dadce3;\n  padding: var(--spacement-medium);\n"])));
+var ModalTitle = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 20px;\n  line-height: 150%;\n  letter-spacing: 0.0075em;\n  color: var(--neutral-4);\n"])));
+var ModalButtonClose = /*#__PURE__*/styled.button(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  outline: none;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.7;\n  }\n"])));
+var ModalContentWrapper = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow-y: ", ";\n  max-height: ", ";\n  padding: var(--spacement-medium);\n"])), function (_ref6) {
+  var overflowy = _ref6.overflowy;
+  return overflowy;
+}, function (_ref7) {
+  var maxheight = _ref7.maxheight;
+  return maxheight;
+});
+var ModalFooterWrapper = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding: var(--spacement-medium);\n  background: var(--neutral-0);\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--spacement-medium);\n"])));
+
+var _excluded$2 = ["children"];
+var ModalFooter = function ModalFooter(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  return React.createElement(ModalFooterWrapper, Object.assign({}, rest), children);
+};
+ModalFooter.propTypes = {
+  children: PropTypes.node.isRequired
+};
+
+var _excluded$3 = ["children", "maxheight", "overflowy"];
+var ModalContent = function ModalContent(_ref) {
+  var children = _ref.children,
+    _ref$maxheight = _ref.maxheight,
+    maxheight = _ref$maxheight === void 0 ? 'max-content' : _ref$maxheight,
+    _ref$overflowy = _ref.overflowy,
+    overflowy = _ref$overflowy === void 0 ? 'initial' : _ref$overflowy,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return React.createElement(ModalContentWrapper, Object.assign({
+    maxheight: maxheight,
+    overflowy: overflowy
+  }, rest), children);
+};
+ModalContent.propTypes = {
+  children: PropTypes.node.isRequired,
+  maxheight: PropTypes.string,
+  overflowy: PropTypes.string
+};
+
+var Modal$1 = function Modal$1(_ref) {
+  var isopen = _ref.isopen,
+    style = _ref.style,
+    maxwidth = _ref.maxwidth,
+    maxheight = _ref.maxheight,
+    className = _ref.className,
+    title = _ref.title,
+    children = _ref.children,
+    onClose = _ref.onClose,
+    contentStyle = _ref.contentStyle,
+    isfixed = _ref.isfixed,
+    zindex = _ref.zindex;
+  var modalRef = useRef(null);
+  var handleKeyUp = useCallback(function (e) {
+    var keys = {
+      // ESC Key
+      27: function _() {
+        e.preventDefault();
+        if (!isfixed && onClose) {
+          onClose();
+        }
+        window.removeEventListener('keyup', handleKeyUp, false);
+      }
+    };
+    if (keys[e.keyCode] && isopen) {
+      keys[e.keyCode]();
+    }
+  }, [onClose, isopen, isfixed]);
+  var handleOutsideClick = useCallback(function (e) {
+    if (modalRef.current && modalRef.current.parentNode === e.target) {
+      if (!isfixed && onClose) {
+        onClose();
+      }
+      document.removeEventListener('click', handleOutsideClick, false);
+    }
+  }, [onClose, isfixed]);
+  useEffect(function () {
+    window.addEventListener('keyup', handleKeyUp, false);
+    document.addEventListener('click', handleOutsideClick, false);
+    return function () {
+      window.removeEventListener('keyup', handleKeyUp, false);
+      document.removeEventListener('click', handleOutsideClick, false);
+    };
+  }, [handleKeyUp, handleOutsideClick]);
+  return React.createElement(FullScreen, {
+    isfixed: isfixed ? 1 : 0,
+    isopen: isopen ? 1 : 0,
+    zindex: zindex != null ? zindex : 0
+  }, React.createElement(Modal, {
+    ref: modalRef,
+    style: style,
+    maxwidth: maxwidth,
+    className: className
+  }, React.createElement(ModalContainer, {
+    className: "styleOverlay",
+    maxheight: maxheight,
+    style: contentStyle
+  }, React.createElement(ModalHeader, null, React.createElement(ModalTitle, null, String(title)), React.createElement(ModalButtonClose, {
+    type: "button",
+    onClick: onClose
+  }, React.createElement(MdClose, {
+    color: "#5A5D68",
+    size: 16
+  }))), children)));
+};
+Modal$1.propTypes = {
+  isopen: PropTypes.bool.isRequired,
+  title: /*#__PURE__*/PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
+  children: PropTypes.node.isRequired,
+  onClose: PropTypes.func,
+  style: /*#__PURE__*/PropTypes.objectOf(PropTypes.any),
+  contentStyle: /*#__PURE__*/PropTypes.objectOf(PropTypes.any),
+  className: PropTypes.string,
+  maxwidth: PropTypes.string,
+  maxheight: PropTypes.string,
+  isfixed: PropTypes.bool,
+  zindex: PropTypes.number
+};
+Modal$1.defaultProps = {
+  title: '',
+  style: {},
+  contentStyle: {},
+  className: '',
+  maxwidth: '360px',
+  maxheight: 'max-content',
+  isfixed: false,
+  onClose: function onClose() {},
+  zindex: 9999
+};
+
+var _templateObject$6;
+var Container$1 = /*#__PURE__*/styled.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding: 24px 0;\n  height: 193px;\n  \n  p {\n    margin: 10px 0;\n  }\n\n  background: ", ";\n  background-position: top, right, bottom, left;\n  background-repeat: repeat-x, repeat-y;\n  background-size: 40px 1px, 1px 40px;\n  background-color: ", ";\n\n  button {\n    background: #102693;\n    color: white;\n    width: fit-content;\n    padding: 10px 20px;\n    border-radius: 4px;\n  }\n\n  & .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > .icon {\n      background-color: ", ";\n      border-radius: 16px;\n      width: 145px;\n      height: 145px;\n\n      display: flex;\n      justify-content: center;\n\n      & svg {\n        width: 100%;\n        height: 70%;\n        margin: 20px;\n      }\n    }\n\n    & .description {\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 8px 0 8px 24px;\n\n      .button-add {\n        cursor: pointer;\n      }\n\n      .start-icon {\n        display: flex;\n        align-items: center;\n      }\n    }\n  }\n"])), function (_ref) {
+  var hasborder = _ref.hasborder;
+  return hasborder && "linear-gradient(\n        to right,\n        #dadce3 50%,\n        rgba(255, 255, 255, 0) 0%\n      ),\n      linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%),\n      linear-gradient(to right, #dadce3 50%, rgba(255, 255, 255, 0) 0%),\n      linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%)";
+}, function (_ref2) {
+  var backgroundcolor = _ref2.backgroundcolor;
+  return backgroundcolor;
+}, function (_ref3) {
+  var backgroundicon = _ref3.backgroundicon;
+  return backgroundicon;
+});
+
+var _excluded$4 = ["icon", "title", "description", "activeButton", "iconButton", "descriptionButton", "widthButton", "button", "backgroundIcon", "backgroundColor", "hasborder"];
+var EmptyState = function EmptyState(_ref) {
+  var icon = _ref.icon,
+    title = _ref.title,
+    description = _ref.description,
+    activeButton = _ref.activeButton,
+    iconButton = _ref.iconButton,
+    descriptionButton = _ref.descriptionButton,
+    button = _ref.button,
+    backgroundIcon = _ref.backgroundIcon,
+    backgroundColor = _ref.backgroundColor,
+    hasborder = _ref.hasborder,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  return React.createElement(Container$1, Object.assign({
+    backgroundicon: backgroundIcon,
+    backgroundcolor: backgroundColor,
+    hasborder: hasborder
+  }, rest), React.createElement("div", {
+    className: "content"
+  }, React.createElement("div", {
+    className: "icon"
+  }, icon), React.createElement("div", {
+    className: "description"
+  }, React.createElement("h5", null, " ", title), React.createElement("p", null, description), activeButton ? React.createElement("button", null, iconButton, " ", descriptionButton) : null, button)));
+};
+EmptyState.propTypes = {
+  icon: /*#__PURE__*/PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  title: PropTypes.string,
+  description: PropTypes.string,
+  activeButton: PropTypes.bool,
+  iconButton: PropTypes.element,
+  descriptionButton: PropTypes.string,
+  widthButton: PropTypes.string,
+  button: PropTypes.element,
+  backgroundIcon: PropTypes.string,
+  backgroundColor: PropTypes.string,
+  hasborder: PropTypes.bool
+};
+EmptyState.defaultProps = {
+  icon: '',
+  title: '',
+  description: '',
+  activeButton: false,
+  descriptionButton: '',
+  widthButton: '140px',
+  backgroundIcon: 'var(--neutral-0)',
+  backgroundColor: 'var(--absolute-white)',
+  hasborder: true
+};
+
+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\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  right: 30px;\n"])));
+var SelectedValue = /*#__PURE__*/styled.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #254EDB;\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) {
+  var options = _ref.options,
+    presset = _ref.presset,
+    setPresset = _ref.setPresset,
+    setOptions = _ref.setOptions,
+    modal = _ref.modal,
+    language = _ref.language,
+    hasAddNewOptions = _ref.hasAddNewOptions;
+  var _useState = useState(false),
+    expanded = _useState[0],
+    setExpanded = _useState[1];
+  var _useState2 = useState(''),
+    newOption = _useState2[0],
+    setNewOption = _useState2[1];
+  var t = getLanguage(language);
+  useEffect(function () {
+    setExpanded(false);
+  }, [modal]);
+  var handleCheckboxChange = function handleCheckboxChange(value) {
+    setPresset(function (prevPresset) {
+      if (prevPresset.includes(value)) {
+        return prevPresset.filter(function (val) {
+          return val !== value;
+        });
+      } else {
+        return [].concat(prevPresset, [value]);
+      }
+    });
+  };
+  var showCheckboxes = function showCheckboxes() {
+    setExpanded(!expanded);
+  };
+  var handleInputChange = function handleInputChange(event) {
+    setNewOption(event.target.value);
+  };
+  var handleInputKeyPress = function handleInputKeyPress(event) {
+    if (event.key === 'Enter' && hasAddNewOptions) {
+      event.preventDefault();
+      var trimmedOption = newOption.trim();
+      if (trimmedOption !== '' && !options.some(function (option) {
+        return option.value === trimmedOption;
+      })) {
+        setOptions(function (prevOptions) {
+          return [].concat(prevOptions, [{
+            label: trimmedOption,
+            value: trimmedOption
+          }]);
+        });
+        setPresset(function (prevPresset) {
+          return [].concat(prevPresset, [trimmedOption]);
+        });
+      }
+      setNewOption('');
+    }
+  };
+  return React.createElement("form", null, React.createElement(MultiSelectWrapper, null, React.createElement(SelectBox, {
+    onClick: showCheckboxes
+  }, React.createElement("select", null, options.map(function (option, index) {
+    return React.createElement("option", {
+      key: index,
+      value: option.value
+    }, option.label);
+  })), React.createElement(OverSelect, null, React.createElement(SelectedValues, null, presset.map(function (value, index) {
+    return React.createElement(SelectedValue, {
+      key: index
+    }, value);
+  })), React.createElement("input", {
+    type: "text",
+    placeholder: hasAddNewOptions ? t.buttons.addNewPresset : t.buttons.addPresset,
+    value: newOption,
+    onChange: handleInputChange,
+    onKeyPress: handleInputKeyPress
+  }))), React.createElement(Checkboxes, {
+    style: {
+      display: expanded ? 'block' : 'none'
+    }
+  }, options.map(function (option, index) {
+    return React.createElement(CheckboxLabel, {
+      key: index,
+      htmlFor: option.value
+    }, React.createElement("input", {
+      type: "checkbox",
+      id: option.value,
+      checked: presset.includes(option.value),
+      onChange: function onChange() {
+        return handleCheckboxChange(option.value);
+      }
+    }), option.label);
+  }))));
+};
+
+var _templateObject$8;
+var getColor = function getColor(props) {
+  if (props.isDragAccept) {
+    return '#6690ff';
+  }
+  if (props.isDragReject) {
+    return '#e18976';
+  }
+  if (props.isDragActive) {
+    return '#6690ff';
+  }
+  return '#979aa5';
+};
+var Container$2 = /*#__PURE__*/styled.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #f3f5f9;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 20px;\n  border-width: 2px;\n  border-radius: 4px;\n  border-color: var(", ");\n  border-style: dashed;\n  color: #5a5d68;\n  outline: none;\n  transition: border 0.24s ease-in-out;\n\n  & > span {\n    margin: 8px 10px 0 0;\n    display: flex;\n  }\n\n  button {\n    padding: 8px 16px 8px 16px;\n    border-radius: 4px;\n    border: 2px #102693 solid;\n    margin-top: 10px;\n  }\n"])), function (props) {
+  return getColor(props);
+});
+
+var AreaUpload = function AreaUpload(_ref) {
+  var _ref$formatFile = _ref.formatFile,
+    formatFile = _ref$formatFile === void 0 ? 'application/pdf' : _ref$formatFile,
+    _ref$multipleFile = _ref.multipleFile,
+    multipleFile = _ref$multipleFile === void 0 ? false : _ref$multipleFile,
+    _ref$initialFiles = _ref.initialFiles,
+    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 = useState([]),
+    myFiles = _useState[0],
+    setMyFiles = _useState[1];
+  var t = getLanguage('pt-br');
+  useEffect(function () {
+    setMyFiles([].concat(initialFiles, myFiles));
+  }, []);
+  var onDrop = useCallback(function (acceptedFiles, fileRejections) {
+    if (fileRejections && fileRejections.length > 0) {
+      console.error('Arquivos rejeitados:', fileRejections);
+    }
+    onChange(acceptedFiles);
+    var files = [].concat(myFiles, acceptedFiles);
+    var filesWithId = files.map(function (item, index) {
+      return {
+        id: index + 1,
+        lastModified: item.lastModified,
+        name: item.name,
+        size: item.size,
+        type: item.type
+      };
+    });
+    setMyFiles(filesWithId);
+    acceptedFiles.forEach(function (file) {
+      var reader = new FileReader();
+      reader.onload = function () {
+        var binaryStr = reader.result;
+        setFile({
+          content: binaryStr,
+          properties: file
+        });
+      };
+      reader.readAsArrayBuffer(file);
+    });
+  }, [myFiles]);
+  var _useDropzone = useDropzone({
+      accept: formatFile,
+      noClick: true,
+      noKeyboard: true,
+      multiple: multipleFile,
+      onDrop: onDrop
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    open = _useDropzone.open,
+    isDragActive = _useDropzone.isDragActive,
+    isDragAccept = _useDropzone.isDragAccept,
+    isDragReject = _useDropzone.isDragReject;
+  return React.createElement(React.Fragment, null, multipleFile || (myFiles == null ? void 0 : myFiles.length) === 0 || !file ? React.createElement(Container$2, Object.assign({}, getRootProps({
+    isDragActive: isDragActive,
+    isDragAccept: isDragAccept,
+    isDragReject: isDragReject
+  })), React.createElement("input", Object.assign({}, getInputProps())), React.createElement("span", null, React.createElement("p", null, t.fileArea.modal.descriptionUpload)), React.createElement("button", {
+    type: "button",
+    onClick: open
+  }, t.fileArea.modal.chooseFile)) : React.createElement(Container$2, Object.assign({}, getRootProps({
+    isDragActive: isDragActive,
+    isDragAccept: isDragAccept,
+    isDragReject: isDragReject
+  })), React.createElement("p", null, file)));
+};
+AreaUpload.propTypes = {
+  formatFile: PropTypes.string,
+  multipleFile: PropTypes.bool,
+  initialFiles: /*#__PURE__*/PropTypes.arrayOf(PropTypes.object),
+  removeItem: PropTypes.func,
+  setFile: PropTypes.func,
+  onChange: PropTypes.func,
+  hasListFiles: PropTypes.bool
+};
+AreaUpload.defaultProps = {
+  formatFile: 'application/json',
+  multipleFile: false,
+  initialFiles: [],
+  removeItem: function removeItem() {},
+  setFile: function setFile() {},
+  onChange: function onChange() {},
+  hasListFiles: true
+};
+
+var url = 'https://api.leia.digitalcontact.cloud';
+axios.defaults.baseURL = "" + url;
+var api = /*#__PURE__*/axios.create();
+
+var _excluded$5 = ["children"];
+var SharedPropsContext = /*#__PURE__*/createContext(undefined);
+var useSharedProps = function useSharedProps() {
+  var context = useContext(SharedPropsContext);
+  if (!context) {
+    throw new Error('useSharedProps deve ser usado dentro de um SharedPropsProvider');
+  }
+  return context.props;
+};
+var SharedPropsProvider = function SharedPropsProvider(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+  var id = props.id,
+    language = props.language;
+  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() {
+        var _yield$api$get, data;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return api.get("/tags/" + id);
+            case 3:
+              _yield$api$get = _context.sent;
+              data = _yield$api$get.data;
+              if (data) {
+                setTags(data);
+              } else {
+                console.error('Erro ao fazer a solicitação');
+              }
+              _context.next = 11;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.error('Erro ao fazer a solicitação:', _context.t0);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 8]]);
+      }));
+      return function fetchData() {
+        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?language=" + language);
+            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,
+    personas: personas
+  });
+  return React.createElement(SharedPropsContext.Provider, {
+    value: {
+      props: sharedProps
+    }
+  }, children);
+};
+
+var Types = {
+  GET_FILES_REQUEST: 'GET_FILES_REQUEST',
+  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',
+  TRAINING_REQUEST: 'TRAINING_REQUEST',
+  TEST_REQUEST: 'TEST_REQUEST',
+  TEST_SUCCESS: 'TEST_SUCCESS',
+  LOADING_START: 'LOADING_START',
+  LOADING_FINISH: 'LOADING_FINISH',
+  CHANGING_START: 'CHANGING_START',
+  CHANGING_FINISH: 'CHANGING_FINISH',
+  NETWORK_ONLINE: 'NETWORK_ONLINE',
+  NETWORK_OFFLINE: 'NETWORK_OFFLINE'
+};
+
+var getFilesAction = function getFilesAction(id, token) {
+  return {
+    type: Types.GET_FILES_REQUEST,
+    payload: {
+      id: id,
+      token: token
+    }
+  };
+};
+var getFilesActionSuccess = function getFilesActionSuccess(_ref) {
+  var files = _ref.files;
+  return {
+    type: Types.GET_FILES_SUCCESS,
+    payload: {
+      files: files
+    }
+  };
+};
+var deleteFilesAction = function deleteFilesAction(name, id, language, token) {
+  return {
+    type: Types.DELETE_FILES_REQUEST,
+    payload: {
+      name: name,
+      id: id,
+      language: language,
+      token: token
+    }
+  };
+};
+var deleteFilesActionSuccess = function deleteFilesActionSuccess(_ref2) {
+  var files = _ref2.files;
+  return {
+    type: Types.DELETE_FILES_SUCCESS,
+    payload: {
+      files: files
+    }
+  };
+};
+var uploadFilesAction = function uploadFilesAction(file, id, pressets, language, token) {
+  return {
+    type: Types.UPLOAD_FILES_REQUEST,
+    payload: {
+      file: file,
+      id: id,
+      pressets: pressets,
+      language: language,
+      token: token
+    }
+  };
+};
+var uploadFilesActionSuccess = function uploadFilesActionSuccess(_ref3) {
+  var files = _ref3.files;
+  return {
+    type: Types.UPLOAD_FILES_SUCCESS,
+    payload: {
+      files: files
+    }
+  };
+};
+var trainingAction = function trainingAction(id, pressets, language, token) {
+  return {
+    type: Types.TRAINING_REQUEST,
+    payload: {
+      id: id,
+      pressets: pressets,
+      language: language,
+      token: token
+    }
+  };
+};
+var testAction = function testAction(question, profile, presset, files_directory, token) {
+  return {
+    type: Types.TEST_REQUEST,
+    payload: {
+      question: question,
+      profile: profile,
+      presset: presset,
+      files_directory: files_directory,
+      token: token
+    }
+  };
+};
+var testActionSuccess = function testActionSuccess(_ref4) {
+  var message = _ref4.message;
+  return {
+    type: Types.TEST_SUCCESS,
+    payload: {
+      message: message
+    }
+  };
+};
+var commonLoadingStart = function commonLoadingStart() {
+  return {
+    type: Types.LOADING_START
+  };
+};
+var commonLoadingFinish = function commonLoadingFinish() {
+  return {
+    type: Types.LOADING_FINISH
+  };
+};
+
+var FileArea = function FileArea() {
+  var _useSharedProps = useSharedProps(),
+    id = _useSharedProps.id,
+    language = _useSharedProps.language,
+    propTags = _useSharedProps.propTags,
+    token = _useSharedProps.token;
+  var _useState = useState([]),
+    files = _useState[0],
+    setFiles = _useState[1];
+  var _useState2 = useState([]),
+    initialFiles = _useState2[0],
+    setInitialFiles = _useState2[1];
+  var _useState3 = useState(),
+    uploadFile = _useState3[0],
+    setUploadFile = _useState3[1];
+  var _useState4 = useState(false),
+    modal = _useState4[0],
+    setModal = _useState4[1];
+  var _useState5 = useState(false),
+    modalDelete = _useState5[0],
+    setModalDelete = _useState5[1];
+  var _useState6 = useState(false),
+    modalTraining = _useState6[0],
+    setModalTraining = _useState6[1];
+  var _useState7 = useState(''),
+    fileDelete = _useState7[0],
+    setFileDelete = _useState7[1];
+  var _useState8 = useState([]),
+    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) {
+    return state.files;
+  });
+  var isloading = useSelector(function (state) {
+    return state.isloading;
+  });
+  var tags = propTags ? propTags.tags : [];
+  useEffect(function () {
+    dispatch(getFilesAction(id, token));
+  }, [id]);
+  useEffect(function () {
+    if (tags.length > 0) {
+      var options = tags.map(function (tag) {
+        return {
+          label: tag,
+          value: tag
+        };
+      });
+      setOptionsPresset(options);
+    } else if (optionsPresset.length > 0) {
+      setOptionsPresset([]);
+    }
+  }, [tags]);
+  useEffect(function () {
+    if (!modal) {
+      var options = tags.map(function (tag) {
+        return {
+          label: tag,
+          value: tag
+        };
+      });
+      setOptionsPresset(options);
+    }
+  }, [modal]);
+  useEffect(function () {
+    if (!!initFiles) {
+      setFiles(initFiles);
+      setInitialFiles(initFiles);
+    }
+  }, [initFiles]);
+  var pressetTag = function pressetTag(tags) {
+    var html = '';
+    html += tags.map(function (tag) {
+      var checkIcon = tag.trained ? '' : renderToString(React.createElement(TiDelete, {
+        size: 14
+      }));
+      var tagClass = tag.trained ? 'trained' : '';
+      return "<p class='tag " + tagClass + "'>" + tag.name + " " + checkIcon + "</p>";
+    }).join('');
+    return html;
+  };
+  var handleOpenModal = function handleOpenModal() {
+    if (modal) {
+      setUploadFile(undefined);
+      setPresset([]);
+    }
+    setModal(!modal);
+  };
+  var handleOpenModalDelete = function handleOpenModalDelete(name) {
+    console.log('--- handleOpenModalDelete: ', name);
+    setFileDelete(name);
+    setModalDelete(!modalDelete);
+  };
+  var handleOpenModalTraining = function handleOpenModalTraining(tags) {
+    var pressets = [];
+    tags == null || tags.map(function (tag) {
+      if (!tag.trained) {
+        pressets.push(tag.name);
+      }
+    });
+    setPresset(pressets);
+    setModalTraining(!modalTraining);
+  };
+  var deleteFile = function deleteFile() {
+    console.log('--- vai deletar: ', fileDelete);
+    dispatch(deleteFilesAction(fileDelete, id, language, token));
+    setModalDelete(false);
+  };
+  var handleUploadFile = function handleUploadFile() {
+    dispatch(uploadFilesAction(uploadFile, id, presset, language, token));
+    setModal(false);
+    setUploadFile(undefined);
+    setPresset([]);
+  };
+  var handleTrain = function handleTrain() {
+    dispatch(trainingAction(id, presset, language, token));
+    setModalTraining(false);
+    setPresset([]);
+  };
+  var viewFile = function viewFile(link, name) {
+    if (link) {
+      var checkIcon = renderToString(React.createElement(FaFile, {
+        size: 14
+      }));
+      return "<a href='" + link + "' target='_blank'>" + checkIcon + "</a> " + name;
+    }
+    return name;
+  };
+  var renderFiles = function renderFiles() {
+    return React.createElement(Container, {
+      isloading: isloading
+    }, React.createElement("div", {
+      id: 'loading'
+    }), React.createElement(Header, null, React.createElement("div", {
+      className: 'infos'
+    }, React.createElement("h2", null, t.files), React.createElement("p", null, t.fileArea.description)), React.createElement("div", {
+      className: 'actions'
+    }, React.createElement(SearchInput, {
+      placeholder: t.fileArea.search,
+      setFiles: setFiles,
+      initialFiles: initialFiles
+    }), React.createElement("div", null, React.createElement("button", {
+      id: 'button-upload',
+      onClick: handleOpenModal
+    }, React.createElement(FaUpload, {
+      size: 14
+    }), " ", t.fileArea.fileUpload), React.createElement("button", {
+      onClick: function onClick() {
+        return handleOpenModalTraining(undefined);
+      }
+    }, React.createElement(GiWeightLiftingUp, {
+      size: 14
+    }), " ", t.fileArea.training)))), files.length === 0 ? React.createElement(EmptyState, {
+      icon: React.createElement(FaList, null),
+      title: t.fileArea.emptyState.title,
+      description: t.fileArea.emptyState.description,
+      iconButton: React.createElement("button", {
+        id: 'button-upload',
+        onClick: handleOpenModal
+      }, React.createElement(FaUpload, {
+        size: 14
+      }), " ", t.fileArea.fileUpload),
+      descriptionButton: t.fileArea.fileUpload,
+      widthButton: "230px"
+    }) : React.createElement(Table$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+      key: "th_file_name",
+      className: "th_file_name"
+    }, t.fileArea.fileName), React.createElement("th", {
+      key: "th_file_name",
+      className: "th_status"
+    }, t.fileArea.status), React.createElement("th", {
+      key: "th_pressets",
+      className: "th_pressets"
+    }, t.fileArea.presset), React.createElement("th", {
+      key: "th_actions",
+      className: "th_actions"
+    }, t.fileArea.actions))), React.createElement("tbody", null, files.map(function (object) {
+      return React.createElement("tr", null, React.createElement("td", {
+        dangerouslySetInnerHTML: {
+          __html: viewFile(object.link, object.name)
+        }
+      }), React.createElement("td", null, object.trained ? React.createElement(FaCheck, {
+        size: 14,
+        style: {
+          color: 'green'
+        }
+      }) : React.createElement(TiDelete, {
+        size: 14,
+        style: {
+          color: 'red'
+        }
+      })), React.createElement("td", {
+        className: 'tags',
+        dangerouslySetInnerHTML: {
+          __html: pressetTag(object.tags)
+        }
+      }), 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);
+        }
+      }, t.buttons["delete"]))));
+    }))), React.createElement(Modal$1, {
+      isopen: modal,
+      maxwidth: "600px",
+      maxheight: "max-content",
+      onClose: handleOpenModal,
+      title: t.fileArea.modal.uploadFile
+    }, React.createElement(ModalContent, null, React.createElement("div", {
+      className: 'choose-file'
+    }, React.createElement(AreaUpload, {
+      setFile: setUploadFile,
+      file: uploadFile == null ? void 0 : uploadFile.properties.name
+    })), 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,
+      hasAddNewOptions: true
+    }))), React.createElement(ModalFooter, null, React.createElement("button", {
+      className: 'button cancel',
+      onClick: handleOpenModal
+    }, t.buttons.cancel), React.createElement("button", {
+      onClick: function onClick() {
+        return handleUploadFile();
+      },
+      className: 'button send',
+      type: "submit",
+      form: "form-tts"
+    }, t.buttons.send))), React.createElement(Modal$1, {
+      isopen: modalDelete,
+      maxwidth: "600px",
+      maxheight: "max-content",
+      onClose: function onClose() {
+        return handleOpenModalDelete('');
+      },
+      title: t.fileArea.modal.deleteFileTitle
+    }, React.createElement(ModalContent, null, React.createElement("p", {
+      id: 'warning'
+    }, t.fileArea.modal.deleteFile)), React.createElement(ModalFooter, null, React.createElement("button", {
+      className: 'button cancel',
+      onClick: function onClick() {
+        return handleOpenModalDelete('');
+      }
+    }, t.buttons.cancel), React.createElement("button", {
+      className: 'button delete',
+      type: "submit",
+      form: "form-tts",
+      onClick: deleteFile
+    }, t.buttons["delete"]))), React.createElement(Modal$1, {
+      isopen: modalTraining,
+      maxwidth: "600px",
+      maxheight: "max-content",
+      onClose: function onClose() {
+        return handleOpenModalTraining(undefined);
+      },
+      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,
+      hasAddNewOptions: false
+    }))), 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 handleTrain();
+      },
+      className: 'button send',
+      type: "submit",
+      form: "form-tts"
+    }, t.buttons.send))));
+  };
+  return React.createElement(SharedPropsProvider, {
+    id: id,
+    language: language,
+    token: token,
+    propTags: {
+      tags: []
+    },
+    personas: [{
+      name: '',
+      description: ''
+    }]
+  }, React.createElement(Container, null, renderFiles()));
+};
+
+var _templateObject$9, _templateObject2$6, _templateObject3$5, _templateObject4$2, _templateObject5$2;
+var Container$3 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n"])), function (props) {
+  return props.isloading && css(_templateObject2$6 || (_templateObject2$6 = _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$1 = /*#__PURE__*/styled.div(_templateObject3$5 || (_templateObject3$5 = /*#__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(_templateObject4$2 || (_templateObject4$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: 45px;\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(_templateObject5$2 || (_templateObject5$2 = /*#__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$a;
+var Container$4 = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 50%;\n  margin-right: 5px;\n\n  .custom-select {\n    position: relative;\n    width: 100%;\n    cursor: pointer;\n\n    .selected-option {\n      padding: 12px;\n      border-radius: 4px;\n      border: 1px solid #979AA5;\n      height: 45px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      font-size: 14px;\n    }\n\n    .options {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      width: 100%;\n      border: 1px solid #979AA5;\n      border-top: none;\n      border-radius: 0 0 4px 4px;\n      background-color: #fff;\n\n      .option {\n        padding: 12px;\n        cursor: pointer;\n        transition: background-color 0.1s;\n        letter-spacing: 0.5px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #6690ff;\n          color: white;\n        }\n      }\n    }\n  }\n"])));
+
+var CustomSelect = function CustomSelect(_ref) {
+  var options = _ref.options,
+    onSelect = _ref.onSelect,
+    placeholder = _ref.placeholder;
+  var _useState = useState(false),
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
+  var _useState2 = useState(''),
+    selectedValue = _useState2[0],
+    setSelectedValue = _useState2[1];
+  var handleSelectOption = function handleSelectOption(value) {
+    var selected = String(value);
+    setSelectedValue(selected);
+    onSelect(selected);
+    setIsOpen(false);
+  };
+  return React.createElement(Container$4, null, React.createElement("div", {
+    className: "custom-select",
+    onClick: function onClick() {
+      return setIsOpen(!isOpen);
+    }
+  }, React.createElement("div", {
+    className: "selected-option"
+  }, selectedValue || placeholder, React.createElement("span", {
+    className: "arrow"
+  }, "\u25BC")), isOpen && React.createElement("div", {
+    className: "options"
+  }, options.map(function (option) {
+    return React.createElement("div", {
+      key: option.value,
+      style: {
+        background: option.value === selectedValue ? '#a0b7f5' : undefined,
+        color: option.value === selectedValue ? 'white' : undefined
+      },
+      className: "option",
+      onClick: function onClick() {
+        return handleSelectOption(option.value);
+      }
+    }, option.label);
+  }))));
+};
+
+var _templateObject$b, _templateObject2$7;
+var Container$5 = /*#__PURE__*/styled.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  margin-right: 5px;\n"])));
+var StyledInput = /*#__PURE__*/styled.input(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  padding-left: 10px;\n  padding-right: 40px;\n  border-radius: 5px;\n  border: 1px solid #ccc;\n  height: 45px;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px #6690ff;\n  }\n"])));
+
+var InputTest = function InputTest(_ref) {
+  var placeholder = _ref.placeholder,
+    _onChange = _ref.onChange;
+  return React.createElement(Container$5, null, React.createElement(StyledInput, {
+    type: "text",
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    },
+    placeholder: placeholder
+  }));
+};
+
+var TestArea = function TestArea() {
+  var _useSharedProps = useSharedProps(),
+    id = _useSharedProps.id,
+    language = _useSharedProps.language,
+    personas = _useSharedProps.personas,
+    propTags = _useSharedProps.propTags,
+    token = _useSharedProps.token;
+  var t = getLanguage(language);
+  var results = useSelector(function (state) {
+    return state.message;
+  });
+  var isloading = useSelector(function (state) {
+    return state.isloading;
+  });
+  var _useState = useState(''),
+    search = _useState[0],
+    setSearch = _useState[1];
+  var _useState2 = useState(''),
+    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 && personas.map(function (persona) {
+    return {
+      label: persona.name,
+      value: persona.name
+    };
+  });
+  var optionsPresset = tags.map(function (tag) {
+    return {
+      label: tag,
+      value: tag
+    };
+  });
+  var handleSelectPersona = function handleSelectPersona(value) {
+    setProfile(value);
+  };
+  var handleSelectPresset = function handleSelectPresset(value) {
+    setPresset(value);
+  };
+  var handleSearch = function handleSearch(value) {
+    setSearch(value);
+  };
+  var handleTest = function handleTest() {
+    dispatch(testAction(search, profile, presset, id, token));
+  };
+  var returnTest = function returnTest() {
+    return React.createElement(Container$3, {
+      isloading: isloading
+    }, React.createElement("div", {
+      id: 'loading'
+    }), 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,
+      onChange: handleSearch
+    }), React.createElement(CustomSelect, {
+      placeholder: t.testArea.selectPersona,
+      options: optionsPersona,
+      onSelect: handleSelectPersona
+    }), React.createElement(CustomSelect, {
+      placeholder: t.testArea.selectPresset,
+      options: optionsPresset,
+      onSelect: handleSelectPresset
+    }), React.createElement("button", {
+      onClick: handleTest
+    }, React.createElement(PiWaveformBold, null), " ", t.buttons.test)), !results ? React.createElement(EmptyState, {
+      icon: React.createElement(FaList, null),
+      title: t.testArea.emptyState.title,
+      description: t.testArea.emptyState.description,
+      activeButton: false
+    }) : React.createElement(Result, null, React.createElement("div", {
+      className: 'icon'
+    }, React.createElement(MdPerson2, null)), React.createElement("div", {
+      className: 'text'
+    }, results)));
+  };
+  return React.createElement(SharedPropsProvider, {
+    id: id,
+    token: token,
+    language: language,
+    propTags: {
+      tags: []
+    },
+    personas: [{
+      name: '',
+      description: ''
+    }]
+  }, React.createElement(Container$3, null, returnTest()));
+};
+
+var Leia = function Leia(props) {
+  var match = useRouteMatch();
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var history = useHistory();
+  var t = getLanguage(props.language);
+  var activeTab = useMemo(function () {
+    return pathname.split('/')[5] || 'files';
+  }, [pathname]);
+  return React.createElement(SharedPropsProvider, Object.assign({
+    propTags: {
+      tags: []
+    },
+    personas: [{
+      name: '',
+      description: ''
+    }]
+  }, props), React.createElement(React.Fragment, null, React.createElement(Tabs, {
+    value: activeTab,
+    onChange: function onChange(value) {
+      return history.push(match.url + "/" + value);
+    }
+  }, React.createElement(Tab$1, {
+    value: "files"
+  }, t.files), React.createElement(Tab$1, {
+    value: "test"
+  }, t.test)), React.createElement(Suspense, {
+    fallback: props.loading
+  }, React.createElement(Switch, null, React.createElement(Route, {
+    path: "" + match.path,
+    exact: true,
+    component: FileArea
+  }), React.createElement(Route, {
+    path: match.path + "/files",
+    component: FileArea
+  }), React.createElement(Route, {
+    path: match.path + "/test",
+    component: TestArea
+  })))));
+};
+
+var INITIAL_STATE = {
+  files: [],
+  message: '',
+  isloading: false,
+  isChanging: false,
+  isOffline: true
+};
+function filesReducer(state, action) {
+  if (state === void 0) {
+    state = INITIAL_STATE;
+  }
+  return produce(state, function (draft) {
+    switch (action.type) {
+      case Types.GET_FILES_SUCCESS:
+        draft.files = action.payload.files;
+        break;
+      case Types.DELETE_FILES_SUCCESS:
+        draft.files = action.payload.files;
+        break;
+      case Types.TEST_SUCCESS:
+        draft.message = action.payload.message;
+        break;
+      case Types.LOADING_START:
+        draft.isloading = true;
+        break;
+      case Types.LOADING_FINISH:
+        draft.isloading = false;
+        break;
+      case Types.CHANGING_START:
+        draft.isChanging = true;
+        break;
+      case Types.CHANGING_FINISH:
+        draft.isChanging = false;
+        break;
+      case Types.NETWORK_ONLINE:
+        draft.isOffline = false;
+        break;
+      case Types.NETWORK_OFFLINE:
+        draft.isOffline = true;
+        break;
+      default:
+        return action.payload;
+    }
+  });
+}
+
+var CustomToastContent = function CustomToastContent(_ref) {
+  var title = _ref.title,
+    description = _ref.description;
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "custom-toastify-content"
+  }, React.createElement("strong", {
+    className: "custom-toastify-title"
+  }, title), description && React.createElement("p", {
+    className: "custom-toastify-description"
+  }, description)));
+};
+var toast = {
+  "default": function _default(_ref2) {
+    var title = _ref2.title,
+      description = _ref2.description;
+    return toast$1(React.createElement(CustomToastContent, {
+      title: title,
+      description: description
+    }));
+  },
+  success: function success(_ref3) {
+    var title = _ref3.title,
+      description = _ref3.description;
+    return toast$1.success(React.createElement(CustomToastContent, {
+      title: title,
+      description: description
+    }));
+  },
+  error: function error(_ref4) {
+    var title = _ref4.title,
+      description = _ref4.description;
+    return toast$1.error(React.createElement(CustomToastContent, {
+      title: title,
+      description: description
+    }));
+  },
+  warn: function warn(_ref5) {
+    var title = _ref5.title,
+      description = _ref5.description;
+    return toast$1.warn(React.createElement(CustomToastContent, {
+      title: title,
+      description: description
+    }));
+  }
+};
+
+var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
+  _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
+  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(testSaga),
+  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(uploadFilesSaga),
+  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(TrainingSaga),
+  _marked6 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
+function getFilesSaga(action) {
+  var _action$payload, id, token, _yield$call, data;
+  return _regeneratorRuntime().wrap(function getFilesSaga$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.prev = 0;
+        _context.next = 3;
+        return put(commonLoadingStart());
+      case 3:
+        _action$payload = action.payload, id = _action$payload.id, token = _action$payload.token;
+        _context.next = 6;
+        return call(api.get, "/training/" + id + "?token=" + token);
+      case 6:
+        _yield$call = _context.sent;
+        data = _yield$call.data;
+        _context.next = 10;
+        return put(getFilesActionSuccess({
+          files: data.files
+        }));
+      case 10:
+        _context.next = 15;
+        break;
+      case 12:
+        _context.prev = 12;
+        _context.t0 = _context["catch"](0);
+        console.log('-----------getFiles.error------------------->', _context.t0);
+      case 15:
+        _context.prev = 15;
+        _context.next = 18;
+        return put(commonLoadingFinish());
+      case 18:
+        return _context.finish(15);
+      case 19:
+      case "end":
+        return _context.stop();
+    }
+  }, _marked, null, [[0, 12, 15, 19]]);
+}
+function deleteFilesSaga(action) {
+  var t, _action$payload2, id, name, token, _yield$call2, data;
+  return _regeneratorRuntime().wrap(function deleteFilesSaga$(_context2) {
+    while (1) switch (_context2.prev = _context2.next) {
+      case 0:
+        t = getLanguage(action.payload.language);
+        _context2.prev = 1;
+        _context2.next = 4;
+        return put(commonLoadingStart());
+      case 4:
+        _action$payload2 = action.payload, id = _action$payload2.id, name = _action$payload2.name, token = _action$payload2.token;
+        _context2.next = 7;
+        return call(api["delete"], "/delete/" + id + "/" + name + "?token=" + token);
+      case 7:
+        _context2.next = 9;
+        return call(api.get, "/training/" + id + "?token=" + token);
+      case 9:
+        _yield$call2 = _context2.sent;
+        data = _yield$call2.data;
+        _context2.next = 13;
+        return put(deleteFilesActionSuccess({
+          files: data.files,
+          success: true
+        }));
+      case 13:
+        _context2.next = 19;
+        break;
+      case 15:
+        _context2.prev = 15;
+        _context2.t0 = _context2["catch"](1);
+        toast.error({
+          title: t.toast.deleteFile.fail.title,
+          description: t.toast.deleteFile.fail.description
+        });
+        console.log('-----------deleteFilesSaga.error------------------->', _context2.t0);
+      case 19:
+        _context2.prev = 19;
+        _context2.next = 22;
+        return put(commonLoadingFinish());
+      case 22:
+        return _context2.finish(19);
+      case 23:
+      case "end":
+        return _context2.stop();
+    }
+  }, _marked2, null, [[1, 15, 19, 23]]);
+}
+function testSaga(action) {
+  var _action$payload3, question, profile, presset, files_directory, token, _yield$call3, data;
+  return _regeneratorRuntime().wrap(function testSaga$(_context3) {
+    while (1) switch (_context3.prev = _context3.next) {
+      case 0:
+        _context3.prev = 0;
+        _context3.next = 3;
+        return put(commonLoadingStart());
+      case 3:
+        _action$payload3 = action.payload, question = _action$payload3.question, profile = _action$payload3.profile, presset = _action$payload3.presset, files_directory = _action$payload3.files_directory, token = _action$payload3.token;
+        _context3.next = 6;
+        return call(api.post, "/ask", {
+          question: question,
+          profile: profile,
+          tag: presset,
+          files_directory: files_directory,
+          token: token
+        });
+      case 6:
+        _yield$call3 = _context3.sent;
+        data = _yield$call3.data;
+        _context3.next = 10;
+        return put(testActionSuccess({
+          message: data.message
+        }));
+      case 10:
+        _context3.next = 15;
+        break;
+      case 12:
+        _context3.prev = 12;
+        _context3.t0 = _context3["catch"](0);
+        console.log('-----------testSaga.error------------------->', _context3.t0);
+      case 15:
+        _context3.prev = 15;
+        _context3.next = 18;
+        return put(commonLoadingFinish());
+      case 18:
+        return _context3.finish(15);
+      case 19:
+      case "end":
+        return _context3.stop();
+    }
+  }, _marked3, null, [[0, 12, 15, 19]]);
+}
+function uploadFilesSaga(action) {
+  var t, _action$payload4, id, file, pressets, token, blob, formData, queryParams, url, _yield$call4, data;
+  return _regeneratorRuntime().wrap(function uploadFilesSaga$(_context4) {
+    while (1) switch (_context4.prev = _context4.next) {
+      case 0:
+        t = getLanguage(action.payload.language);
+        _context4.prev = 1;
+        _context4.next = 4;
+        return put(commonLoadingStart());
+      case 4:
+        _action$payload4 = action.payload, id = _action$payload4.id, file = _action$payload4.file, pressets = _action$payload4.pressets, token = _action$payload4.token;
+        blob = new Blob([file.content]);
+        formData = new FormData();
+        formData.append('file', blob, file.properties.path);
+        queryParams = pressets.length ? new URLSearchParams({
+          tags: pressets.join(',')
+        }).toString() : '';
+        url = queryParams ? "/upload/" + id + "?token=" + token + "&" + queryParams : "/upload/" + id + "?token=" + token;
+        _context4.next = 12;
+        return call(api.post, url, formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        });
+      case 12:
+        _context4.next = 14;
+        return call(api.get, "/training/" + id + "?token=" + token);
+      case 14:
+        _yield$call4 = _context4.sent;
+        data = _yield$call4.data;
+        _context4.next = 18;
+        return put(uploadFilesActionSuccess({
+          files: data.files
+        }));
+      case 18:
+        _context4.next = 24;
+        break;
+      case 20:
+        _context4.prev = 20;
+        _context4.t0 = _context4["catch"](1);
+        toast.error({
+          title: t.toast.uploadFile.fail.title,
+          description: t.toast.uploadFile.fail.description
+        });
+        console.log('-----------uploadFilesSaga.error------------------->', _context4.t0);
+      case 24:
+        _context4.prev = 24;
+        _context4.next = 27;
+        return put(commonLoadingFinish());
+      case 27:
+        return _context4.finish(24);
+      case 28:
+      case "end":
+        return _context4.stop();
+    }
+  }, _marked4, null, [[1, 20, 24, 28]]);
+}
+function TrainingSaga(action) {
+  var t, _action$payload5, id, pressets, token, tag, queryParams, _yield$call5, data;
+  return _regeneratorRuntime().wrap(function TrainingSaga$(_context5) {
+    while (1) switch (_context5.prev = _context5.next) {
+      case 0:
+        t = getLanguage(action.payload.language);
+        _context5.prev = 1;
+        _context5.next = 4;
+        return put(commonLoadingStart());
+      case 4:
+        _action$payload5 = action.payload, id = _action$payload5.id, pressets = _action$payload5.pressets, token = _action$payload5.token;
+        tag = pressets.join(',');
+        queryParams = new URLSearchParams({
+          tag: tag
+        }).toString();
+        _context5.next = 9;
+        return call(api.post, pressets.length > 0 ? "/training?" + queryParams : "/training", {
+          files_directory: id,
+          token: token
+        });
+      case 9:
+        _context5.next = 11;
+        return call(api.get, "/training/" + id + "?token=" + token);
+      case 11:
+        _yield$call5 = _context5.sent;
+        data = _yield$call5.data;
+        _context5.next = 15;
+        return put(uploadFilesActionSuccess({
+          files: data.files
+        }));
+      case 15:
+        toast.success({
+          title: t.toast.Train.success.title,
+          description: t.toast.Train.success.description
+        });
+        _context5.next = 22;
+        break;
+      case 18:
+        _context5.prev = 18;
+        _context5.t0 = _context5["catch"](1);
+        toast.error({
+          title: t.toast.Train.fail.title,
+          description: t.toast.Train.fail.description
+        });
+        console.log('-----------TrainingSaga.error------------------->', _context5.t0);
+      case 22:
+        _context5.prev = 22;
+        _context5.next = 25;
+        return put(commonLoadingFinish());
+      case 25:
+        return _context5.finish(22);
+      case 26:
+      case "end":
+        return _context5.stop();
+    }
+  }, _marked5, null, [[1, 18, 22, 26]]);
+}
+function filesSagas() {
+  return _regeneratorRuntime().wrap(function filesSagas$(_context6) {
+    while (1) switch (_context6.prev = _context6.next) {
+      case 0:
+        _context6.next = 2;
+        return all([takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), takeLatest(Types.UPLOAD_FILES_REQUEST, uploadFilesSaga), takeLatest(Types.TEST_REQUEST, testSaga), takeLatest(Types.TRAINING_REQUEST, TrainingSaga)]);
+      case 2:
+      case "end":
+        return _context6.stop();
+    }
+  }, _marked6);
+}
+
+var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();
+var store = /*#__PURE__*/createStore(filesReducer, /*#__PURE__*/applyMiddleware(sagaMiddleware));
+sagaMiddleware.run(filesSagas);
+
+function Code7(props) {
+  return React.createElement(Provider, {
+    store: store
+  }, React.createElement(Leia, Object.assign({}, props)));
+}
+
+export { Code7 };
+//# sourceMappingURL=code7-leia.esm.js.map