@credithub/harlan-components 1.59.7 → 1.59.9

package/dist/components/liminar/liminar.js

@@ -16,6 +16,15 @@ import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus } from '../webservice';
+var validAssuntos = [
+    'protesto indevido de títulos',
+    'inclusão indevida em cadastro de inadimplentes',
+    'liminar',
+    'sustação de Protesto',
+    'inexequibilidade do titulo / inexequibilidade da obrigação',
+    'Adimplemento e Extinção',
+    'Inexequibilidade do Título / Inexequibilidade da Obrigação | Tutela de Urgência | Protesto Indevido de Título'
+].map(normalizeName);
 var Liminar = function () {
     var _a, _b, _c;
     var ctx = useContext(Queries.LiminarCenprot);
@@ -73,15 +82,6 @@ var Liminar = function () {
         var empresas = globalData.processosJuridicosData.empresa;
         // Begin the actual data processing
         var empresaNomeNormalizado = normalizeName((carousel === null || carousel === void 0 ? void 0 : carousel.name) || '');
-        var validAssuntos = [
-            'protesto indevido de títulos',
-            'inclusão indevida em cadastro de inadimplentes',
-            'liminar',
-            'sustação de Protesto',
-            'inexequibilidade do titulo / inexequibilidade da obrigação',
-            'Adimplemento e Extinção',
-            'Inexequibilidade do Título / Inexequibilidade da Obrigação | Tutela de Urgência | Protesto Indevido de Título'
-        ].map(normalizeName);
         // Look for valid processes
         var processosAtivo = empresas === null || empresas === void 0 ? void 0 : empresas.filter(function (processo) {
             var _a;

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, useState } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus } from '../webservice';
@@ -20,28 +20,68 @@ var ProcessosJuridicos = function (_a) {
     var onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     var ctx = useContext(Queries.ProcessosJuridicos);
     var setData = useGlobalData().setData;
-    var _b = useState(false), dataUpdated = _b[0], setDataUpdated = _b[1];
+    // Use a ref instead of state to track whether data has been processed
+    var processedRef = useRef(false);
+    var ctxHashRef = useRef('');
     useEffect(function () {
         var _a;
-        if ((ctx.type == RequestStatus.Error || ctx.type == RequestStatus.Empty) && !dataUpdated) {
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicosData: {
-                    empresa: [],
-                    isLoaded: true
-                } })); });
+        // Create a hash of the current context state to detect changes
+        var currentCtxHash = JSON.stringify({
+            type: ctx.type,
+            documentId: ctx.document ? true : false
+        });
+        // Skip if we've already processed this data state
+        if (currentCtxHash === ctxHashRef.current && processedRef.current) {
+            return;
+        }
+        // Update our reference to the current context
+        ctxHashRef.current = currentCtxHash;
+        // Handle error or empty response
+        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) {
+                    return prevState;
+                }
+                return __assign(__assign({}, prevState), { processosJuridicosData: {
+                        empresa: [],
+                        isLoaded: true
+                    } });
+            });
+            processedRef.current = true;
             return;
         }
-        if (ctx.type == RequestStatus.Success && !dataUpdated && ctx.document) {
+        // Handle successful response
+        if (ctx.type === RequestStatus.Success && !processedRef.current && ctx.document) {
             var qtyProcessos_1 = (_a = ctx.document.empresa) === null || _a === void 0 ? void 0 : _a.length;
             if (qtyProcessos_1) {
                 var processosJuridicosData_1 = {
                     empresa: ctx.document.empresa,
                     isLoaded: true
                 };
-                setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicos: qtyProcessos_1 || 0, processosJuridicosData: processosJuridicosData_1 })); });
-                setDataUpdated(true);
+                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)) {
+                        return prevState;
+                    }
+                    return __assign(__assign({}, prevState), { processosJuridicos: qtyProcessos_1 || 0, processosJuridicosData: processosJuridicosData_1 });
+                });
+                processedRef.current = true;
             }
         }
-    }, [ctx.type, ctx.document, dataUpdated, setData]);
+    }, [ctx.type, ctx.document, setData]);
+    // Reset processed state when context changes to loading
+    useEffect(function () {
+        if (ctx.type === RequestStatus.Loading) {
+            processedRef.current = 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;