@credithub/harlan-components 1.62.1 → 1.62.3

package/dist/components/ccf/ccf.js

@@ -48,6 +48,7 @@ var CCF = function () {
         }
         if (ctx.type === RequestStatus.Error || ctx.type === RequestStatus.Empty) {
             setData(function (prevState) { return (__assign(__assign({}, prevState), { ccfData: { isLoaded: true } })); });
+            return;
         }
         var data = ctx.document;
         var _a = processData(data), ccfData = _a.ccfData, totalOcorrencias = _a.totalOcorrencias, ultimoRegistro = _a.ultimoRegistro;

package/dist/components/dividasPublicas/dividasPublicas.js

@@ -55,6 +55,7 @@ var DividasPublicas = function () {
         var dividas = parseDividas(ctx.document);
         if (ctx.type === RequestStatus.Error || ctx.type === RequestStatus.Empty) {
             setData(function (prevState) { return (__assign(__assign({}, prevState), { divida: { isLoaded: true } })); });
+            return;
         }
         if (!dataUpdated) {
             var dividasPublicas_1 = XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', ctx.document) || 0;

package/dist/components/processos-juridicos/processosJuridicos.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const ProcessosJuridicos: React.FC<{
+declare const _default: React.NamedExoticComponent<{
     onClickConsultarProcessoJuridico?: (processo: string) => void;
 }>;
-export default ProcessosJuridicos;
+export default _default;

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import ProcessosJuridicosIcon from '../../assets/icones/processosJuridicos';
 import { useGlobalData } from '../../contexts/globalDataContext';
-import React, { useContext, useEffect, useRef } from 'react';
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus } from '../webservice';
@@ -20,34 +20,27 @@ var ProcessosJuridicos = function (_a) {
     var onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     var ctx = useContext(Queries.ProcessosJuridicos);
     var setData = useGlobalData().setData;
-    // Use a ref instead of state to track whether data has been processed
+    // Refs para evitar processamento desnecessário
     var processedRef = useRef(false);
     var ctxHashRef = useRef('');
-    useEffect(function () {
-        if (ctx.type === RequestStatus.Loading) {
-            processedRef.current = false;
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicosData: __assign(__assign({}, prevState.processosJuridicosData), { isLoaded: false }) })); });
-        }
-    }, [ctx.type, setData]);
     useEffect(function () {
         var _a;
-        // Create a hash of the current context state to detect changes
+        // Gera um hash para detectar mudanças relevantes no contexto
         var currentCtxHash = JSON.stringify({
             type: ctx.type,
-            documentId: ctx.document ? true : false
+            documentId: !!ctx.document
         });
-        // Skip if we've already processed this data state
+        // Se o estado não mudou e já foi processado, sai
         if (currentCtxHash === ctxHashRef.current && processedRef.current) {
             return;
         }
-        // Update our reference to the current context
+        // Atualiza o hash atual
         ctxHashRef.current = currentCtxHash;
-        // Handle error or empty response
+        // Caso de erro ou resposta vazia
         if ((ctx.type === RequestStatus.Error || ctx.type === RequestStatus.Empty) &&
             !processedRef.current) {
             setData(function (prevState) {
                 var _a;
-                // Avoid unnecessary state updates if data hasn't changed
                 if (((_a = prevState.processosJuridicosData) === null || _a === void 0 ? void 0 : _a.isLoaded) &&
                     Array.isArray(prevState.processosJuridicosData.empresa) &&
                     prevState.processosJuridicosData.empresa.length === 0) {
@@ -61,7 +54,7 @@ var ProcessosJuridicos = function (_a) {
             processedRef.current = true;
             return;
         }
-        // Handle successful response
+        // Caso de resposta bem-sucedida
         if (ctx.type === RequestStatus.Success &&
             !processedRef.current &&
             ctx.document) {
@@ -73,7 +66,6 @@ var ProcessosJuridicos = function (_a) {
                 };
                 setData(function (prevState) {
                     var _a;
-                    // Avoid unnecessary state updates
                     if (((_a = prevState.processosJuridicosData) === null || _a === void 0 ? void 0 : _a.isLoaded) &&
                         JSON.stringify(prevState.processosJuridicosData.empresa) ===
                             JSON.stringify(processosJuridicosData_1.empresa)) {
@@ -85,26 +77,29 @@ var ProcessosJuridicos = function (_a) {
             }
         }
     }, [ctx.type, ctx.document, setData]);
-    // Reset processed state when context changes to loading
+    // Reseta o estado processado ao iniciar novo carregamento
     useEffect(function () {
         if (ctx.type === RequestStatus.Loading) {
             processedRef.current = false;
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicosData: __assign(__assign({}, prevState.processosJuridicosData), { isLoaded: false }) })); });
         }
-    }, [ctx.type]);
-    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 encontrado 1 processo')
-                    : 'Não foram encontrados processos jurídicos para o documento pesquisado')),
-                variant: qtyProcessos ? 'error' : 'default'
-            };
-        } }));
+    }, [ctx.type, setData]);
+    // Ajustamos a função para receber dois parâmetros e garantir que 'variant' seja do tipo literal esperado
+    var handleSuccess = useCallback(function (data, _ctx) {
+        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;
+        var variant = qtyProcessos ? 'error' : 'default';
+        return {
+            children: children,
+            description: (React.createElement(StatusMessage, { type: qtyProcessos ? 'error' : 'default' }, qtyProcessos
+                ? "Pesquisa conclu\u00EDda, ".concat(qtyProcessos > 1
+                    ? "foram encontrados ".concat(qtyProcessos, " processos")
+                    : 'foi encontrado 1 processo')
+                : 'Não foram encontrados processos jurídicos para o documento pesquisado')),
+            variant: variant
+        };
+    }, [onClickConsultarProcessoJuridico]);
+    return (React.createElement(Section, { ctx: ctx, title: "Processos Jur\u00EDdicos", subtitle: "Veja os processos jur\u00EDdicos para este documento.", icon: ProcessosJuridicosIcon, minimized: false, onSuccess: handleSuccess }));
 };
-export default ProcessosJuridicos;
+export default React.memo(ProcessosJuridicos);

package/dist/components/protestos/protestos.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Protestos: React.FC;
-export default Protestos;
+declare const _default: React.NamedExoticComponent<{}>;
+export default _default;

package/dist/components/protestos/protestos.js

@@ -22,7 +22,7 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatDatePtBrToDate } from '../../utils/date';
 import { extractIntegerFromText } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import styled from 'styled-components';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
@@ -30,6 +30,7 @@ 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  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"])));
+// Função de ordenação por data
 var byDate = function (protesto, protesto2) {
     var _a, _b;
     var v0 = ((_a = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto2))) === null || _a === void 0 ? void 0 : _a.getTime()) || 0;
@@ -41,25 +42,31 @@ var Protestos = function () {
     var ctxLiminar = useContext(Queries.Liminar);
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
+    // Calcula o total e memorizamos esse valor para evitar recalcular a cada render
     var total = useMemo(function () {
-        var _a, _b;
-        if ((ctxLiminar === null || ctxLiminar === void 0 ? void 0 : ctxLiminar.type) === RequestStatus.Success)
-            return (((_b = (_a = ctxLiminar === null || ctxLiminar === void 0 ? void 0 : ctxLiminar.document) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce(function (carry, e) { return carry + Number(e === null || e === void 0 ? void 0 : e[9]); }, 0)) || 0);
+        var _a;
+        if ((ctxLiminar === null || ctxLiminar === void 0 ? void 0 : ctxLiminar.type) === RequestStatus.Success &&
+            ((_a = ctxLiminar.document) === null || _a === void 0 ? void 0 : _a.data)) {
+            return (ctxLiminar.document.data.reduce(function (carry, e) { return carry + Number(e === null || e === void 0 ? void 0 : e[9]); }, 0) || 0);
+        }
         return 0;
-    }, [ctxLiminar === null || ctxLiminar === void 0 ? void 0 : ctxLiminar.type]);
+    }, [ctxLiminar === null || ctxLiminar === void 0 ? void 0 : ctxLiminar.type, ctxLiminar === null || ctxLiminar === void 0 ? void 0 : ctxLiminar.document]);
+    // Processa os protestos e atualiza o contexto global (apenas quando ctx.document é válido e o processamento ainda não ocorreu)
     useEffect(function () {
         if (dataUpdated || !ctx.document) {
             return;
         }
-        if (ctx.type === RequestStatus.Error) {
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { protestosData: { isLoaded: true } })); });
-        }
         var data = ctx.document;
         var registrosText = XPathUtils.select('string(//registros)', data);
         var haveException = /Falha na integra/gi.test(XPathUtils.select('string(//raw)', data));
         var registros = haveException
             ? extractIntegerFromText(registrosText) + total
             : extractIntegerFromText(registrosText);
+        if (haveException) {
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { protestosData: { isLoaded: true } })); });
+            setDataUpdated(true);
+            return;
+        }
         var filterProtestos = function (regex, data) {
             return XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
                 return regex.test(XPathUtils.select('string(./nomeCedente)', protesto));
@@ -83,58 +90,61 @@ var Protestos = function () {
         };
         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 registrosText = XPathUtils.select('string(//registros)', data);
-            var haveException = /Falha na integra/gi.test(XPathUtils.select('string(//raw)', data));
-            var registros = haveException
-                ? extractIntegerFromText(registrosText) + total
-                : extractIntegerFromText(registrosText);
-            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));
-            });
-            var elements = [
-                {
-                    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
-                        .sort(byDate)
-                        .map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
-                },
-                {
-                    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
-                        .sort(byDate)
-                        .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
-                        .sort(byDate)
-                        .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, i) {
-                var element = _a.element;
-                return (React.createElement(React.Fragment, { key: i }, element));
-            }))) : null;
-            return {
-                children: children,
-                variant: registros ? 'error' : 'default',
-                description: (React.createElement(StatusMessage, { type: registros ? 'error' : 'default' }, registros
-                    ? registros === 1
-                        ? 'Encontrado um protesto'
-                        : "Encontrados ".concat(registros, " protestos")
-                    : 'Não há ocorrência de protesto'))
-            };
-        } }));
+    }, [ctx.type, ctx.document, dataUpdated, total, setData]);
+    // Callback memorizado para a renderização do conteúdo em caso de sucesso
+    var handleSuccess = useCallback(function (data, _ctx) {
+        var registrosText = XPathUtils.select('string(//registros)', data);
+        var haveException = /Falha na integra/gi.test(XPathUtils.select('string(//raw)', data));
+        var registros = haveException
+            ? extractIntegerFromText(registrosText) + total
+            : extractIntegerFromText(registrosText);
+        var protestosDeCredito = XPathUtils.selectArray('//body//protesto', data)
+            .filter(function (protesto) {
+            return REGEX_PROTESTOS_DE_CREDITO.test(XPathUtils.select('string(./nomeCedente)', protesto));
+        })
+            .sort(byDate);
+        var protestosDeImposto = XPathUtils.selectArray('//body//protesto', data)
+            .filter(function (protesto) {
+            return REGEX_PROTESTOS_DE_IMPOSTO.test(XPathUtils.select('string(./nomeCedente)', protesto));
+        })
+            .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 elements = [
+            {
+                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.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 (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
+            },
+            {
+                total: protestosGerais.length,
+                element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
+            }
+        ].sort(function (a, b) { return b.total - a.total; });
+        var children = registros ? (React.createElement(ResultProtestos, null, elements.map(function (_a, i) {
+            var element = _a.element;
+            return (React.createElement(React.Fragment, { key: i }, element));
+        }))) : null;
+        var variant = registros ? 'error' : 'default';
+        return {
+            children: children,
+            variant: variant,
+            description: (React.createElement(StatusMessage, { type: registros ? 'error' : 'default' }, registros
+                ? registros === 1
+                    ? 'Encontrado um protesto'
+                    : "Encontrados ".concat(registros, " protestos")
+                : 'Não há ocorrência de protesto'))
+        };
+    }, [total]);
+    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: handleSuccess }));
 };
-export default Protestos;
+export default React.memo(Protestos);
 var templateObject_1;