@credithub/harlan-components 1.33.0 → 1.35.0

package/dist/components/adresses/addresses.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-interface Addresses {
+interface AddressesProps {
     apiKey: string;
     rfbResponse?: Document;
 }
-declare const Addresses: React.FC<Addresses>;
+declare const Addresses: React.FC<AddressesProps>;
 export default Addresses;

package/dist/components/adresses/addresses.js

@@ -22,17 +22,46 @@ import EnderecoIcon from '../../assets/icones/endereco';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { uniq } from 'underscore';
 import AddItemField from '../common/addItem';
 import { Result, ResultContent } from '../interface/result';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 var Addresses = function () {
     var ctx = useContext(Queries.Finder);
-    var Section = ctx.Section;
-    var rfbResponse = useConsultaRfb().rfbResponse;
     var setData = useGlobalData().setData;
+    var rfbResponse = useConsultaRfb().rfbResponse;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
+    useEffect(function () {
+        if (ctx.type === RequestStatus.Success && !dataUpdated && ctx.document) {
+            var data = ctx.document;
+            var _addresses = __spreadArray(__spreadArray([], ((data &&
+                XPathUtils.select('//enderecos/enderecos', data)) ||
+                []), true), ((!data &&
+                rfbResponse &&
+                XPathUtils.select('//RFB/enderecos/endereco', rfbResponse)) ||
+                []), true);
+            var addresses = uniq(_addresses.map(function (address) { return ({
+                type: XPathUtils.select('string(tipoLogradouro)', address),
+                address: XPathUtils.select('string(logradouro)', address),
+                number: XPathUtils.select('string(numero)', address),
+                zipcode: XPathUtils.select('string(cep)', address),
+                district: XPathUtils.select('string(bairro)', address),
+                city: XPathUtils.select('string(cidade)', address),
+                state: XPathUtils.select('string(uf)', address),
+                urlImage: '',
+                urlMaps: ''
+            }); }), function (e) { return e.address + e.district; });
+            if (addresses.length > 0) {
+                var addressState_1 = {
+                    addresses: addresses
+                };
+                setData(function (prevState) { return (__assign(__assign({}, prevState), { addresses: addressState_1 })); });
+                setDataUpdated(true);
+            }
+        }
+    }, [ctx, rfbResponse, dataUpdated, setData]);
     var response = function (data) {
         var _addresses = __spreadArray(__spreadArray([], ((data && XPathUtils.select('//enderecos/enderecos', data)) ||
             []), true), ((!data &&
@@ -50,13 +79,6 @@ var Addresses = function () {
             urlImage: '',
             urlMaps: ''
         }); }), function (e) { return e.address + e.district; });
-        if (!dataUpdated && addresses.length > 0) {
-            var addressState_1 = {
-                addresses: addresses
-            };
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { addresses: addressState_1 })); });
-            setDataUpdated(true);
-        }
         return (React.createElement(Result, { resultContentStriped: true, className: "address" }, addresses === null || addresses === void 0 ? void 0 : addresses.map(function (address, index) { return (React.createElement(ResultContent, { desktop: "repeat(7, 1fr)", tablet: "repeat(4, 1fr)", mobile: "repeat(2, 1fr)", key: index },
             React.createElement(AddItemField, { name: "Tipo", value: address.type, style: { display: 'inline-block' } }),
             React.createElement(AddItemField, { name: "Endere\u00E7o", value: address.address, style: { display: 'inline-block' } }),

package/dist/components/adresses/map.js

@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react';
 import { GoogleMap, LoadScript, Marker } from '@react-google-maps/api';
+import React, { useEffect, useState } from 'react';
 import { getGeocode } from './getGeocode';
 var MapContainer = function (_a) {
     var address = _a.address, apiKey = _a.apiKey;

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

@@ -12,15 +12,15 @@ var __assign = (this && this.__assign) || function () {
 import ContasBancariasIcon from '../../assets/icones/contasBancarias';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useTheme } from 'styled-components';
 import AddItemField from '../common/addItem';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 var BankAccounts = function () {
     var ctx = useContext(Queries.Finder);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
     var theme = useTheme();
@@ -32,32 +32,36 @@ var BankAccounts = function () {
             conta: XPathUtils.select('string(conta)', account)
         }); });
     };
-    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: function (data) {
-            var accounts = extractBankAccountData(data);
-            var message = (accounts === null || accounts === void 0 ? void 0 : accounts.length)
-                ? (accounts === null || accounts === void 0 ? void 0 : accounts.length) > 1
-                    ? "Encontrada ".concat(accounts === null || accounts === void 0 ? void 0 : accounts.length, " contas banc\u00E1rias")
-                    : 'Encontrada 1 conta bancária'
-                : 'Não foram encontradas ocorrências';
-            if (!dataUpdated) {
-                if (accounts.length > 0) {
-                    var bankAccountsData_1 = {
-                        bankAccounts: accounts
-                    };
-                    setData(function (prevState) { return (__assign(__assign({}, prevState), { bankAccountsData: bankAccountsData_1 })); });
-                }
+    useEffect(function () {
+        if (ctx.type === RequestStatus.Success && !dataUpdated && ctx.document) {
+            var accounts = extractBankAccountData(ctx.document);
+            if (accounts.length > 0) {
+                var bankAccountsData_1 = {
+                    bankAccounts: accounts
+                };
+                setData(function (prevState) { return (__assign(__assign({}, prevState), { bankAccounts: bankAccountsData_1 })); });
                 setDataUpdated(true);
             }
-            return {
-                children: accounts.length ? (React.createElement(Result, null, accounts.map(function (account, key) { return (React.createElement(ResultContent, { key: key },
-                    React.createElement(AddItemField, { name: "Banco", value: account.banco }),
-                    React.createElement(AddItemField, { name: "Ag\u00EAncia", value: account.agencia }),
-                    React.createElement(AddItemField, { name: "Conta", value: account.conta }))); }))) : null,
-                description: React.createElement(StatusMessage, null, message),
-                iconProps: {
-                    circleFill: (accounts === null || accounts === void 0 ? void 0 : accounts.length) ? theme.colors.erro : ''
-                }
-            };
-        } }));
+        }
+    }, [ctx, dataUpdated, setData]);
+    var response = function (data) {
+        var accounts = extractBankAccountData(data);
+        var message = (accounts === null || accounts === void 0 ? void 0 : accounts.length)
+            ? (accounts === null || accounts === void 0 ? void 0 : accounts.length) > 1
+                ? "Encontrada ".concat(accounts === null || accounts === void 0 ? void 0 : accounts.length, " contas banc\u00E1rias")
+                : 'Encontrada 1 conta bancária'
+            : 'Não foram encontradas ocorrências';
+        return {
+            children: accounts.length ? (React.createElement(Result, null, accounts.map(function (account, key) { return (React.createElement(ResultContent, { key: key },
+                React.createElement(AddItemField, { name: "Banco", value: account.banco }),
+                React.createElement(AddItemField, { name: "Ag\u00EAncia", value: account.agencia }),
+                React.createElement(AddItemField, { name: "Conta", value: account.conta }))); }))) : null,
+            description: React.createElement(StatusMessage, null, message),
+            iconProps: {
+                circleFill: (accounts === null || accounts === void 0 ? void 0 : accounts.length) ? theme.colors.erro : ''
+            }
+        };
+    };
+    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

@@ -15,11 +15,11 @@ import XPathUtils from '../../utils/xpath';
 import React, { useCallback, useContext, useState } from 'react';
 import { Result } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
+import { Section } from '../section';
 import { Queries } from '../webservice';
 import CCFList from './ccfList';
 var CCF = function () {
     var ctx = useContext(Queries.CCF);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
     var mapNodeToCCFData = useCallback(function (node) { return ({

package/dist/components/chart/chartSystem.js

@@ -2,36 +2,33 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React, { useContext, useEffect } from 'react';
-import { useUltimaOcorrenciaCCF, useCalculation, useDividasPublicas } from './utils/chartUtils';
-import Header from '../interface/header';
-import StatusMessage from '../interface/statusMessage';
-import useToggle from '../../hooks/useToggle';
-import styled from 'styled-components';
-import QuantidadeResultados from './quantityResult';
-import ChartContent from './chartContent';
-import BtnWrapper from '../../assets/btn/btnWrapper';
-import ChevronUp from '../../assets/btn/chevronUp';
-import ChevronDown from '../../assets/btn/chevronDown';
-import useChartData from './hooks/useChartData';
 import ResumoDeNegativacoesIcon from '../../assets/icones/resumoNegativacoes';
-import { ConsultasComplementaresContext } from '../consultasComplementares';
 import { converterParaFormatoValido } from '../../utils/date';
-import { PrintSectionWrapper } from '../common/printSectionWrapper';
+import React, { useCallback, useContext, useEffect } from 'react';
+import styled from 'styled-components';
+import useToggle from '../../hooks/useToggle';
+import { ConsultasComplementaresContext } from '../consultasComplementares';
+import StatusMessage from '../interface/statusMessage';
+import { Section } from '../section';
+import { RequestStatus } from '../webservice';
+import ChartContent from './chartContent';
+import useChartData, { useDividasPublicas } from './hooks/useChartData';
+import QuantidadeResultados from './quantityResult';
+import { useCalculation, useUltimaOcorrenciaCCF } from './utils/chartUtils';
 var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n  padding: 0px 30px;\n\n  @media print {\n    display: block;\n  }\n"], ["\n  display: ", ";\n  padding: 0px 30px;\n\n  @media print {\n    display: block;\n  }\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
 var ChartSystem = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
     var documento = _a.documento;
-    var _l = useChartData(documento), data = _l.data, isLoading = _l.isLoading, error = _l.error, refetch = _l.refetch;
+    var _k = useChartData(documento), data = _k.data, isLoading = _k.isLoading, error = _k.error, refetch = _k.refetch, chartDataProgress = _k.loadingProgress;
+    var _l = useDividasPublicas(), quantidadeDividas = _l.quantidade, valorTotalDividas = _l.valorTotal, dividasProgress = _l.loadingProgress;
     var ctxConsultasComplementares = useContext(ConsultasComplementaresContext);
-    var errorMessage = typeof error === 'string' ? error : error === null || error === void 0 ? void 0 : error.toString();
-    var _m = useToggle(true), isOpen = _m[0], toggleOpen = _m[1];
+    var errorMessage = typeof error === 'string' ? new Error(error) : error;
+    var isOpen = useToggle(true)[0];
     var ultimaOcorrenciaCCF = useUltimaOcorrenciaCCF();
     var quantidadeProtestos = ((_c = (_b = data === null || data === void 0 ? void 0 : data.protestos) === null || _b === void 0 ? void 0 : _b[(data === null || data === void 0 ? void 0 : data.protestos.length) - 1]) === null || _c === void 0 ? void 0 : _c.quantidade) || 0;
     var valorTotalProtestos = ((_e = (_d = data === null || data === void 0 ? void 0 : data.protestos) === null || _d === void 0 ? void 0 : _d[(data === null || data === void 0 ? void 0 : data.protestos.length) - 1]) === null || _e === void 0 ? void 0 : _e.valorTotal) || 0;
-    var _o = useDividasPublicas(), quantidadeDividas = _o.quantidade, valorTotalDividas = _o.valorTotal;
-    var _p = useCalculation((data === null || data === void 0 ? void 0 : data.serasa) || []), quantidadeSerasa = _p.quantidade, valorTotalSerasa = _p.valorTotal;
-    var _q = useCalculation((data === null || data === void 0 ? void 0 : data.boaVista) || []), quantidadeBoaVista = _q.quantidade, valorTotalBoaVista = _q.valorTotal;
+    var _m = useCalculation((data === null || data === void 0 ? void 0 : data.serasa) || []), quantidadeSerasa = _m.quantidade, valorTotalSerasa = _m.valorTotal;
+    var _o = useCalculation((data === null || data === void 0 ? void 0 : data.boaVista) || []), quantidadeBoaVista = _o.quantidade, valorTotalBoaVista = _o.valorTotal;
     var quantidadeCCFs = useCalculation((data === null || data === void 0 ? void 0 : data.ccfs) || []).quantidade;
     var ultimaOcorrenciaProtestos = '';
     if ((data === null || data === void 0 ? void 0 : data.protestosCategory) && data.protestosCategory.length > 0) {
@@ -48,15 +45,40 @@ var ChartSystem = function (_a) {
     }
     var consultaPefinBoaVista = (_g = (_f = ctxConsultasComplementares === null || ctxConsultasComplementares === void 0 ? void 0 : ctxConsultasComplementares.consultasComplementares) === null || _f === void 0 ? void 0 : _f.refinBoaVista) === null || _g === void 0 ? void 0 : _g.data;
     var consultaPefinSerasa = (_j = (_h = ctxConsultasComplementares === null || ctxConsultasComplementares === void 0 ? void 0 : ctxConsultasComplementares.consultasComplementares) === null || _h === void 0 ? void 0 : _h.refinSerasa) === null || _j === void 0 ? void 0 : _j.data;
-    useEffect(function () {
-        if (consultaPefinBoaVista || consultaPefinSerasa)
+    var handleRefetch = useCallback(function () {
+        if ((consultaPefinBoaVista || consultaPefinSerasa) && !isLoading) {
             refetch();
-    }, [consultaPefinBoaVista, consultaPefinSerasa, refetch]);
-    return (React.createElement(PrintSectionWrapper, null,
-        React.createElement(Header, { title: "Resumo de Negativa\u00E7\u00F5es", subtitle: "Veja a quantidade de ocorr\u00EAncias conforme o documento foi consultado ao longo do tempo", description: errorMessage && (React.createElement(StatusMessage, { type: "error" }, errorMessage)), variant: isLoading ? 'loading' : 'default', icon: ResumoDeNegativacoesIcon, actions: React.createElement(BtnWrapper, { onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)) }),
-        React.createElement(Content, { isOpen: isOpen },
-            data && React.createElement(ChartContent, { dataInput: data }),
-            !isLoading && (React.createElement(QuantidadeResultados, { data: data, quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_k = data === null || data === void 0 ? void 0 : data.pieChartTotalConfig) === null || _k === void 0 ? void 0 : _k.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeSerasa, quantidadeDividasBoaVista: quantidadeBoaVista, quantidadeChequesSemFundos: quantidadeCCFs, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalSerasa, valorTotalDividasBoaVista: valorTotalBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos })))));
+        }
+    }, [consultaPefinBoaVista, consultaPefinSerasa, refetch, isLoading]);
+    useEffect(function () {
+        handleRefetch();
+    }, [handleRefetch]);
+    var loadingProgress = (chartDataProgress + dividasProgress) / 2;
+    return (React.createElement(Section, { ctx: {
+            response: undefined,
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: errorMessage || null,
+            refetch: refetch,
+            document: data,
+            progress: loadingProgress,
+            Section: Section
+        }, title: "Resumo de Negativa\u00E7\u00F5es", subtitle: "Veja a quantidade de ocorr\u00EAncias conforme o documento foi consultado ao longo do tempo", icon: ResumoDeNegativacoesIcon, onSuccess: function () {
+            var _a;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(Content, { isOpen: isOpen },
+                    data && React.createElement(ChartContent, { dataInput: data }),
+                    React.createElement(QuantidadeResultados, { data: data, quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_a = data === null || data === void 0 ? void 0 : data.pieChartTotalConfig) === null || _a === void 0 ? void 0 : _a.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeSerasa, quantidadeDividasBoaVista: quantidadeBoaVista, quantidadeChequesSemFundos: quantidadeCCFs, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalSerasa, valorTotalDividasBoaVista: valorTotalBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos }))));
+        }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a an\u00E1lise: ",
+                err.message)),
+            variant: 'error'
+        }); } }));
 };
 export default ChartSystem;
 var templateObject_1;

package/dist/components/chart/hooks/useChartData.d.ts

@@ -1,8 +1,14 @@
 import { DataInput } from '../../../components/chart/types/iChart';
+export declare const useDividasPublicas: () => {
+    loadingProgress: number;
+    quantidade: number;
+    valorTotal: number;
+};
 declare const useChartData: (documento: string) => {
     data: DataInput | null;
     isLoading: boolean;
     error: string | Error | null;
     refetch: () => void;
+    loadingProgress: number;
 };
 export default useChartData;

package/dist/components/chart/hooks/useChartData.js

@@ -1,12 +1,51 @@
+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 { Queries, RequestStatus, useQuery } from '../../../components/webservice';
+import XPathUtils from '../../../utils/xpath';
 import { useContext, useEffect, useMemo, useState } from 'react';
 import { processData, processProtestData } from '../utils/dataProcessing';
+export var useDividasPublicas = function () {
+    var ctxFinder = useContext(Queries.Finder);
+    var _a = useState(0), loadingProgress = _a[0], setLoadingProgress = _a[1]; // Add loading progress state
+    useEffect(function () {
+        if ((ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type) === RequestStatus.Loading) {
+            setLoadingProgress(function (prev) { return Math.min(prev + 15, 90); }); // Simulate progress
+        }
+        else if ((ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type) === RequestStatus.Success ||
+            (ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type) === RequestStatus.Error) {
+            setLoadingProgress(100); // Set progress to complete
+        }
+    }, [ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type]);
+    var dividasPublicasData = useMemo(function () {
+        if ((ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type) === RequestStatus.Success) {
+            return {
+                quantidade: XPathUtils.select('number(//dividas/resumo/quantidade_dividas)', ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.document) || 0,
+                valorTotal: XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.document) || 0
+            };
+        }
+        return {
+            quantidade: 0,
+            valorTotal: 0
+        };
+    }, [ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type]);
+    return __assign(__assign({}, dividasPublicasData), { loadingProgress: loadingProgress });
+};
 var useChartData = function (documento) {
     var _a = useState(null), data = _a[0], setData = _a[1];
     var _b = useState(null), errorState = _b[0], setErrorState = _b[1];
-    var _c = useQuery("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'", {
+    var _c = useState(0), loadingProgress = _c[0], setLoadingProgress = _c[1]; // Add loading progress state
+    var _d = useQuery("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'", {
         documento: documento
-    }), response = _c.response, queryError = _c.error, isLoading = _c.isLoading, refetch = _c.refetch;
+    }), response = _d.response, queryError = _d.error, isLoading = _d.isLoading, refetch = _d.refetch;
     var ctxProtestos = useContext(Queries.Protestos);
     var ctxCCF = useContext(Queries.CCF);
     var ctxProcessosJuridicos = useContext(Queries.ProcessosJuridicos);
@@ -26,7 +65,7 @@ var useChartData = function (documento) {
         ].every(function (status) { return status !== RequestStatus.Loading; });
     }, [ctxProtestos, ctxCCF, ctxProcessosJuridicos]);
     var dadosProtestos = useMemo(function () {
-        if ((ctxProtestos === null || ctxProtestos === void 0 ? void 0 : ctxProtestos.type) === RequestStatus.Success && ctxProtestos.data) {
+        if ((ctxProtestos === null || ctxProtestos === void 0 ? void 0 : ctxProtestos.type) === RequestStatus.Success && ctxProtestos.document) {
             return processProtestData(ctxProtestos.document);
         }
         return [];
@@ -36,6 +75,14 @@ var useChartData = function (documento) {
             refetch();
         }
     }, [liveQueriesIsFinish, refetch]);
+    useEffect(function () {
+        if (isLoading) {
+            setLoadingProgress(function (prev) { return Math.min(prev + 15, 90); }); // Simulate loading progress
+        }
+        else if (!isLoading && (queryError || response)) {
+            setLoadingProgress(100); // Set progress to complete
+        }
+    }, [isLoading, queryError, response]);
     useEffect(function () {
         if (!isLoading &&
             !queryError &&
@@ -60,6 +107,12 @@ var useChartData = function (documento) {
         quantidadeProcessosJuridicos,
         dadosProtestos
     ]);
-    return { data: data, isLoading: isLoading, error: errorState || queryError, refetch: refetch };
+    return {
+        data: data,
+        isLoading: isLoading,
+        error: errorState || queryError,
+        refetch: refetch,
+        loadingProgress: loadingProgress
+    };
 };
 export default useChartData;

package/dist/components/chart/utils/chartUtils.d.ts

@@ -5,7 +5,3 @@ export declare const useCalculation: (itens: ItemCalculo[]) => {
     dataMaisRecente: string;
 };
 export declare const useUltimaOcorrenciaCCF: () => string | undefined;
-export declare const useDividasPublicas: () => {
-    quantidade: number;
-    valorTotal: number;
-};

package/dist/components/chart/utils/chartUtils.js

@@ -20,19 +20,3 @@ export var useUltimaOcorrenciaCCF = function () {
     }, [ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type]);
     return ultimaOcorrenciaCCF;
 };
-export var useDividasPublicas = function () {
-    var ctxFinder = useContext(Queries.Finder);
-    var dividasPublicasData = useMemo(function () {
-        if ((ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type) === RequestStatus.Success) {
-            return {
-                quantidade: XPathUtils.select('number(//dividas/resumo/quantidade_dividas)', ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.document) || 0,
-                valorTotal: XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.document) || 0
-            };
-        }
-        return {
-            quantidade: 0,
-            valorTotal: 0
-        };
-    }, [ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type]);
-    return dividasPublicasData;
-};

package/dist/components/consultaRfb.js

@@ -14,7 +14,6 @@ export var ConsultaRfbProvider = function (_a) {
             queryFallback.refetch();
         }
     }, [enableFallback]);
-    console.log('query.isLoading', query.isLoading);
     return (React.createElement(ConsultaRfbContext.Provider, { value: {
             rfbResponse: (_e = (_c = (_b = queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.response) === null || _b === void 0 ? void 0 : _b.document) !== null && _c !== void 0 ? _c : (_d = query === null || query === void 0 ? void 0 : query.response) === null || _d === void 0 ? void 0 : _d.document) !== null && _e !== void 0 ? _e : undefined,
             executeFallback: executeFallback,

package/dist/components/consultaSimplesSection/consultaSimplesSection.js

@@ -76,7 +76,10 @@ var ConsultaSimplesSection = function (_a) {
     return (React.createElement(Section, __assign({ title: "Consulta Simples", subtitle: "Consulta de informa\u00E7\u00F5es do documento.", description: React.createElement(React.Fragment, null,
             React.createElement(StatusMessage, null, format(new Date(), "dd/MM/yyyy 'às' HH:mm")),
             React.createElement(StatusMessage, { type: "found" }, formatDocument(documento)),
-            isError && (React.createElement(StatusMessage, { type: statusType }, ctx === null || ctx === void 0 ? void 0 : 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' }, rest), children));
+            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, 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

@@ -27,10 +27,11 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import { phoneMask } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useEffect } from 'react';
+import React, { useCallback, useContext, useEffect } from 'react';
 import styled from 'styled-components';
 import Button from '../common/button';
 import { Result, ResultContent } from '../interface/result';
+import { Section } from '../section';
 import { Queries, RequestStatus } from '../webservice';
 import ContactLikeDislikeSection from './contactLikeDislikeSection';
 export var ContactType;
@@ -43,9 +44,8 @@ var Contacts = function (_a) {
     var onClickConsultarEmail = _a.onClickConsultarEmail;
     var ctx = useContext(Queries.Finder);
     var rfbResponse = useConsultaRfb().rfbResponse;
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
-    useEffect(function () {
+    var updateData = useCallback(function () {
         if (ctx.type === RequestStatus.Success && ctx.document) {
             var telefones = XPathUtils.selectArray('//telefones/*/*', ctx.document).map(function (telefone) { return ({
                 type: ContactType.TELEFONE,
@@ -62,7 +62,10 @@ var Contacts = function (_a) {
                 setData(function (prevState) { return (__assign(__assign({}, prevState), { contacts: contactState_1.contacts })); });
             }
         }
-    }, [ctx.type]);
+    }, [ctx.type, ctx.document]);
+    useEffect(function () {
+        updateData();
+    }, [updateData]);
     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);

package/dist/components/dividasPublicas/dividasPublicas.js

@@ -11,56 +11,56 @@ var __assign = (this && this.__assign) || function () {
 };
 import DividasVencidasSerasaIcon from '../../assets/icones/dividasVencidasSerasa';
 import { useGlobalData } from '../../contexts/globalDataContext';
-import { parseDate } from '../../utils/date';
 import { formatMoney } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Result } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 import DividasPublicasList from './dividasPublicasList';
+var dividaTypes = [
+    { type: 'FGTS', path: '//dividas/fgts/divida' },
+    { type: 'Previdenciária', path: '//dividas/previdenciaria/divida' },
+    { type: 'Dívida Ativa União', path: '//dividas/ativa-geral/divida' }
+];
+var parseDividas = function (document) {
+    return dividaTypes.flatMap(function (_a) {
+        var type = _a.type, path = _a.path;
+        var dividasArray = XPathUtils.selectArray(path, document);
+        return dividasArray.map(function (divida) { return ({
+            nomeDoDevedor: XPathUtils.select('string(./nome_devedor)', divida),
+            tipoDePessoa: XPathUtils.select('string(./tipo_pessoa)', divida),
+            tipoDeDevedor: XPathUtils.select('string(./tipo_devedor)', divida),
+            unidadeResponsavel: XPathUtils.select('string(./unidade_responsavel)', divida),
+            uFDaUnidadeResponsavel: XPathUtils.select('string(./uf_unidade_responsavel)', divida),
+            numeroDeInscricaoDaDivida: XPathUtils.select('string(./numero_inscricao)', divida),
+            tipoDaSituacaoDaInscricao: XPathUtils.select('string(./tipo_situacao_inscricao)', divida),
+            situacaoDaInscricao: XPathUtils.select('string(./situacao_inscricao)', divida),
+            dataDeInscricao: XPathUtils.select('string(./data_inscricao)', divida),
+            indicadorAjuizado: XPathUtils.select('string(./indicador_ajuizado)', divida),
+            valorConsolidado: formatMoney(XPathUtils.select('string(./valor_consolidado)', divida)),
+            tipoDeDivida: type
+        }); });
+    });
+};
 var DividasPublicas = function () {
     var ctx = useContext(Queries.Finder);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
-    var dividaTypes = [
-        { type: 'FGTS', path: '//dividas/fgts/divida' },
-        { type: 'Previdenciária', path: '//dividas/previdenciaria/divida' },
-        { type: 'Dívida Ativa União', path: '//dividas/ativa-geral/divida' }
-    ];
-    return (React.createElement(Section, { 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 parseDividas = function (document) {
-                return dividaTypes.flatMap(function (_a) {
-                    var type = _a.type, path = _a.path;
-                    return XPathUtils.selectArray(path, document).map(function (divida) { return ({
-                        nomeDoDevedor: XPathUtils.select('string(./nome_devedor)', divida),
-                        tipoDePessoa: XPathUtils.select('string(./tipo_pessoa)', divida),
-                        tipoDeDevedor: XPathUtils.select('string(./tipo_devedor)', divida),
-                        unidadeResponsavel: XPathUtils.select('string(./unidade_responsavel)', divida),
-                        uFDaUnidadeResponsavel: XPathUtils.select('string(./uf_unidade_responsavel)', divida),
-                        numeroDeInscricaoDaDivida: XPathUtils.select('string(./numero_inscricao)', divida),
-                        tipoDaSituacaoDaInscricao: XPathUtils.select('string(./tipo_situacao_inscricao)', divida),
-                        situacaoDaInscricao: XPathUtils.select('string(./situacao_inscricao)', divida),
-                        dataDeInscricao: XPathUtils.select('string(./data_inscricao)', divida),
-                        indicadorAjuizado: XPathUtils.select('string(./indicador_ajuizado)', divida),
-                        valorConsolidado: formatMoney(XPathUtils.select('string(./valor_consolidado)', divida)),
-                        tipoDeDivida: type
-                    }); });
-                });
-            };
+    useEffect(function () {
+        if (ctx.type !== RequestStatus.Success || dataUpdated || !ctx.document) {
+            return;
+        }
+        var dividas = parseDividas(ctx.document);
+        if (!dataUpdated) {
+            var dividasPublicas_1 = XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', ctx.document) || 0;
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { dividas: dividas, dividasPublicas: dividasPublicas_1 })); });
+            setDataUpdated(true);
+        }
+    }, [ctx, dataUpdated, setData]);
+    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);
-            if (!dataUpdated) {
-                var dividasPublicas_1 = XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', document) || 0;
-                if (dividas.length > 0 || dividasPublicas_1) {
-                    setData(function (prevState) { return (__assign(__assign({}, prevState), { dividas: dividas, dividasPublicas: dividasPublicas_1 })); });
-                }
-                setDataUpdated(true);
-            }
-            dividas.sort(function (a, b) {
-                return parseDate(b.dataDeInscricao).getTime() -
-                    parseDate(a.dataDeInscricao).getTime();
-            });
             var totalOcorrencias = dividas.length;
             var children = totalOcorrencias ? (React.createElement(Result, null,
                 React.createElement(DividasPublicasList, { dividas: dividas }))) : null;

package/dist/components/dominios/dominios.js

@@ -2,18 +2,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+import DominiosIcon from '../../assets/icones/dominios';
 import React, { useContext } from 'react';
-import { Queries } from '../webservice';
-import { Result, ResultContent } from '../interface/result';
-import AddItemField from '../common/addItem';
 import styled from 'styled-components';
+import AddItemField from '../common/addItem';
+import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import DominiosIcon from '../../assets/icones/dominios';
+import { Section } from '../section';
+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);
-    var Section = ctx.Section;
-    return (React.createElement(Section, { 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,