code7-leia 0.1.114 → 0.1.116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,8 @@ var React__default = _interopDefault(React);
10
10
  var reactRouterDom = require('react-router-dom');
11
11
  var PropTypes = _interopDefault(require('prop-types'));
12
12
  var cc = _interopDefault(require('classcat'));
13
- var styled = _interopDefault(require('styled-components'));
13
+ var styled = require('styled-components');
14
+ var styled__default = _interopDefault(styled);
14
15
  var fa = require('react-icons/fa');
15
16
  var unorm = _interopDefault(require('unorm'));
16
17
  var md = require('react-icons/md');
@@ -21,6 +22,8 @@ var redux = require('redux');
21
22
  var createSagaMiddleware = _interopDefault(require('redux-saga'));
22
23
  var immer = require('immer');
23
24
  var effects = require('redux-saga/effects');
25
+ var reactToastify = require('react-toastify');
26
+ require('react-toastify/dist/ReactToastify.css');
24
27
 
25
28
  function _regeneratorRuntime() {
26
29
  _regeneratorRuntime = function () {
@@ -388,8 +391,8 @@ function _taggedTemplateLiteralLoose(strings, raw) {
388
391
  }
389
392
 
390
393
  var _templateObject, _templateObject2;
391
- 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"])));
392
- 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"])));
394
+ var TabsPane = /*#__PURE__*/styled__default.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"])));
395
+ var Tab = /*#__PURE__*/styled__default.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"])));
393
396
 
394
397
  var _excluded = ["active", "children"],
395
398
  _excluded2 = ["children", "value", "onChange"];
@@ -485,6 +488,34 @@ var defaultLanguage = {
485
488
  title: 'No data for analysis',
486
489
  description: 'Do a search, click the "Test" button.'
487
490
  }
491
+ },
492
+ toast: {
493
+ deleteFile: {
494
+ success: {
495
+ title: 'Success',
496
+ description: 'File deleted successfully!'
497
+ },
498
+ fail: {
499
+ title: 'Failure',
500
+ description: 'Error deleting the file!'
501
+ }
502
+ },
503
+ uploadFile: {
504
+ success: {
505
+ title: 'Success',
506
+ description: 'File uploaded successfully!'
507
+ },
508
+ fail: {
509
+ title: 'Failure',
510
+ description: 'Error uploading the file!'
511
+ }
512
+ },
513
+ Test: {
514
+ fail: {
515
+ title: 'Failure',
516
+ description: 'Error testing Le-IA'
517
+ }
518
+ }
488
519
  }
489
520
  };
490
521
  var getLanguage = function getLanguage(language) {
@@ -525,7 +556,35 @@ var getLanguage = function getLanguage(language) {
525
556
  title: 'Sem dados para análise',
526
557
  description: 'Faça uma pesquisa, clique no botão "Teste".'
527
558
  })
528
- })
559
+ }),
560
+ toast: {
561
+ deleteFile: {
562
+ success: {
563
+ title: 'Sucesso',
564
+ description: 'Arquivo deletado com sucesso!'
565
+ },
566
+ fail: {
567
+ title: 'Falha',
568
+ description: 'Erro ao deletar o arquivo!'
569
+ }
570
+ },
571
+ uploadFile: {
572
+ success: {
573
+ title: 'Sucesso',
574
+ description: 'Arquivo enviado com sucesso!'
575
+ },
576
+ fail: {
577
+ title: 'Falha',
578
+ description: 'Erro ao enviar o arquivo!'
579
+ }
580
+ },
581
+ Test: {
582
+ fail: {
583
+ title: 'Falha',
584
+ description: 'Erro ao testar a Le-IA'
585
+ }
586
+ }
587
+ }
529
588
  },
530
589
  es: _extends({}, defaultLanguage, {
531
590
  files: 'Archivos',
@@ -561,23 +620,53 @@ var getLanguage = function getLanguage(language) {
561
620
  title: 'Sin datos para el análisis',
562
621
  description: 'Realiza una búsqueda, haz clic en el botón "Prueba".'
563
622
  })
564
- })
623
+ }),
624
+ toast: {
625
+ deleteFile: {
626
+ success: {
627
+ title: 'Éxito',
628
+ description: '¡Archivo eliminado correctamente!'
629
+ },
630
+ fail: {
631
+ title: 'Fallo',
632
+ description: 'Error al eliminar el archivo!'
633
+ }
634
+ },
635
+ uploadFile: {
636
+ success: {
637
+ title: 'Éxito',
638
+ description: '¡Archivo subido correctamente!'
639
+ },
640
+ fail: {
641
+ title: 'Fallo',
642
+ description: 'Error al subir el archivo!'
643
+ }
644
+ },
645
+ Test: {
646
+ fail: {
647
+ title: 'Fallo',
648
+ description: 'Error al probar Le-IA'
649
+ }
650
+ }
651
+ }
565
652
  })
566
653
  };
567
654
  return languages[language] || defaultLanguage;
568
655
  };
569
656
 
570
- var _templateObject$1, _templateObject2$1;
571
- var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .tag {\n padding: 4px 8px 4px 8px;\n background: #C7F9ED;\n border-radius: 4px;\n }\n\n .tags {\n display: flex;\n justify-content: left;\n gap: 4px;\n }\n\n .divDelete {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n }\n\n .buttonDelete {\n color: #5b0a1f;\n background: #fae0d2;\n padding: 12px 20px;\n border-radius: 4px;\n }\n\n .buttonDelete:hover {\n background: #f5bba7;\n }\n\n .button {\n padding: 8px 16px 8px 16px;\n border-radius: 4px;\n gap: 10px;\n }\n\n .cancel {\n background: #F3F5F9;\n color: #5A5D68;\n }\n\n .send {\n background: #102693;\n color: white;\n }\n\n .delete {\n background: #871821;\n color: white;\n }\n\n .presset {\n padding-top: 10px;\n display: flex;\n flex-direction: column;\n }\n\n #warning {\n padding: 10px;\n background: #FAE0D2;\n color: #871821;\n }\n"])));
572
- var Header = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n .infos {\n display: flex;\n flex-direction: column;\n padding: 14px 0;\n\n h2 {\n font-size: 20px\n }\n\n p {\n font-size: 14px\n }\n }\n\n .actions {\n display: flex;\n justify-content: space-between;\n padding-bottom: 14px;\n\n button {\n background: #102693;\n padding: 10px 20px;\n color: white;\n border-radius: 4px;\n }\n }\n\n"])));
657
+ var _templateObject$1, _templateObject2$1, _templateObject3;
658
+ var Container = /*#__PURE__*/styled__default.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n\n .tag {\n padding: 4px 8px 4px 8px;\n background: #C7F9ED;\n border-radius: 4px;\n }\n\n .tags {\n display: flex;\n justify-content: left;\n gap: 4px;\n }\n\n .divDelete {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 4px;\n }\n\n .buttonDelete {\n color: #5b0a1f;\n background: #fae0d2;\n padding: 12px 20px;\n border-radius: 4px;\n }\n\n .buttonDelete:hover {\n background: #f5bba7;\n }\n\n .button {\n padding: 8px 16px 8px 16px;\n border-radius: 4px;\n gap: 10px;\n }\n\n .cancel {\n background: #F3F5F9;\n color: #5A5D68;\n }\n\n .send {\n background: #102693;\n color: white;\n }\n\n .delete {\n background: #871821;\n color: white;\n }\n\n .presset {\n padding-top: 10px;\n display: flex;\n flex-direction: column;\n }\n\n #warning {\n padding: 10px;\n background: #FAE0D2;\n color: #871821;\n }\n"])), function (props) {
659
+ return props.isLoading && styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n #loading {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #979aa5;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n }\n\n #loading::after {\n content: \"\";\n border: 4px solid #f3f3f3; /* Cor do s\xEDmbolo de carregamento */\n border-top: 4px solid #3498db; /* Cor do s\xEDmbolo de carregamento */\n border-radius: 50%;\n width: 30px;\n height: 30px;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n "])));
660
+ });
661
+ var Header = /*#__PURE__*/styled__default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n .infos {\n display: flex;\n flex-direction: column;\n padding: 14px 0;\n\n h2 {\n font-size: 20px\n }\n\n p {\n font-size: 14px\n }\n }\n\n .actions {\n display: flex;\n justify-content: space-between;\n padding-bottom: 14px;\n\n button {\n background: #102693;\n padding: 10px 20px;\n color: white;\n border-radius: 4px;\n }\n }\n\n"])));
573
662
 
574
- var _templateObject$2, _templateObject2$2, _templateObject3;
575
- 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"])));
576
- 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"])));
577
- var TableLoadingWrapper = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__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"])));
663
+ var _templateObject$2, _templateObject2$2, _templateObject3$1;
664
+ var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n height: max-content;\n min-height: 50px;\n position: relative;\n"])));
665
+ var Table = /*#__PURE__*/styled__default.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"])));
666
+ var TableLoadingWrapper = /*#__PURE__*/styled__default.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"])));
578
667
 
579
668
  var _templateObject$3;
580
- 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) {
669
+ var SpinnerWrapper = /*#__PURE__*/styled__default.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) {
581
670
  return "var(--" + props.color + ")";
582
671
  });
583
672
 
@@ -658,8 +747,8 @@ var SearchInput = function SearchInput(_ref) {
658
747
  }, React__default.createElement(fa.FaSearch, null)));
659
748
  };
660
749
 
661
- var _templateObject$4, _templateObject2$3, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
662
- var FullScreen = /*#__PURE__*/styled.div(_templateObject$4 || (_templateObject$4 = /*#__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) {
750
+ var _templateObject$4, _templateObject2$3, _templateObject3$2, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
751
+ var FullScreen = /*#__PURE__*/styled__default.div(_templateObject$4 || (_templateObject$4 = /*#__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) {
663
752
  var isOpen = _ref.isOpen;
664
753
  return isOpen === 1 ? 'flex' : 'none';
665
754
  }, function (_ref2) {
@@ -669,25 +758,25 @@ var FullScreen = /*#__PURE__*/styled.div(_templateObject$4 || (_templateObject$4
669
758
  var zIndex = _ref3.zIndex;
670
759
  return zIndex;
671
760
  });
672
- var Modal = /*#__PURE__*/styled.div(_templateObject2$3 || (_templateObject2$3 = /*#__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) {
761
+ var Modal = /*#__PURE__*/styled__default.div(_templateObject2$3 || (_templateObject2$3 = /*#__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) {
673
762
  var maxWidth = _ref4.maxWidth;
674
763
  return maxWidth;
675
764
  });
676
- var ModalContainer = /*#__PURE__*/styled.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-y: auto;\n max-height: ", ";\n"])), function (_ref5) {
765
+ var ModalContainer = /*#__PURE__*/styled__default.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-y: auto;\n max-height: ", ";\n"])), function (_ref5) {
677
766
  var maxHeight = _ref5.maxHeight;
678
767
  return maxHeight;
679
768
  });
680
- 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"])));
681
- 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"])));
682
- var ModalButtonClose = /*#__PURE__*/styled.button(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n outline: none;\n cursor: pointer;\n\n :hover {\n opacity: 0.7;\n }\n"])));
683
- 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) {
769
+ var ModalHeader = /*#__PURE__*/styled__default.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"])));
770
+ var ModalTitle = /*#__PURE__*/styled__default.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"])));
771
+ var ModalButtonClose = /*#__PURE__*/styled__default.button(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n outline: none;\n cursor: pointer;\n\n :hover {\n opacity: 0.7;\n }\n"])));
772
+ var ModalContentWrapper = /*#__PURE__*/styled__default.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-y: ", ";\n max-height: ", ";\n padding: var(--spacement-medium);\n"])), function (_ref6) {
684
773
  var overflowY = _ref6.overflowY;
685
774
  return overflowY;
686
775
  }, function (_ref7) {
687
776
  var maxHeight = _ref7.maxHeight;
688
777
  return maxHeight;
689
778
  });
690
- 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"])));
779
+ var ModalFooterWrapper = /*#__PURE__*/styled__default.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"])));
691
780
 
692
781
  var _excluded$2 = ["children"];
693
782
  var ModalFooter = function ModalFooter(_ref) {
@@ -809,7 +898,7 @@ Modal$1.defaultProps = {
809
898
  };
810
899
 
811
900
  var _templateObject$5;
812
- var Container$1 = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 24px 0;\n height: 193px;\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 & .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) {
901
+ var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 24px 0;\n height: 193px;\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 & .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) {
813
902
  var hasBorder = _ref.hasBorder;
814
903
  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%)";
815
904
  }, function (_ref2) {
@@ -870,7 +959,7 @@ EmptyState.defaultProps = {
870
959
  };
871
960
 
872
961
  var _templateObject$6;
873
- var Container$2 = /*#__PURE__*/styled.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 50%;\n margin-right: 5px;\n select {\n padding: 12px;\n border-radius: 4px;\n border: 1px solid #979AA5;\n width: 100%;\n height: 40px;\n \n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n\n option {\n background: white;\n font-size: 14px;\n color: #5a5d68;\n }\n\n option:checked, option:hover {\n background: #6690ff;\n font-size: 14px;\n color: white;\n }\n }\n"])));
962
+ var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 50%;\n margin-right: 5px;\n select {\n padding: 12px;\n border-radius: 4px;\n border: 1px solid #979AA5;\n width: 100%;\n height: 40px;\n \n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n\n option {\n background: white;\n font-size: 14px;\n color: #5a5d68;\n }\n\n option:checked, option:hover {\n background: #6690ff;\n font-size: 14px;\n color: white;\n }\n }\n"])));
874
963
 
875
964
  var Select = function Select(_ref) {
876
965
  var options = _ref.options,
@@ -912,7 +1001,7 @@ var getColor = function getColor(props) {
912
1001
  }
913
1002
  return '#979aa5';
914
1003
  };
915
- var Container$3 = /*#__PURE__*/styled.div(_templateObject$7 || (_templateObject$7 = /*#__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) {
1004
+ var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__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) {
916
1005
  return getColor(props);
917
1006
  });
918
1007
 
@@ -1121,7 +1210,13 @@ var Types = {
1121
1210
  UPLOAD_FILES_REQUEST: 'UPLOAD_FILES_REQUEST',
1122
1211
  UPLOAD_FILES_SUCCESS: 'UPLOAD_FILES_SUCCESS',
1123
1212
  TEST_REQUEST: 'TEST_REQUEST',
1124
- TEST_SUCCESS: 'TEST_SUCCESS'
1213
+ TEST_SUCCESS: 'TEST_SUCCESS',
1214
+ LOADING_START: 'LOADING_START',
1215
+ LOADING_FINISH: 'LOADING_FINISH',
1216
+ CHANGING_START: 'CHANGING_START',
1217
+ CHANGING_FINISH: 'CHANGING_FINISH',
1218
+ NETWORK_ONLINE: 'NETWORK_ONLINE',
1219
+ NETWORK_OFFLINE: 'NETWORK_OFFLINE'
1125
1220
  };
1126
1221
 
1127
1222
  var getFilesAction = function getFilesAction(id) {
@@ -1141,12 +1236,13 @@ var getFilesActionSuccess = function getFilesActionSuccess(_ref) {
1141
1236
  }
1142
1237
  };
1143
1238
  };
1144
- var deleteFilesAction = function deleteFilesAction(name, id) {
1239
+ var deleteFilesAction = function deleteFilesAction(name, id, language) {
1145
1240
  return {
1146
1241
  type: Types.DELETE_FILES_REQUEST,
1147
1242
  payload: {
1148
1243
  name: name,
1149
- id: id
1244
+ id: id,
1245
+ language: language
1150
1246
  }
1151
1247
  };
1152
1248
  };
@@ -1159,13 +1255,14 @@ var deleteFilesActionSuccess = function deleteFilesActionSuccess(_ref2) {
1159
1255
  }
1160
1256
  };
1161
1257
  };
1162
- var uploadFilesAction = function uploadFilesAction(file, id, pressets) {
1258
+ var uploadFilesAction = function uploadFilesAction(file, id, pressets, language) {
1163
1259
  return {
1164
1260
  type: Types.UPLOAD_FILES_REQUEST,
1165
1261
  payload: {
1166
1262
  file: file,
1167
1263
  id: id,
1168
- pressets: pressets
1264
+ pressets: pressets,
1265
+ language: language
1169
1266
  }
1170
1267
  };
1171
1268
  };
@@ -1198,6 +1295,16 @@ var testActionSuccess = function testActionSuccess(_ref4) {
1198
1295
  }
1199
1296
  };
1200
1297
  };
1298
+ var commonLoadingStart = function commonLoadingStart() {
1299
+ return {
1300
+ type: Types.LOADING_START
1301
+ };
1302
+ };
1303
+ var commonLoadingFinish = function commonLoadingFinish() {
1304
+ return {
1305
+ type: Types.LOADING_FINISH
1306
+ };
1307
+ };
1201
1308
 
1202
1309
  var FileArea = function FileArea() {
1203
1310
  var _useSharedProps = useSharedProps(),
@@ -1231,6 +1338,9 @@ var FileArea = function FileArea() {
1231
1338
  var initFiles = reactRedux.useSelector(function (state) {
1232
1339
  return state.files;
1233
1340
  });
1341
+ var isLoading = reactRedux.useSelector(function (state) {
1342
+ return state.isLoading;
1343
+ });
1234
1344
  var tags = propTags ? propTags.tags : [];
1235
1345
  React.useEffect(function () {
1236
1346
  dispatch(getFilesAction(id));
@@ -1239,9 +1349,9 @@ var FileArea = function FileArea() {
1239
1349
  if (!!initFiles) {
1240
1350
  setFiles(initFiles);
1241
1351
  setInitialFiles(initFiles);
1352
+ setModal(false);
1353
+ setModalDelete(false);
1242
1354
  }
1243
- setModal(false);
1244
- setModalDelete(false);
1245
1355
  }, [initFiles]);
1246
1356
  var optionsPresset = tags.map(function (tag) {
1247
1357
  return {
@@ -1265,13 +1375,17 @@ var FileArea = function FileArea() {
1265
1375
  setModalDelete(!modalDelete);
1266
1376
  };
1267
1377
  var deleteFile = function deleteFile() {
1268
- dispatch(deleteFilesAction(fileDelete, id));
1378
+ dispatch(deleteFilesAction(fileDelete, id, language));
1269
1379
  };
1270
1380
  var handleUploadFile = function handleUploadFile() {
1271
- dispatch(uploadFilesAction(uploadFile, id, [presset]));
1381
+ dispatch(uploadFilesAction(uploadFile, id, [presset], language));
1272
1382
  };
1273
1383
  var renderFiles = function renderFiles() {
1274
- return React__default.createElement(Container, null, React__default.createElement(Header, null, React__default.createElement("div", {
1384
+ return React__default.createElement(Container, {
1385
+ isLoading: isLoading
1386
+ }, React__default.createElement("div", {
1387
+ id: 'loading'
1388
+ }), React__default.createElement(Header, null, React__default.createElement("div", {
1275
1389
  className: 'infos'
1276
1390
  }, React__default.createElement("h2", null, t.files), React__default.createElement("p", null, t.fileArea.description)), React__default.createElement("div", {
1277
1391
  className: 'actions'
@@ -1373,17 +1487,17 @@ var FileArea = function FileArea() {
1373
1487
  }, React__default.createElement(Container, null, renderFiles()));
1374
1488
  };
1375
1489
 
1376
- var _templateObject$8, _templateObject2$4, _templateObject3$2, _templateObject4$1;
1377
- var Container$4 = /*#__PURE__*/styled.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
1378
- var Header$1 = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .infos {\n display: flex;\n flex-direction: column;\n padding: 14px 0;\n\n h2 {\n font-size: 20px\n }\n\n p {\n font-size: 14px\n }\n }\n"])));
1379
- var Inputs = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n\n button {\n background: #102693;\n padding: 10px 20px;\n color: white;\n border-radius: 4px;\n width: 190px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n svg {\n width: 23px;\n height: 23px;\n }\n }\n"])));
1380
- var Result = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: left;\n background: #F3F5F9;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n\n .text{\n margin-left: 5px;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n\n svg {\n width: 35px;\n height: 35px;\n }\n }\n\n"])));
1490
+ var _templateObject$8, _templateObject2$4, _templateObject3$3, _templateObject4$1;
1491
+ var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
1492
+ var Header$1 = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n .infos {\n display: flex;\n flex-direction: column;\n padding: 14px 0;\n\n h2 {\n font-size: 20px\n }\n\n p {\n font-size: 14px\n }\n }\n"])));
1493
+ var Inputs = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n\n button {\n background: #102693;\n padding: 10px 20px;\n color: white;\n border-radius: 4px;\n width: 190px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n svg {\n width: 23px;\n height: 23px;\n }\n }\n"])));
1494
+ var Result = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: left;\n background: #F3F5F9;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n\n .text{\n margin-left: 5px;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n\n svg {\n width: 35px;\n height: 35px;\n }\n }\n\n"])));
1381
1495
 
1382
- var _templateObject$9, _templateObject2$5, _templateObject3$3, _templateObject4$2;
1383
- var Container$5 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n margin-right: 5px;\n"])));
1384
- var StyledInput = /*#__PURE__*/styled.input(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n padding-right: 40px;\n border-radius: 5px;\n border: 1px solid #ccc;\n height: 40px;\n width: 100%;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n"])));
1385
- var RecordAudioButton = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n"])));
1386
- var StyledMicrophoneIcon = /*#__PURE__*/styled(fa.FaMicrophone)(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n"])));
1496
+ var _templateObject$9, _templateObject2$5, _templateObject3$4, _templateObject4$2;
1497
+ var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n margin-right: 5px;\n"])));
1498
+ var StyledInput = /*#__PURE__*/styled__default.input(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n padding-right: 40px;\n border-radius: 5px;\n border: 1px solid #ccc;\n height: 40px;\n width: 100%;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n"])));
1499
+ var RecordAudioButton = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n"])));
1500
+ var StyledMicrophoneIcon = /*#__PURE__*/styled__default(fa.FaMicrophone)(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n"])));
1387
1501
 
1388
1502
  var InputTest = function InputTest(_ref) {
1389
1503
  var placeholder = _ref.placeholder,
@@ -1526,7 +1640,10 @@ var Leia = function Leia(props) {
1526
1640
 
1527
1641
  var INITIAL_STATE = {
1528
1642
  files: [],
1529
- message: ''
1643
+ message: '',
1644
+ isLoading: false,
1645
+ isChanging: false,
1646
+ isOffline: true
1530
1647
  };
1531
1648
  function filesReducer(state, action) {
1532
1649
  if (state === void 0) {
@@ -1543,12 +1660,76 @@ function filesReducer(state, action) {
1543
1660
  case Types.TEST_SUCCESS:
1544
1661
  draft.message = action.payload.message;
1545
1662
  break;
1663
+ case Types.LOADING_START:
1664
+ draft.isLoading = true;
1665
+ break;
1666
+ case Types.LOADING_FINISH:
1667
+ draft.isLoading = false;
1668
+ break;
1669
+ case Types.CHANGING_START:
1670
+ draft.isChanging = true;
1671
+ break;
1672
+ case Types.CHANGING_FINISH:
1673
+ draft.isChanging = false;
1674
+ break;
1675
+ case Types.NETWORK_ONLINE:
1676
+ draft.isOffline = false;
1677
+ break;
1678
+ case Types.NETWORK_OFFLINE:
1679
+ draft.isOffline = true;
1680
+ break;
1546
1681
  default:
1547
1682
  return action.payload;
1548
1683
  }
1549
1684
  });
1550
1685
  }
1551
1686
 
1687
+ var CustomToastContent = function CustomToastContent(_ref) {
1688
+ var title = _ref.title,
1689
+ description = _ref.description;
1690
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
1691
+ className: "custom-toastify-content"
1692
+ }, React__default.createElement("strong", {
1693
+ className: "custom-toastify-title"
1694
+ }, title), description && React__default.createElement("p", {
1695
+ className: "custom-toastify-description"
1696
+ }, description)));
1697
+ };
1698
+ var toast = {
1699
+ "default": function _default(_ref2) {
1700
+ var title = _ref2.title,
1701
+ description = _ref2.description;
1702
+ return reactToastify.toast(React__default.createElement(CustomToastContent, {
1703
+ title: title,
1704
+ description: description
1705
+ }));
1706
+ },
1707
+ success: function success(_ref3) {
1708
+ var title = _ref3.title,
1709
+ description = _ref3.description;
1710
+ return reactToastify.toast.success(React__default.createElement(CustomToastContent, {
1711
+ title: title,
1712
+ description: description
1713
+ }));
1714
+ },
1715
+ error: function error(_ref4) {
1716
+ var title = _ref4.title,
1717
+ description = _ref4.description;
1718
+ return reactToastify.toast.error(React__default.createElement(CustomToastContent, {
1719
+ title: title,
1720
+ description: description
1721
+ }));
1722
+ },
1723
+ warn: function warn(_ref5) {
1724
+ var title = _ref5.title,
1725
+ description = _ref5.description;
1726
+ return reactToastify.toast.warn(React__default.createElement(CustomToastContent, {
1727
+ title: title,
1728
+ description: description
1729
+ }));
1730
+ }
1731
+ };
1732
+
1552
1733
  var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
1553
1734
  _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
1554
1735
  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(testSaga),
@@ -1584,36 +1765,51 @@ function getFilesSaga(action) {
1584
1765
  }, _marked, null, [[0, 10]]);
1585
1766
  }
1586
1767
  function deleteFilesSaga(action) {
1587
- var _action$payload, id, name, _yield$call2, data;
1768
+ var t, _action$payload, id, name, _yield$call2, data;
1588
1769
  return _regeneratorRuntime().wrap(function deleteFilesSaga$(_context2) {
1589
1770
  while (1) switch (_context2.prev = _context2.next) {
1590
1771
  case 0:
1591
- _context2.prev = 0;
1592
- _action$payload = action.payload, id = _action$payload.id, name = _action$payload.name;
1772
+ t = getLanguage(action.payload.language);
1773
+ _context2.prev = 1;
1593
1774
  _context2.next = 4;
1594
- return effects.call(api["delete"], "/delete/" + id + "/" + name);
1775
+ return effects.put(commonLoadingStart());
1595
1776
  case 4:
1596
- _context2.next = 6;
1777
+ _action$payload = action.payload, id = _action$payload.id, name = _action$payload.name;
1778
+ _context2.next = 7;
1779
+ return effects.call(api["delete"], "/delete/" + id + "/" + name);
1780
+ case 7:
1781
+ _context2.next = 9;
1597
1782
  return effects.call(api.get, "/files/" + id);
1598
- case 6:
1783
+ case 9:
1599
1784
  _yield$call2 = _context2.sent;
1600
1785
  data = _yield$call2.data;
1601
- _context2.next = 10;
1786
+ _context2.next = 13;
1602
1787
  return effects.put(deleteFilesActionSuccess({
1603
- files: data.files
1788
+ files: data.files,
1789
+ success: true
1604
1790
  }));
1605
- case 10:
1606
- _context2.next = 15;
1791
+ case 13:
1792
+ _context2.next = 19;
1607
1793
  break;
1608
- case 12:
1609
- _context2.prev = 12;
1610
- _context2.t0 = _context2["catch"](0);
1611
- console.log('-----------deleteFilesSaga.error------------------->', _context2.t0);
1612
1794
  case 15:
1795
+ _context2.prev = 15;
1796
+ _context2.t0 = _context2["catch"](1);
1797
+ toast.error({
1798
+ title: t.toast.deleteFile.fail.title,
1799
+ description: t.toast.deleteFile.fail.description
1800
+ });
1801
+ console.log('-----------deleteFilesSaga.error------------------->', _context2.t0);
1802
+ case 19:
1803
+ _context2.prev = 19;
1804
+ _context2.next = 22;
1805
+ return effects.put(commonLoadingFinish());
1806
+ case 22:
1807
+ return _context2.finish(19);
1808
+ case 23:
1613
1809
  case "end":
1614
1810
  return _context2.stop();
1615
1811
  }
1616
- }, _marked2, null, [[0, 12]]);
1812
+ }, _marked2, null, [[1, 15, 19, 23]]);
1617
1813
  }
1618
1814
  function testSaga(action) {
1619
1815
  var _action$payload2, question, profile, presset, files_directory, _yield$call3, data;
@@ -1650,11 +1846,15 @@ function testSaga(action) {
1650
1846
  }, _marked3, null, [[0, 10]]);
1651
1847
  }
1652
1848
  function uploadFilesSaga(action) {
1653
- var _action$payload3, id, file, pressets, tags, blob, formData, queryParams, _yield$call4, data;
1849
+ var t, _action$payload3, id, file, pressets, tags, blob, formData, queryParams, _yield$call4, data;
1654
1850
  return _regeneratorRuntime().wrap(function uploadFilesSaga$(_context4) {
1655
1851
  while (1) switch (_context4.prev = _context4.next) {
1656
1852
  case 0:
1657
- _context4.prev = 0;
1853
+ t = getLanguage(action.payload.language);
1854
+ _context4.prev = 1;
1855
+ _context4.next = 4;
1856
+ return effects.put(commonLoadingStart());
1857
+ case 4:
1658
1858
  _action$payload3 = action.payload, id = _action$payload3.id, file = _action$payload3.file, pressets = _action$payload3.pressets;
1659
1859
  tags = pressets.join(',');
1660
1860
  blob = new Blob([file.content]);
@@ -1663,34 +1863,44 @@ function uploadFilesSaga(action) {
1663
1863
  queryParams = new URLSearchParams({
1664
1864
  tags: tags
1665
1865
  }).toString();
1666
- _context4.next = 9;
1866
+ _context4.next = 12;
1667
1867
  return effects.call(api.post, "/upload/" + id + "?" + queryParams, formData, {
1668
1868
  headers: {
1669
1869
  'Content-Type': 'multipart/form-data'
1670
1870
  }
1671
1871
  });
1672
- case 9:
1673
- _context4.next = 11;
1872
+ case 12:
1873
+ _context4.next = 14;
1674
1874
  return effects.call(api.get, "/files/" + id);
1675
- case 11:
1875
+ case 14:
1676
1876
  _yield$call4 = _context4.sent;
1677
1877
  data = _yield$call4.data;
1678
- _context4.next = 15;
1878
+ _context4.next = 18;
1679
1879
  return effects.put(uploadFilesActionSuccess({
1680
1880
  files: data.files
1681
1881
  }));
1682
- case 15:
1683
- _context4.next = 20;
1882
+ case 18:
1883
+ _context4.next = 24;
1684
1884
  break;
1685
- case 17:
1686
- _context4.prev = 17;
1687
- _context4.t0 = _context4["catch"](0);
1688
- console.log('-----------uploadFilesSaga.error------------------->', _context4.t0);
1689
1885
  case 20:
1886
+ _context4.prev = 20;
1887
+ _context4.t0 = _context4["catch"](1);
1888
+ toast.error({
1889
+ title: t.toast.uploadFile.fail.title,
1890
+ description: t.toast.uploadFile.fail.description
1891
+ });
1892
+ console.log('-----------uploadFilesSaga.error------------------->', _context4.t0);
1893
+ case 24:
1894
+ _context4.prev = 24;
1895
+ _context4.next = 27;
1896
+ return effects.put(commonLoadingFinish());
1897
+ case 27:
1898
+ return _context4.finish(24);
1899
+ case 28:
1690
1900
  case "end":
1691
1901
  return _context4.stop();
1692
1902
  }
1693
- }, _marked4, null, [[0, 17]]);
1903
+ }, _marked4, null, [[1, 20, 24, 28]]);
1694
1904
  }
1695
1905
  function filesSagas() {
1696
1906
  return _regeneratorRuntime().wrap(function filesSagas$(_context5) {