@credithub/harlan-components 1.33.0 → 1.35.0

package/dist/components/liminar/liminar.js

@@ -11,32 +11,42 @@ var __assign = (this && this.__assign) || function () {
 };
 import ProtestosIcon from '../../assets/icones/protestos';
 import { useGlobalData } from '../../contexts/globalDataContext';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 var Liminar = function () {
     var ctx = useContext(Queries.Liminar);
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
     var _b = useState(false), hideSection = _b[0], setHideSection = _b[1];
-    var Section = ctx.Section;
-    if (hideSection)
-        return null;
-    return (React.createElement(Section, { title: "Liminares para Remo\u00E7\u00E3o de Protesto", subtitle: "Ind\u00EDcios de liminares para oculta\u00E7\u00E3o de registros.", icon: ProtestosIcon, onSuccess: function (document) {
-            var possuiLiminar = document.totalProtestos === 'NADA CONSTA';
+    var prevCtxTypeRef = useRef(null);
+    useEffect(function () {
+        if (ctx.type === RequestStatus.Success &&
+            prevCtxTypeRef.current !== RequestStatus.Success &&
+            !dataUpdated &&
+            ctx.document) {
+            var doc_1 = ctx.document;
+            var possuiLiminar = doc_1.totalProtestos === 'NADA CONSTA';
+            var message_1 = possuiLiminar ? 'Encontrado' : 'Não encontrado';
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { liminar: { totalProtestos: doc_1.totalProtestos }, message: message_1 })); });
+            setDataUpdated(true);
             if (!possuiLiminar) {
                 setHideSection(true);
             }
-            var message = possuiLiminar ? 'Encontrado' : 'Não encontrado';
-            if (!dataUpdated) {
-                setData(function (prevState) { return (__assign(__assign({}, prevState), { liminar: { totalProtestos: document.totalProtestos }, message: message })); });
-                setDataUpdated(true);
-            }
+        }
+        prevCtxTypeRef.current = ctx.type;
+    }, [ctx.type, ctx.document, dataUpdated, setData]);
+    if (hideSection)
+        return null;
+    return (React.createElement(Section, { title: "Liminares para Remo\u00E7\u00E3o de Protesto", subtitle: "Ind\u00EDcios de liminares para oculta\u00E7\u00E3o de registros.", icon: ProtestosIcon, onSuccess: function (doc) {
             return {
                 children: null,
-                variant: possuiLiminar ? 'error' : 'default',
-                description: (React.createElement(StatusMessage, { type: possuiLiminar ? 'error' : 'default' }, message))
+                variant: doc.totalProtestos === 'NADA CONSTA' ? 'error' : 'default',
+                description: (React.createElement(StatusMessage, { type: doc.totalProtestos === 'NADA CONSTA' ? 'error' : 'default' }, doc.totalProtestos === 'NADA CONSTA'
+                    ? 'Encontrado'
+                    : 'Não Encontrado'))
             };
-        } }));
+        }, ctx: ctx }));
 };
 export default Liminar;

package/dist/components/llama/llama.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LlamaProps {
+    documento: string;
+}
+declare const Llama: React.FC<LlamaProps>;
+export default Llama;

package/dist/components/llama/llama.js

@@ -0,0 +1,122 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import ProtestosIcon from '../../assets/icones/protestos';
+import { useGlobalData } from '../../contexts/globalDataContext';
+import React, { useEffect, useMemo, useState } from 'react';
+import StatusMessage from '../interface/statusMessage';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
+function safeStringify(obj) {
+    var seen = new WeakSet();
+    return JSON.stringify(obj, function (_, value) {
+        if (typeof value === 'object' && value !== null) {
+            if (seen.has(value)) {
+                return;
+            }
+            seen.add(value);
+        }
+        return value;
+    });
+}
+var selectRelevantData = function (data, documento) {
+    var protestos = data.protestos, ultimoRegistroCCF = data.ultimoRegistroCCF, ccf = data.ccf, dividasPublicas = data.dividasPublicas, processosJuridicos = data.processosJuridicos, addresses = data.addresses, bankAccounts = data.bankAccounts, ccfData = data.ccfData, contact = data.contact, divida = data.divida, dossie = data.dossie, imoveis = data.imoveis, liminar = data.liminar, partners = data.partners, pepData = data.pepData, processosJuridicosData = data.processosJuridicosData, protestosData = data.protestosData, reclameAqui = data.reclameAqui, refinBoaVista = data.refinBoaVista, refinSerasa = data.refinSerasa, scoreData = data.scoreData, scr = data.scr, veiculos = data.veiculos;
+    return {
+        documento: documento,
+        protestos: protestos,
+        ultimoRegistroCCF: ultimoRegistroCCF,
+        ccf: ccf,
+        dividasPublicas: dividasPublicas,
+        processosJuridicos: processosJuridicos,
+        addresses: addresses,
+        bankAccounts: bankAccounts,
+        ccfData: ccfData,
+        contact: contact,
+        divida: divida,
+        dossie: dossie,
+        imoveis: imoveis,
+        liminar: liminar,
+        partners: partners,
+        pepData: pepData,
+        processosJuridicosData: processosJuridicosData,
+        protestosData: protestosData,
+        reclameAqui: reclameAqui,
+        refinBoaVista: refinBoaVista,
+        refinSerasa: refinSerasa,
+        scoreData: scoreData,
+        scr: scr,
+        veiculos: veiculos
+    };
+};
+var Llama = function (_a) {
+    var documento = _a.documento;
+    var globalData = useGlobalData().data;
+    var _b = useState('{}'), serializedData = _b[0], setSerializedData = _b[1];
+    var _c = useState(false), queryEnabled = _c[0], setQueryEnabled = _c[1];
+    useEffect(function () {
+        if (globalData && documento) {
+            try {
+                var relevantData = selectRelevantData(globalData, documento);
+                var serialized = safeStringify(relevantData);
+                setSerializedData(serialized);
+                setQueryEnabled(true);
+            }
+            catch (error) {
+                console.error('Erro ao preparar os dados para a API:', error);
+                setSerializedData('{}');
+                setQueryEnabled(false);
+            }
+        }
+    }, [documento, globalData]);
+    var messages = useMemo(function () {
+        if (!serializedData || serializedData === '{}')
+            return [];
+        return [
+            {
+                role: 'system',
+                content: 'Você é um assistente financeiro especializado em análise de crédito.'
+            },
+            {
+                role: 'user',
+                content: "Os seguintes dados s\u00E3o de uma empresa:\n\n".concat(serializedData, "\n\nA empresa est\u00E1 em boa sa\u00FAde financeira? Justifique sua resposta.")
+            }
+        ];
+    }, [serializedData]);
+    var queryData = useMemo(function () {
+        if (!queryEnabled || !serializedData || serializedData === '{}')
+            return undefined;
+        return {
+            model: 'llama3',
+            messages: JSON.stringify(messages)
+        };
+    }, [queryEnabled, serializedData, messages]);
+    var _d = useQuery("SELECT FROM 'LlamaApi'.'Consulta'", queryData, !!queryData), response = _d.response, error = _d.error, isLoading = _d.isLoading, loadingProgress = _d.loadingProgress;
+    var documentData = response === null || response === void 0 ? void 0 : response.document;
+    return (React.createElement(Section, { title: "An\u00E1lise da Intelig\u00EAncia Artificial", subtitle: "Consulta de cr\u00E9dito analisado pela intelig\u00EAncia artificial.", icon: ProtestosIcon, ctx: {
+            response: response === null || response === void 0 ? void 0 : response.response,
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            refetch: function () { },
+            document: documentData,
+            progress: loadingProgress,
+            Section: Section
+        }, onSuccess: function (data) {
+            var children = (React.createElement("div", null,
+                React.createElement("p", null, "An\u00E1lise de Cr\u00E9dito:"),
+                React.createElement("p", null, safeStringify(data))));
+            return {
+                children: children,
+                description: (React.createElement(StatusMessage, { type: "success" }, "An\u00E1lise de cr\u00E9dito conclu\u00EDda com sucesso.")),
+                variant: 'default'
+            };
+        }, 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 Llama;

package/dist/components/partners/partnerList.js

@@ -13,7 +13,7 @@ var PartnerList = memo(function (_a) {
     return partners.map(function (partner, key) {
         var _a, _b;
         return (React.createElement(ResultContent, { key: key, desktop: "2fr 1fr 0.7fr 1fr 1fr 1fr", tablet: "2fr repeat(2, 1fr)", mobile: "repeat(2, 1fr)" },
-            React.createElement(PartnerField, { name: partner.cnpj ? 'Empresa' : (_a = partner.cargo) !== null && _a !== void 0 ? _a : '', value: partner.nome }),
+            React.createElement(PartnerField, { name: partner.cnpj ? 'Empresa' : ((_a = partner.cargo) !== null && _a !== void 0 ? _a : ''), value: partner.nome }),
             React.createElement(PartnerField, { name: partner.cnpj ? 'CNPJ' : 'CPF', value: (_b = (partner.cnpj || partner.cpf)) !== null && _b !== void 0 ? _b : '', onClick: function () { var _a, _b; return (_a = partner.onClickCpfCnpj) === null || _a === void 0 ? void 0 : _a.call(partner, (_b = (partner.cnpj || partner.cpf)) !== null && _b !== void 0 ? _b : ''); } }),
             React.createElement(PartnerField, { name: "Protestos", value: partner === null || partner === void 0 ? void 0 : partner.protestos }),
             React.createElement(PartnerField, { name: "Receita Status", value: partner.receitaStatus }),

package/dist/components/partners/partners.js

@@ -23,10 +23,11 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import { formatCnpj, formatCpf, isCnpj } from '../../utils/string';
 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 PartnerDividasPublicas from './partner-dividas-publicas';
 import PartnerProtestos from './partner-protestos';
 import PartnerRFBStatus from './partner-rfb-status';
@@ -35,9 +36,32 @@ var Partners = function (_a) {
     var onClickQSA = _a.onClickQSA;
     var ctx = useContext(Queries.Finder);
     var rfbResponse = useConsultaRfb().rfbResponse;
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _b = useState(false), dataUpdated = _b[0], setDataUpdated = _b[1];
+    useEffect(function () {
+        if (ctx.type === RequestStatus.Success && !dataUpdated && ctx.document) {
+            var data = ctx.document;
+            var partnersNode = __spreadArray(__spreadArray([], XPathUtils.selectArray('//quadroSocietario/quadroSocietario', data), true), XPathUtils.selectArray('//participacoesEmpresas/participacoesEmpresas', data), true);
+            var partners_1 = (partnersNode.length
+                ? partnersNode
+                : XPathUtils.selectArray('//RFB/socios/socio', rfbResponse)).map(function (partner) {
+                var documento = XPathUtils.select('string(documento)', partner);
+                return {
+                    nome: XPathUtils.select('string(nome)', partner) || partner.textContent,
+                    cpf: (!isCnpj(documento) && formatCpf(documento)) || '',
+                    cargo: XPathUtils.select('string(qualificacaoSocio)', partner),
+                    cnpj: (isCnpj(documento) && formatCnpj(documento)) || '',
+                    receitaStatus: documento ? (React.createElement(PartnerRFBStatus, { documento: documento })) : null,
+                    dividasPublicas: documento ? (React.createElement(PartnerDividasPublicas, { documento: documento })) : null,
+                    protestos: documento ? (React.createElement(PartnerProtestos, { documento: documento })) : null
+                };
+            });
+            if (partners_1.length > 0) {
+                setData(function (prevState) { return (__assign(__assign({}, prevState), { partners: { partners: partners_1 } })); });
+                setDataUpdated(true);
+            }
+        }
+    }, [ctx, rfbResponse, dataUpdated, setData]);
     var response = function (data) {
         var partnersNode = __spreadArray(__spreadArray([], XPathUtils.selectArray('//quadroSocietario/quadroSocietario', data), true), XPathUtils.selectArray('//participacoesEmpresas/participacoesEmpresas', data), true);
         var partners = (partnersNode.length
@@ -54,10 +78,6 @@ var Partners = function (_a) {
                 protestos: documento ? React.createElement(PartnerProtestos, { documento: documento }) : null
             };
         });
-        if (!dataUpdated && partners.length > 0) {
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { partners: { partners: partners } })); });
-            setDataUpdated(true);
-        }
         var children = (partners === null || partners === void 0 ? void 0 : partners.length) ? (React.createElement(Result, null,
             React.createElement(PartnerList, { onClickQSA: onClickQSA, partners: partners }))) : null;
         return {

package/dist/components/pep/pep.js

@@ -14,16 +14,23 @@ import XPathUtils from '../../utils/xpath';
 import React, { useContext, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { Result } from '../interface/result';
+import { Section } from '../section';
 import { Queries } from '../webservice';
 var PessoaPoliticamenteExposta = function () {
     var ctx = useContext(Queries.Finder);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
-    return (React.createElement(Section, { title: "Pessoa Politicamente Exposta", subtitle: "Vejas As Informa\u00E7\u00F5es Dispon\u00EDveis", onSuccess: function (document) {
-            var _a, _b, _c;
-            var data = (_a = XPathUtils.selectArray('//pep', document)) === null || _a === void 0 ? void 0 : _a[0];
-            var pepData = ((_b = data === null || data === void 0 ? void 0 : data.childNodes) === null || _b === void 0 ? void 0 : _b.length) ? parsePepData(data) : null;
+    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.');
+                return {
+                    children: null,
+                    description: 'Erro ao processar o documento.'
+                };
+            }
+            var data = XPathUtils.selectArray('//pep', document);
+            var pepData = data && ((_b = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) ? parsePepData(data[0]) : null;
             if (!dataUpdated && pepData) {
                 setData(function (prevState) { return (__assign(__assign({}, prevState), { pep: { pepData: pepData } })); });
                 setDataUpdated(true);
@@ -33,7 +40,7 @@ var PessoaPoliticamenteExposta = function () {
                     React.createElement("div", { className: "content" }, FIELDS.map(function (field) { return (React.createElement(AddItemField, { key: field.key, name: field.name, value: pepData[field.key] })); }))))) : null;
             return {
                 children: children,
-                description: ((_c = data === null || data === void 0 ? void 0 : data.childNodes) === null || _c === void 0 ? void 0 : _c.length)
+                description: data && ((_d = (_c = data[0]) === null || _c === void 0 ? void 0 : _c.childNodes) === null || _d === void 0 ? void 0 : _d.length)
                     ? ''
                     : 'Não foram encontradas informações de pessoa politicamente exposta.'
             };

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

@@ -11,36 +11,42 @@ var __assign = (this && this.__assign) || function () {
 };
 import ProcessosJuridicosIcon from '../../assets/icones/processosJuridicos';
 import { useGlobalData } from '../../contexts/globalDataContext';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 import ProcessosJuridicosList from './processosJuridicosList';
 var ProcessosJuridicos = function (_a) {
     var onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     var ctx = useContext(Queries.ProcessosJuridicos);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _b = useState(false), dataUpdated = _b[0], setDataUpdated = _b[1];
-    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, _b;
-            var qtyProcessos = (_a = data === null || data === void 0 ? void 0 : data.empresa) === null || _a === void 0 ? void 0 : _a.length;
-            if (!dataUpdated && qtyProcessos) {
+    useEffect(function () {
+        var _a;
+        if (ctx.type === RequestStatus.Success && !dataUpdated && ctx.document) {
+            var qtyProcessos_1 = (_a = ctx.document.empresa) === null || _a === void 0 ? void 0 : _a.length;
+            if (qtyProcessos_1) {
                 var processosJuridicosData_1 = {
-                    empresa: data === null || data === void 0 ? void 0 : data.empresa
+                    empresa: ctx.document.empresa
                 };
-                setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicos: qtyProcessos || 0, processosJuridicosData: processosJuridicosData_1 })); });
+                setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicos: qtyProcessos_1 || 0, processosJuridicosData: processosJuridicosData_1 })); });
                 setDataUpdated(true);
             }
-            var children = qtyProcessos ? (React.createElement(ProcessosJuridicosList, { processos: data === null || data === void 0 ? void 0 : data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;
+        }
+    }, [ctx.type, ctx.document, dataUpdated, setData]);
+    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;
             return {
                 children: children,
                 description: (React.createElement(StatusMessage, { type: qtyProcessos ? 'error' : 'default' }, qtyProcessos
                     ? 'Pesquisa concluída, ' +
                         (qtyProcessos > 1
                             ? "foram encontrados ".concat(qtyProcessos, " processos")
-                            : 'foi encontrato 1 processo')
-                    : 'Não foram econtrados processos jurídicos para o documento pesquisado')),
-                variant: ((_b = data === null || data === void 0 ? void 0 : data.empresa) === null || _b === void 0 ? void 0 : _b.length) ? 'error' : 'default'
+                            : 'foi encontrado 1 processo')
+                    : 'Não foram encontrados processos jurídicos para o documento pesquisado')),
+                variant: qtyProcessos ? 'error' : 'default'
             };
         } }));
 };

package/dist/components/protestos/protestos.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -23,63 +22,79 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatDatePtBrToDate } from '../../utils/date';
 import { extractIntegerFromText } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 import ProtestosCategory from './protestosCategory';
 import { ProtestoItem } from './protestosList';
-var ResultProtestos = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n\n  flex-direction: column;\n\n  row-gap: 20px;\n\n  margin-top: 20px;\n"], ["\n  display: flex;\n\n  flex-direction: column;\n\n  row-gap: 20px;\n\n  margin-top: 20px;\n"])));
+var ResultProtestos = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 20px;\n  margin-top: 20px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  row-gap: 20px;\n  margin-top: 20px;\n"])));
 var Protestos = function () {
     var ctx = useContext(Queries.Protestos);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
-    var filterProtestos = function (regex, data) {
-        return XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
-            return regex.test(XPathUtils.select('string(./nomeCedente)', protesto));
-        });
-    };
+    useEffect(function () {
+        if (ctx.type !== RequestStatus.Success || dataUpdated || !ctx.document) {
+            return;
+        }
+        var data = ctx.document;
+        var byDate = function (protesto, protesto2) {
+            var _a, _b;
+            return (((_a = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto2))) === null || _a === void 0 ? void 0 : _a.getTime()) || 0) -
+                (((_b = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto))) === null || _b === void 0 ? void 0 : _b.getTime()) || 0);
+        };
+        var registrosText = XPathUtils.select('string(//registros)', data);
+        var registros = extractIntegerFromText(registrosText);
+        var filterProtestos = function (regex, data) {
+            return XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
+                return regex.test(XPathUtils.select('string(./nomeCedente)', protesto));
+            });
+        };
+        var protestosDeCredito = filterProtestos(REGEX_PROTESTOS_DE_CREDITO, data).sort(byDate);
+        var protestosDeImposto = filterProtestos(REGEX_PROTESTOS_DE_IMPOSTO, data).sort(byDate);
+        var protestosGerais = XPathUtils.selectArray('//body//protesto', data)
+            .filter(function (protesto) {
+            var nomeCedente = XPathUtils.select('string(./nomeCedente)', protesto);
+            return (!REGEX_PROTESTOS_DE_IMPOSTO.test(nomeCedente) &&
+                !REGEX_PROTESTOS_DE_CREDITO.test(nomeCedente));
+        })
+            .sort(byDate);
+        var protestosState = {
+            protestosDeCredito: protestosDeCredito,
+            protestosDeImposto: protestosDeImposto,
+            protestosGerais: protestosGerais,
+            totalProtestos: registros
+        };
+        setData(function (prevState) { return (__assign(__assign({}, prevState), { protestos: registros, protestosData: protestosState })); });
+        setDataUpdated(true);
+    }, [ctx, setData, dataUpdated]);
     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 byDate = function (protesto, protesto2) {
-                var _a, _b;
-                return ((_a = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto2))) === null || _a === void 0 ? void 0 : _a.getTime()) -
-                    ((_b = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto))) === null || _b === void 0 ? void 0 : _b.getTime());
-            };
             var registrosText = XPathUtils.select('string(//registros)', data);
             var registros = extractIntegerFromText(registrosText);
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { protestos: registros })); });
-            var protestosDeCredito = filterProtestos(REGEX_PROTESTOS_DE_CREDITO, data).sort(byDate);
-            var protestosDeImposto = filterProtestos(REGEX_PROTESTOS_DE_IMPOSTO, data).sort(byDate);
-            var protestosGerais = XPathUtils.selectArray('//body//protesto', data)
-                .filter(function (protesto) {
+            var protestosDeCredito = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
+                return REGEX_PROTESTOS_DE_CREDITO.test(XPathUtils.select('string(./nomeCedente)', protesto));
+            });
+            var protestosDeImposto = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
+                return REGEX_PROTESTOS_DE_IMPOSTO.test(XPathUtils.select('string(./nomeCedente)', protesto));
+            });
+            var protestosGerais = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
                 var nomeCedente = XPathUtils.select('string(./nomeCedente)', protesto);
                 return (!REGEX_PROTESTOS_DE_IMPOSTO.test(nomeCedente) &&
                     !REGEX_PROTESTOS_DE_CREDITO.test(nomeCedente));
-            })
-                .sort(byDate);
-            if (!dataUpdated) {
-                var protestosState_1 = {
-                    protestosDeCredito: protestosDeCredito,
-                    protestosDeImposto: protestosDeImposto,
-                    protestosGerais: protestosGerais,
-                    totalProtestos: registros
-                };
-                setData(function (prevState) { return (__assign(__assign({}, prevState), { protestosData: protestosState_1 })); });
-                setDataUpdated(true);
-            }
+            });
             var elements = [
                 {
-                    total: protestosDeCredito === null || protestosDeCredito === void 0 ? void 0 : protestosDeCredito.length,
-                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Protestos de cr\u00E9dito em geral.", registros: protestosDeCredito === null || protestosDeCredito === void 0 ? void 0 : protestosDeCredito.length, icon: ProtestosCreditoIcon }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
+                    total: protestosDeCredito.length,
+                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Protestos de cr\u00E9dito em geral.", registros: protestosDeCredito.length, icon: ProtestosCreditoIcon }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
                 },
                 {
-                    total: protestosDeImposto === null || protestosDeImposto === void 0 ? void 0 : protestosDeImposto.length,
-                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Protestos de impostos federais, estaduais e municipais.", registros: protestosDeImposto === null || protestosDeImposto === void 0 ? void 0 : protestosDeImposto.length, icon: ProtestosImpostosIcon }, protestosDeImposto.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
+                    total: protestosDeImposto.length,
+                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Protestos de impostos federais, estaduais e municipais.", registros: protestosDeImposto.length, icon: ProtestosImpostosIcon }, protestosDeImposto.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
                 },
                 {
-                    total: protestosGerais === null || protestosGerais === void 0 ? void 0 : protestosGerais.length,
-                    element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais === null || protestosGerais === void 0 ? void 0 : protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
+                    total: protestosGerais.length,
+                    element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
                 }
             ].sort(function (a, b) { return b.total - a.total; });
             var children = registros ? (React.createElement(ResultProtestos, null, elements.map(function (_a) {

package/dist/components/refinBoaVista/refinBoaVista.js

@@ -16,17 +16,17 @@ import { addNoValueContent } from '../../utils/string';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 function useRefinBoaVista(documento) {
     var _a;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var setData = useGlobalData().setData;
     var _b = useState(false), dataUpdated = _b[0], setDataUpdated = _b[1];
     var _c = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _c.consultasComplementares, setConsultasComplementares = _c.setConsultasComplementares;
-    var _d = useQuery("SELECT FROM 'PROTESTOS'.'REFIN'", { documento: documento }, !!((_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _a === void 0 ? void 0 : _a.consultaRealizada)), response = _d.response, isLoading = _d.isLoading, error = _d.error;
+    var _d = useQuery("SELECT FROM 'PROTESTOS'.'REFIN'", { documento: documento }, !!((_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _a === void 0 ? void 0 : _a.consultaRealizada)), response = _d.response, isLoading = _d.isLoading, error = _d.error, loadingProgress = _d.loadingProgress;
     var pendencias = useMemo(function () {
         var _a;
         if ((_a = response === null || response === void 0 ? void 0 : response.document) === null || _a === void 0 ? void 0 : _a.spc) {
@@ -51,30 +51,40 @@ function useRefinBoaVista(documento) {
             setDataUpdated(true);
         }
     }, [response, dataUpdated, setData, setConsultasComplementares]);
-    return { isLoading: isLoading, error: error, pendencias: pendencias, consultaRealizada: !!response };
+    return {
+        isLoading: isLoading,
+        error: error,
+        pendencias: pendencias,
+        consultaRealizada: !!response,
+        loadingProgress: loadingProgress
+    };
 }
 function RefinBoaVista(_a) {
     var documento = _a.documento;
     var refinBoaVistaRef = useRef(null);
-    var _b = useRefinBoaVista(documento), isLoading = _b.isLoading, error = _b.error, pendencias = _b.pendencias, consultaRealizada = _b.consultaRealizada;
+    var _b = useRefinBoaVista(documento), isLoading = _b.isLoading, error = _b.error, pendencias = _b.pendencias, consultaRealizada = _b.consultaRealizada, loadingProgress = _b.loadingProgress;
     useEffect(function () {
         var _a;
         (_a = refinBoaVistaRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
     }, [consultaRealizada]);
-    var statusType = pendencias.length > 0 ? 'success' : 'default';
-    var variant = isLoading
-        ? 'loading'
-        : error
-            ? 'error'
-            : 'default';
     var description = pendencias.length
         ? "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias")
         : 'Nenhuma ocorrência encontrada';
     if (!consultaRealizada)
         return null;
-    return (React.createElement("div", null,
-        React.createElement(Header, { innerRef: refinBoaVistaRef, title: "Restri\u00E7\u00F5es Pefin/Refin Boa Vista", subtitle: "Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais", variant: variant, description: React.createElement(StatusMessage, { type: statusType }, error ? error.message : description), icon: PefinRefinBoaVistaIcon }),
-        pendencias.length > 0 && (React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+    return (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: pendencias,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Restri\u00E7\u00F5es Pefin/Refin Boa Vista", subtitle: "Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais", icon: PefinRefinBoaVistaIcon, description: !error && (React.createElement(StatusMessage, { type: pendencias.length ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Associado", value: pendencia.NomeAssociado }),
             React.createElement(AddItemField, { name: "Valor", value: pendencia.Valor && !isNaN(parseFloat(pendencia.Valor))
                     ? "".concat(formatMoney(parseFloat(pendencia.Valor)))
@@ -86,6 +96,12 @@ function RefinBoaVista(_a) {
             React.createElement(AddItemField, { name: "Comprador, Fiador ou Avalista", value: pendencia.CompradorFiadorAvalista }),
             React.createElement(AddItemField, { name: "Telefone Associado", value: pendencia.TelefoneAssociado }),
             React.createElement(AddItemField, { name: "Cidade Associado", value: pendencia.CidadeAssociado }),
-            React.createElement(AddItemField, { name: "UF Associado", value: pendencia.UfAssociado }))); })))));
+            React.createElement(AddItemField, { name: "UF Associado", value: pendencia.UfAssociado }))); }))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } }));
 }
 export default RefinBoaVista;