@credithub/harlan-components 1.32.0 → 1.34.0

package/dist/assets/btn/buttonAtualizarDadosRfb.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ButtonAtualizarDadosRfb: () => React.JSX.Element;
+export default ButtonAtualizarDadosRfb;

package/dist/assets/btn/buttonAtualizarDadosRfb.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import Button from '../../components/common/button';
+import { useConsultaRfb } from '../../hooks/useConsultaRfb';
+var ButtonAtualizarDadosRfb = function () {
+    var _a = useConsultaRfb(), executeFallback = _a.executeFallback, isLoading = _a.isLoading;
+    return (React.createElement(Button, { disabled: isLoading, isLoading: isLoading, onClick: function () {
+            executeFallback && executeFallback();
+        } }, "Atualizar Dados RFB"));
+};
+export default ButtonAtualizarDadosRfb;

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' } }),
@@ -66,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: ctx, 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: __assign(__assign({}, ctx), { progress: ctx.progress }), onError: function () { return response(undefined); }, onSuccess: response }));
 };
 export default Addresses;

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: __assign(__assign({}, ctx), { progress: ctx.progress }), 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 ({
@@ -29,7 +29,7 @@ var CCF = function () {
         ultimaOcorrencia: XPathUtils.select('string(./ultimo)', node),
         motivo: XPathUtils.select('string(./motivo)', node)
     }); }, []);
-    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) {
+    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) {
             var allItems = XPathUtils.selectArray('//list/*', data);
             var filteredItems = allItems.filter(function (node) {
                 return node.nodeName.startsWith('item');

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/common/button.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 declare const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     smallContent?: ReactNode;
+    isLoading?: boolean;
 }>;
 export default Button;

package/dist/components/common/button.js

@@ -24,32 +24,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import theme from '../../styles/theme';
 import classNames from 'classnames';
 import React from 'react';
-import styled from 'styled-components';
-var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontStyle;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontWeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.lineHeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.azulCredithub;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.azulApoio;
+import styled, { css } from 'styled-components';
+var StyledButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, function (props) {
+    return props.isLoading ? theme.colors.cinzaClaro : theme.colors.azulCredithub;
+}, theme.colors.white, function (props) { return (!props.isLoading ? 'pointer' : 'wait'); }, function (props) {
+    return !props.isLoading && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n      }\n    "])), function (_a) {
+        var theme = _a.theme;
+        return theme.colors.azulApoio;
+    });
 });
-var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
+var SmallContent = styled.small(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.alerta;
 });
@@ -61,4 +48,4 @@ var Button = function (_a) {
         smallContent && React.createElement(SmallContent, null, smallContent)));
 };
 export default Button;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/consultaRfb.d.ts

@@ -4,12 +4,14 @@ export type ConsultaRfbContextProps = Partial<{
     refetch: () => void;
     error: Error | null;
     isLoading: boolean;
+    executeFallback: () => void;
 }>;
 export declare const ConsultaRfbContext: React.Context<Partial<{
     rfbResponse: Document;
     refetch: () => void;
     error: Error | null;
     isLoading: boolean;
+    executeFallback: () => void;
 }> | null>;
 export declare const ConsultaRfbProvider: React.FC<PropsWithChildren<{
     documento: string;

package/dist/components/consultaRfb.js

@@ -1,21 +1,24 @@
-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);
-};
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { createContext } from 'react';
+import React, { createContext, useEffect, useState } from 'react';
 import { useQuery } from './webservice';
 export var ConsultaRfbContext = createContext(null);
 export var ConsultaRfbProvider = function (_a) {
-    var _b, _c;
+    var _b, _c, _d, _e;
     var children = _a.children, documento = _a.documento;
+    var _f = useState(false), enableFallback = _f[0], setEnableFallback = _f[1];
     var query = useQuery("SELECT FROM 'RFB'.'CERTIDAO'", { documento: documento }, documento.length > 11);
-    return (React.createElement(ConsultaRfbContext.Provider, { value: __assign({ rfbResponse: (_c = (_b = query === null || query === void 0 ? void 0 : query.response) === null || _b === void 0 ? void 0 : _b.document) !== null && _c !== void 0 ? _c : undefined }, query) }, children));
+    var queryFallback = useQuery("SELECT FROM 'RECEITAWS'.'CNPJ'", { documento: documento }, enableFallback);
+    var executeFallback = function () { return setEnableFallback(true); };
+    useEffect(function () {
+        if (enableFallback) {
+            queryFallback.refetch();
+        }
+    }, [enableFallback]);
+    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,
+            refetch: query.refetch,
+            error: query.error || queryFallback.error,
+            isLoading: query.isLoading || queryFallback.isLoading
+        } }, children));
 };

package/dist/components/consultaSimplesSection/consultaSimplesSection.js

@@ -76,7 +76,7 @@ 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 }, rest), children));
 };
 export default ConsultaSimplesSection;