@credithub/harlan-components 1.59.2 → 1.59.4

package/dist/components/liminar/liminar.js

@@ -16,19 +16,49 @@ import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus } from '../webservice';
+function useStableValue(value) {
+    var _a = useState(value), stableValue = _a[0], setStableValue = _a[1];
+    var lastValueRef = useRef(value);
+    var consecutiveFramesRef = useRef(0);
+    useEffect(function () {
+        lastValueRef.current = value;
+        consecutiveFramesRef.current = 0;
+        var frame;
+        function check() {
+            if (lastValueRef.current === value) {
+                consecutiveFramesRef.current++;
+                if (consecutiveFramesRef.current >= 2) {
+                    setStableValue(value);
+                    return;
+                }
+            }
+            else {
+                consecutiveFramesRef.current = 0;
+                lastValueRef.current = value;
+            }
+            frame = requestAnimationFrame(check);
+        }
+        frame = requestAnimationFrame(check);
+        return function () { return cancelAnimationFrame(frame); };
+    }, [value]);
+    return stableValue;
+}
 var Liminar = function () {
     var _a, _b, _c;
     var ctx = useContext(Queries.LiminarCenprot);
     var _d = useGlobalData(), globalData = _d.data, setData = _d.setData;
     var _e = useState(undefined), liminarResult = _e[0], setLiminarResult = _e[1];
     var _f = useState(true), isProcessing = _f[0], setIsProcessing = _f[1];
-    var didRunRef = useRef(false);
     var carousel = (_a = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _a === void 0 ? void 0 : _a.carousel;
     var isPJDataLoaded = (_b = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _b === void 0 ? void 0 : _b.isLoaded;
     var empresas = (_c = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _c === void 0 ? void 0 : _c.empresa;
+    var dataHash = useMemo(function () { return JSON.stringify({ carousel: carousel, isPJDataLoaded: isPJDataLoaded, empresas: empresas }); }, [carousel, isPJDataLoaded, empresas]);
+    var stableDataHash = useStableValue(dataHash);
     useEffect(function () {
         var _a;
-        if (didRunRef.current || !carousel || !isPJDataLoaded)
+        if (stableDataHash !== dataHash)
+            return;
+        if (!carousel || !isPJDataLoaded)
             return;
         var empresaNomeNormalizado = normalizeName((carousel === null || carousel === void 0 ? void 0 : carousel.name) || '');
         var validAssuntos = [
@@ -71,8 +101,15 @@ var Liminar = function () {
         setData(function (prev) { return (__assign(__assign({}, prev), { liminar: { indiciosDeLiminar: indiciosDeLiminar, message: finalStatus } })); });
         setLiminarResult(finalStatus);
         setIsProcessing(false);
-        didRunRef.current = true;
-    }, [carousel, isPJDataLoaded, empresas, ctx, setData]);
+    }, [
+        stableDataHash,
+        dataHash,
+        carousel,
+        isPJDataLoaded,
+        empresas,
+        ctx,
+        setData
+    ]);
     var isProcessoNaoEncontrado = ctx.type === RequestStatus.Error &&
         String(ctx.error).includes('Processo(s) não encontrado(s).');
     var derivedCtx = useMemo(function () { return (__assign(__assign({}, ctx), { type: isProcessoNaoEncontrado ? RequestStatus.Success : ctx.type, document: isProcessoNaoEncontrado

package/dist/components/protestos/protestos.js

@@ -117,9 +117,9 @@ var Protestos = function () {
                         .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) {
+            var children = registros ? (React.createElement(ResultProtestos, null, elements.map(function (_a, i) {
                 var element = _a.element;
-                return element;
+                return React.createElement(React.Fragment, { key: i }, element);
             }))) : null;
             return {
                 children: children,