@credithub/harlan-components 1.34.0 → 1.35.1

package/dist/components/adresses/addresses.js

@@ -88,6 +88,6 @@ var Addresses = function () {
             React.createElement(AddItemField, { name: "Cidade", value: address.city, style: { display: 'inline-block' } }),
             React.createElement(AddItemField, { name: "Estado", value: address.state, style: { display: 'inline-block' } }))); })));
     };
-    return (React.createElement(Section, { title: "Endere\u00E7os", subtitle: "Informa\u00E7\u00F5es de endere\u00E7os do documento pesquisado.", icon: EnderecoIcon, minimized: false, ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), onError: function () { return response(undefined); }, onSuccess: response }));
+    return (React.createElement(Section, { title: "Endere\u00E7os", subtitle: "Informa\u00E7\u00F5es de endere\u00E7os do documento pesquisado.", icon: EnderecoIcon, minimized: false, ctx: ctx, onError: function () { return response(undefined); }, onSuccess: response }));
 };
 export default Addresses;

package/dist/components/bank-accounts/bank-accounts.js

@@ -62,6 +62,6 @@ var BankAccounts = function () {
             }
         };
     };
-    return (React.createElement(Section, { title: 'Informações de Contas Bancárias', subtitle: 'Vejas as informações disponíveis de contas bancárias.', icon: ContasBancariasIcon, ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), minimized: false, onSuccess: response }));
+    return (React.createElement(Section, { title: 'Informações de Contas Bancárias', subtitle: 'Vejas as informações disponíveis de contas bancárias.', icon: ContasBancariasIcon, ctx: ctx, minimized: false, onSuccess: response }));
 };
 export default BankAccounts;

package/dist/components/ccf/ccf.js

@@ -29,7 +29,7 @@ var CCF = function () {
         ultimaOcorrencia: XPathUtils.select('string(./ultimo)', node),
         motivo: XPathUtils.select('string(./motivo)', node)
     }); }, []);
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Cheques sem Fundos em Institui\u00E7\u00E3o Banc\u00E1ria", subtitle: "Detalhes acerca de cheques sem fundos emitidos.", icon: ChequesSemFundoIcon, onSuccess: function (data) {
+    return (React.createElement(Section, { ctx: ctx, title: "Cheques sem Fundos em Institui\u00E7\u00E3o Banc\u00E1ria", subtitle: "Detalhes acerca de cheques sem fundos emitidos.", icon: ChequesSemFundoIcon, onSuccess: function (data) {
             var allItems = XPathUtils.selectArray('//list/*', data);
             var filteredItems = allItems.filter(function (node) {
                 return node.nodeName.startsWith('item');

package/dist/components/consultaSimplesSection/consultaSimplesSection.js

@@ -77,6 +77,9 @@ var ConsultaSimplesSection = function (_a) {
             React.createElement(StatusMessage, null, format(new Date(), "dd/MM/yyyy 'às' HH:mm")),
             React.createElement(StatusMessage, { type: "found" }, formatDocument(documento)),
             isError && (ctx === null || ctx === void 0 ? void 0 : ctx.error) && (React.createElement(StatusMessage, { type: statusType }, ctx.error.message)),
-            possuiPendenciaText.length ? (possuiPendenciaText.map(function (text) { return (React.createElement(StatusMessage, { key: text, type: "error" }, text)); })) : (React.createElement(StatusMessage, { type: statusType }, "Nenhum registro encontrado"))), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default', ctx: ctx }, rest), children));
+            possuiPendenciaText.length ? (possuiPendenciaText.map(function (text) { return (React.createElement(StatusMessage, { key: text, type: "error" }, text)); })) : (React.createElement(StatusMessage, { type: statusType }, "Nenhum registro encontrado"))), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default', ctx: ctx, loadingProps: {
+            percentage: (ctx === null || ctx === void 0 ? void 0 : ctx.progress) || 0,
+            hidden: !isLoading
+        } }, rest), children));
 };
 export default ConsultaSimplesSection;

package/dist/components/contacts/contacts.js

@@ -66,7 +66,7 @@ var Contacts = function (_a) {
     useEffect(function () {
         updateData();
     }, [updateData]);
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Contato", subtitle: "Informa\u00E7\u00F5es de contato do documento pesquisado.", description: "(Telefone, e-mail e outros)", minimized: false, icon: ContatoIcon, onSuccess: function (data) {
+    return (React.createElement(Section, { ctx: ctx, title: "Contato", subtitle: "Informa\u00E7\u00F5es de contato do documento pesquisado.", description: "(Telefone, e-mail e outros)", minimized: false, icon: ContatoIcon, onSuccess: function (data) {
             var _a;
             var document = XPathUtils.select('string(//cpf|//cnpj)', data);
             var telefones = __spreadArray(__spreadArray([], (XPathUtils.selectArray('//telefones/fixos/fixos', data) || []), true), (XPathUtils.selectArray('//telefones/moveis/moveis', data) || []), true).map(function (telefone) { return ({

package/dist/components/dividasPublicas/dividasPublicas.js

@@ -59,7 +59,7 @@ var DividasPublicas = function () {
             setDataUpdated(true);
         }
     }, [ctx, dataUpdated, setData]);
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "D\u00EDvidas P\u00FAblicas", icon: DividasVencidasSerasaIcon, subtitle: "Veja as d\u00EDvidas p\u00FAblicas com a Uni\u00E3o (ativa, FGTS e previdenci\u00E1ria).", onSuccess: function (document) {
+    return (React.createElement(Section, { ctx: ctx, title: "D\u00EDvidas P\u00FAblicas", icon: DividasVencidasSerasaIcon, subtitle: "Veja as d\u00EDvidas p\u00FAblicas com a Uni\u00E3o (ativa, FGTS e previdenci\u00E1ria).", onSuccess: function (document) {
             var dividas = parseDividas(document);
             var totalOcorrencias = dividas.length;
             var children = totalOcorrencias ? (React.createElement(Result, null,

package/dist/components/dominios/dominios.js

@@ -2,17 +2,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import DominiosIcon from '../../assets/icones/dominios';
 import React, { useContext } from 'react';
 import styled from 'styled-components';
@@ -24,7 +13,7 @@ import { Queries } from '../webservice';
 var Link = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  text-decoration: none;\n"], ["\n  color: inherit;\n  text-decoration: none;\n"])));
 var Dominios = function () {
     var ctx = useContext(Queries.Dominios);
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", icon: DominiosIcon, onSuccess: function (document) {
+    return (React.createElement(Section, { ctx: ctx, title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", icon: DominiosIcon, onSuccess: function (document) {
             return {
                 children: document.length ? (React.createElement(Result, { resultContentStriped: false }, document.map(function (data) { return (React.createElement(ResultContent, { desktop: "1fr 1fr 1fr", tablet: "1fr 1fr", mobile: "1fr 1fr", key: data },
                     React.createElement(AddItemField, { name: "Dom\u00EDnio", value: React.createElement(Link, { href: "https://www.".concat(data), target: "_blank", rel: "noreferrer" }, data) }))); }))) : null,

package/dist/components/dossie/dossie.js

@@ -66,7 +66,7 @@ var Dossie = function (_a) {
                 React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse, document: document })),
             React.createElement(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) || [] })));
     };
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
+    return (React.createElement(Section, { ctx: ctx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
 };
 export default Dossie;
 var templateObject_1, templateObject_2;

package/dist/components/interface/header.d.ts

@@ -1,13 +1,17 @@
 import { IconProps } from '@/@types/icon';
-import React, { ComponentProps, ComponentType, DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
-import LoadingBar from './loadingBar';
+import React, { ComponentType, DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
 export type HeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLElement> & {
     title?: ReactNode;
     subtitle?: ReactNode;
     description?: ReactNode;
     actions?: ReactNode;
     className?: string;
-    loadingProps?: ComponentProps<typeof LoadingBar>;
+    loadingProps?: {
+        percentage?: number;
+        activeRequests?: number;
+        hidden?: boolean;
+        showLoadingBar?: boolean;
+    };
     icon?: ComponentType<IconProps>;
     iconProps?: IconProps;
     titleClassName?: string;

package/dist/components/interface/header.js

@@ -73,13 +73,17 @@ var Description = styled.div(templateObject_3 || (templateObject_3 = __makeTempl
 var HeaderUI = styled(function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return React.createElement("header", __assign({}, props), children);
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n    // color: ", ";\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n    // color: ", ";\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n    // color: ", ";\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n    // color: ", ";\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"])), function (props) { return props.color; }, function (props) { return props.color; }, Title, function (props) { return props.color; });
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"])), Title, function (props) { return props.color; });
 var HeaderContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"])));
 var ActionsList = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"])));
 var IconWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  padding-top: 5px;\n  width: 30px;\n"], ["\n  display: flex;\n  align-items: flex-start;\n  padding-top: 5px;\n  width: 30px;\n"])));
 var TextWrapper = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  .text-wrapper-subtitle-description {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      align-items: flex-start;\n    }\n\n    @media print {\n      flex-direction: row;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  .text-wrapper-subtitle-description {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      align-items: flex-start;\n    }\n\n    @media print {\n      flex-direction: row;\n    }\n  }\n"])));
+var LoadingBarWrapper = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 300px;\n  height: 10px;\n  opacity: ", ";\n  transition: opacity 0.3s ease;\n"], ["\n  width: 100%;\n  max-width: 300px;\n  height: 10px;\n  opacity: ", ";\n  transition: opacity 0.3s ease;\n"])), function (_a) {
+    var hidden = _a.hidden;
+    return (hidden ? 0 : 1);
+});
 var Header = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, iconProps = _a.iconProps, loadingProps = _a.loadingProps, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _c = _a.printBar, printBar = _c === void 0 ? true : _c, props = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "variant", "iconProps", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
+    var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, iconProps = _a.iconProps, _c = _a.loadingProps, loadingProps = _c === void 0 ? {} : _c, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _d = _a.printBar, printBar = _d === void 0 ? true : _d, props = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "variant", "iconProps", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
     var theme = useTheme();
     var headerClass = classNames(className);
     var actionsClass = classNames(actionsClassName);
@@ -95,7 +99,8 @@ var Header = function (_a) {
                     React.createElement("div", { className: "text-wrapper-subtitle-description" },
                         React.createElement(Subtitle, { hidden: isLoading || !subtitle, className: subtitleClassName }, subtitle),
                         React.createElement(Description, { hidden: isLoading || !description, className: descriptionClassName }, description)),
-                    React.createElement(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0, hidden: !isLoading }))),
+                    React.createElement(LoadingBarWrapper, { hidden: !isLoading },
+                        React.createElement(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0 })))),
             React.createElement(ActionsList, { className: actionsClass }, actions && actions))));
 };
 var getVariantColor = function (type, theme) {
@@ -108,4 +113,4 @@ var getVariantColor = function (type, theme) {
     return options[type];
 };
 export default Header;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/dist/components/interface/loadingBar.d.ts

@@ -1,5 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 declare const LoadingBar: React.FC<{
     percentage: number;
+    hidden?: boolean;
 } & HTMLAttributes<HTMLDivElement>>;
 export default LoadingBar;

package/dist/components/interface/loadingBar.js

@@ -26,20 +26,23 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import styled from 'styled-components';
-var GreyBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 10px;\n  background-color: ", ";\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n"], ["\n  width: 100%;\n  height: 10px;\n  background-color: ", ";\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n"])), function (_a) {
+var GreyBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 18.75rem;\n  height: 0.625rem;\n  background-color: ", ";\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n  visibility: ", ";\n\n  @media (max-width: 600px) {\n    width: 12.5rem;\n  }\n\n  @media (max-width: 400px) {\n    width: 9.375rem;\n  }\n"], ["\n  width: 18.75rem;\n  height: 0.625rem;\n  background-color: ", ";\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n  visibility: ", ";\n\n  @media (max-width: 600px) {\n    width: 12.5rem;\n  }\n\n  @media (max-width: 400px) {\n    width: 9.375rem;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.cinzaClaro;
+}, function (_a) {
+    var hidden = _a.hidden;
+    return hidden ? 'hidden' : 'visible';
 });
 var BlueBar = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", "%;\n  height: 100%;\n  background-color: ", ";\n  border-radius: 10px;\n  transition: width 0.4s ease-in-out;\n"], ["\n  width: ", "%;\n  height: 100%;\n  background-color: ", ";\n  border-radius: 10px;\n  transition: width 0.4s ease-in-out;\n"])), function (_a) {
     var percentage = _a.percentage;
-    return percentage;
+    return Math.min(percentage, 100);
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.azulCredithub;
 });
 var LoadingBar = function (_a) {
-    var _b = _a.percentage, percentage = _b === void 0 ? 0 : _b, props = __rest(_a, ["percentage"]);
-    return (React.createElement(GreyBar, __assign({}, props),
+    var _b = _a.percentage, percentage = _b === void 0 ? 0 : _b, _c = _a.hidden, hidden = _c === void 0 ? false : _c, props = __rest(_a, ["percentage", "hidden"]);
+    return (React.createElement(GreyBar, __assign({ hidden: hidden }, props),
         React.createElement(BlueBar, { percentage: percentage })));
 };
 export default LoadingBar;

package/dist/components/liminar/liminar.js

@@ -47,6 +47,6 @@ var Liminar = function () {
                     ? 'Encontrado'
                     : 'Não Encontrado'))
             };
-        }, ctx: __assign(__assign({}, ctx), { progress: ctx.progress }) }));
+        }, ctx: ctx }));
 };
 export default Liminar;

package/dist/components/partners/partners.js

@@ -85,6 +85,6 @@ var Partners = function (_a) {
             description: !(partners === null || partners === void 0 ? void 0 : partners.length) && (React.createElement(StatusMessage, null, "N\u00E3o h\u00E1 informa\u00E7\u00F5es de Quadro Societ\u00E1rio"))
         };
     };
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Quadro Societ\u00E1rio", minimized: false, subtitle: "Informa\u00E7\u00F5es sobre o quadro societ\u00E1rio da pessoa pesquisada.", icon: QuadroSocietarioIcon, isError: function () { return response(undefined); }, onSuccess: response }));
+    return (React.createElement(Section, { ctx: ctx, title: "Quadro Societ\u00E1rio", minimized: false, subtitle: "Informa\u00E7\u00F5es sobre o quadro societ\u00E1rio da pessoa pesquisada.", icon: QuadroSocietarioIcon, isError: function () { return response(undefined); }, onSuccess: response }));
 };
 export default Partners;

package/dist/components/pep/pep.js

@@ -20,7 +20,7 @@ var PessoaPoliticamenteExposta = function () {
     var ctx = useContext(Queries.Finder);
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Pessoa Politicamente Exposta", subtitle: "Vejas As Informa\u00E7\u00F5es Dispon\u00EDveis", onSuccess: function (document) {
+    return (React.createElement(Section, { ctx: ctx, title: "Pessoa Politicamente Exposta", subtitle: "Vejas As Informa\u00E7\u00F5es Dispon\u00EDveis", onSuccess: function (document) {
             var _a, _b, _c, _d;
             if (!(document instanceof Node)) {
                 console.error('O documento não é do tipo Node esperado.');

package/dist/components/processos-juridicos/processosJuridicos.js

@@ -34,7 +34,7 @@ var ProcessosJuridicos = function (_a) {
             }
         }
     }, [ctx.type, ctx.document, dataUpdated, setData]);
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Processos Jur\u00EDdicos", subtitle: "Veja os processos jur\u00EDdicos para este documento.", icon: ProcessosJuridicosIcon, minimized: false, onSuccess: function (data) {
+    return (React.createElement(Section, { ctx: ctx, title: "Processos Jur\u00EDdicos", subtitle: "Veja os processos jur\u00EDdicos para este documento.", icon: ProcessosJuridicosIcon, minimized: false, onSuccess: function (data) {
             var _a;
             var qtyProcessos = (_a = data.empresa) === null || _a === void 0 ? void 0 : _a.length;
             var children = qtyProcessos ? (React.createElement(ProcessosJuridicosList, { processos: data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;

package/dist/components/protestos/protestos.js

@@ -69,7 +69,7 @@ var Protestos = function () {
         setData(function (prevState) { return (__assign(__assign({}, prevState), { protestos: registros, protestosData: protestosState })); });
         setDataUpdated(true);
     }, [ctx, setData, dataUpdated]);
-    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Apontamentos na Central de Protestos (CENPROT)", subtitle: "Consulta de protestos de cr\u00E9dito, imposto e gerais.", icon: ProtestosIcon, onSuccess: function (data) {
+    return (React.createElement(Section, { ctx: ctx, title: "Apontamentos na Central de Protestos (CENPROT)", subtitle: "Consulta de protestos de cr\u00E9dito, imposto e gerais.", icon: ProtestosIcon, onSuccess: function (data) {
             var registrosText = XPathUtils.select('string(//registros)', data);
             var registros = extractIntegerFromText(registrosText);
             var protestosDeCredito = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {

package/dist/components/section.js

@@ -38,12 +38,14 @@ import { PrintSectionWrapper } from './common/printSectionWrapper';
 import Header from './interface/header';
 import StatusMessage from './interface/statusMessage';
 import { RequestStatus } from './webservice';
+var ButtonWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  justify-content: center;\n  width: 100%;\n  height: 40%;\n  max-height: 52px;\n  max-width: 300px;\n  margin: 0 auto;\n"], ["\n  justify-content: center;\n  width: 100%;\n  height: 40%;\n  max-height: 52px;\n  max-width: 300px;\n  margin: 0 auto;\n"])));
 export var Section = function (_a) {
     var onSuccess = _a.onSuccess, _b = _a.isError, isError = _b === void 0 ? function (err, ctx) { return ({
         children: React.createElement(React.Fragment, null),
         description: (React.createElement(React.Fragment, null,
             React.createElement(StatusMessage, { type: "error" }, err.message))),
-        actions: (React.createElement(React.Fragment, null, (ctx === null || ctx === void 0 ? void 0 : ctx.refetch) && (React.createElement(Button, { onClick: function () { return ctx.refetch(); } }, "Tentar Novamente"))))
+        actions: (React.createElement(React.Fragment, null, (ctx === null || ctx === void 0 ? void 0 : ctx.refetch) && (React.createElement(ButtonWrapper, null,
+            React.createElement(Button, { onClick: function () { return ctx.refetch(); } }, "Tentar Novamente")))))
     }); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, _e = _a.minimized, minimized = _e === void 0 ? false : _e, headerProps = __rest(_a, ["onSuccess", "isError", "onLoading", "ctx", "className", "hideHeader", "minimized"]);
     var _f = useToggle(!minimized), isOpen = _f[0], toggleOpen = _f[1];
     if (!ctx)
@@ -66,7 +68,9 @@ export var Section = function (_a) {
     var renderHeader = function (props) { return (React.createElement(Header, __assign({ printBar: renderedResponse !== null && isOpen }, props, { className: cn(className, type !== undefined && headerStatus[type]
             ? headerStatus[type]
             : '', props.className), variant: type === RequestStatus.Loading ? 'loading' : props.variant, loadingProps: {
-            percentage: progress !== null && progress !== void 0 ? progress : 0
+            percentage: progress !== null && progress !== void 0 ? progress : 0,
+            activeRequests: ctx.activeRequests,
+            hidden: false
         }, actions: React.createElement(React.Fragment, null,
             props.actions,
             renderedResponse && defaultHeaderActions) }))); };
@@ -81,11 +85,11 @@ export var Section = function (_a) {
         !hideHeader && renderHeader(unifiedHeaderProps),
         React.createElement(ShowRenderedChildren, { isOpen: isOpen }, renderedChildren)));
 };
-var ShowRenderedChildren = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
+var ShowRenderedChildren = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
 export var headerStatus = (_a = {},
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Loading] = 'external-source loading',
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Success] = 'success',
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Error] = 'external-source error',
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Empty] = 'external-source error',
     _a);
-var templateObject_1;
+var templateObject_1, templateObject_2;

package/dist/components/webservice.d.ts

@@ -26,6 +26,8 @@ export type RequestContext<R> = {
     response: Response | undefined;
     document: R | undefined;
     progress?: number;
+    activeRequests?: number;
+    showLoadingBar?: boolean;
 };
 export type HeaderReplaceResponse = {
     children: React.ReactNode;

package/dist/components/webservice.js

@@ -19,10 +19,33 @@ export function CustomProvider(Provider, query) {
         var client = useContext(WebService);
         var _b = useState(null), response = _b[0], setResponse = _b[1];
         var _c = useState(null), error = _c[0], setError = _c[1];
-        var _d = useState(true), loading = _d[0], setLoading = _d[1];
+        var _d = useState(false), loading = _d[0], setLoading = _d[1];
+        var _e = useState(0), progress = _e[0], setProgress = _e[1];
+        var _f = useState(new Map()), requestsMap = _f[0], setRequestsMap = _f[1];
+        var _g = useState(false), showLoadingBar = _g[0], setShowLoadingBar = _g[1];
+        var _h = useState(false), shouldRetry = _h[0], setShouldRetry = _h[1];
+        var _j = useState(false), requestCompleted = _j[0], setRequestCompleted = _j[1];
+        var simulateProgress = useCallback(function () {
+            setProgress(0);
+            var currentProgress = 0;
+            var interval = setInterval(function () {
+                currentProgress += 15;
+                setProgress(Math.min(currentProgress, 90));
+                if (currentProgress >= 90) {
+                    clearInterval(interval);
+                }
+            }, 300);
+            return function () { return clearInterval(interval); };
+        }, []);
         var fetchData = useCallback(function () {
+            if (loading || requestCompleted)
+                return;
             setLoading(true);
             setError(null);
+            setShowLoadingBar(true);
+            simulateProgress();
+            var requestId = Date.now();
+            setRequestsMap(function (prev) { return new Map(prev.set(requestId, true)); });
             var abortController = new AbortController();
             client
                 .request(query, data, urlData, abortController.signal)
@@ -32,24 +55,65 @@ export function CustomProvider(Provider, query) {
                     document: document
                 }); });
             })
-                .then(function (parsedResponse) { return setResponse(parsedResponse); })
+                .then(function (parsedResponse) {
+                setResponse(parsedResponse);
+                setError(null);
+                setRequestCompleted(true);
+            })
                 .catch(function (requestError) {
                 if (requestError.name !== 'AbortError') {
                     setError(requestError instanceof Error
                         ? requestError
-                        : new Error(requestError));
+                        : new Error(String(requestError)));
                 }
+                setRequestCompleted(true);
             })
-                .finally(function () { return setLoading(false); });
+                .finally(function () {
+                setLoading(false);
+                setRequestsMap(function (prev) {
+                    var newMap = new Map(prev);
+                    newMap.delete(requestId);
+                    return newMap;
+                });
+                setProgress(100);
+                setTimeout(function () {
+                    setShowLoadingBar(false);
+                }, 500);
+            });
             return function () {
                 abortController.abort();
+                setRequestsMap(function (prev) {
+                    var newMap = new Map(prev);
+                    newMap.delete(requestId);
+                    return newMap;
+                });
             };
-        }, [client, query, data, urlData]);
+        }, [
+            client,
+            query,
+            data,
+            urlData,
+            loading,
+            simulateProgress,
+            requestCompleted
+        ]);
         useEffect(function () {
-            var cleanup = fetchData();
-            return cleanup;
-        }, [fetchData]);
+            if (!response &&
+                !loading &&
+                requestsMap.size === 0 &&
+                !requestCompleted) {
+                fetchData();
+            }
+        }, [fetchData, response, loading, requestsMap, requestCompleted]);
+        useEffect(function () {
+            if (shouldRetry) {
+                setShouldRetry(false);
+                setRequestCompleted(false);
+                fetchData();
+            }
+        }, [shouldRetry, fetchData]);
         var contextValue = useMemo(function () {
+            var activeRequestsCount = requestsMap.size;
             return {
                 type: error
                     ? RequestStatus.Error
@@ -64,9 +128,24 @@ export function CustomProvider(Provider, query) {
                 response: response === null || response === void 0 ? void 0 : response.response,
                 document: response === null || response === void 0 ? void 0 : response.document,
                 Section: Section,
-                refetch: fetchData
+                refetch: function () {
+                    setShouldRetry(true);
+                    setRequestCompleted(false);
+                },
+                progress: progress,
+                activeRequests: activeRequestsCount,
+                showLoadingBar: showLoadingBar
             };
-        }, [error, response, data, urlData, loading, fetchData]);
+        }, [
+            error,
+            response,
+            data,
+            urlData,
+            loading,
+            progress,
+            requestsMap,
+            showLoadingBar
+        ]);
         return (React.createElement(Provider.Provider, { value: contextValue }, children));
     };
 }
@@ -181,7 +260,10 @@ export function query(query) {
         response: undefined,
         document: undefined,
         data: undefined,
-        urlData: undefined
+        urlData: undefined,
+        progress: 0,
+        activeRequests: 0,
+        showLoadingBar: false
     });
     return Object.assign(RequestContext, {
         Request: CustomProvider(RequestContext, query)