@credithub/harlan-components 1.97.10 → 1.99.0

package/dist/@types/domain/index.d.ts

@@ -5,8 +5,9 @@ export type { Contact, ContactsState } from '@/@types/domain/contactsTypes';
 export type { Divida, DividasPublicasState } from '@/@types/domain/dividasTypes';
 export type { DocumentHistoryData } from '@/@types/domain/documentHistoryData';
 export type { CarouselState, DossieState, SummaryState, TransactionTableState } from '@/@types/domain/dossieTypes';
-export type { ImoveisConsultaResponse, IPTUItem } from '@/@types/domain/imoveisTypes';
+export type { IPTUItem, ImoveisConsultaResponse } from '@/@types/domain/imoveisTypes';
 export type { LiminarResponse } from '@/@types/domain/liminarTypes';
+export type { LiteError } from '@/@types/domain/liteError';
 export type { Partner, PartnersState } from '@/@types/domain/partnersTypes';
 export type { PepData, PepState } from '@/@types/domain/pepTypes';
 export type { EnvolvidoUltimaMovimentacao, ProcessoJuridicoResume, ProcessosJuridicosState } from '@/@types/domain/processosJuridicosTypes';

package/dist/components/common/tooltip.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export interface TooltipProps {
+    content: ReactNode;
+    icon?: ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+    defaultVisible?: boolean;
+    visible?: boolean;
+    onVisibleChange?: (v: boolean) => void;
+    /** Quando true, o ícone não reserva espaço no layout do texto (não aumenta o label) */
+    float?: boolean;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/components/common/tooltip.js

@@ -0,0 +1,67 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import theme from '../../styles/theme';
+import React, { useRef, useState } from 'react';
+import styled from 'styled-components';
+var Container = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: ", ";\n  align-items: center;\n  /* Quando flutuante, o container n\u00E3o ocupa largura para n\u00E3o deslocar o conte\u00FAdo adjacente */\n  width: ", ";\n  vertical-align: middle;\n"], ["\n  position: relative;\n  display: ", ";\n  align-items: center;\n  /* Quando flutuante, o container n\u00E3o ocupa largura para n\u00E3o deslocar o conte\u00FAdo adjacente */\n  width: ", ";\n  vertical-align: middle;\n"])), function (_a) {
+    var $float = _a.$float;
+    return ($float ? 'inline-block' : 'inline-flex');
+}, function (_a) {
+    var $float = _a.$float;
+    return ($float ? 0 : 'auto');
+});
+var Trigger = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  ", "\n"])), function (_a) {
+    var $float = _a.$float;
+    return $float
+        ? "\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translate(100%, -50%);\n  "
+        : '';
+});
+var Bubble = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: ", ";\n  pointer-events: ", ";\n  opacity: ", ";\n  transform: ", ";\n\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 10px 16px 16px 16px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.35;\n  position: absolute;\n  z-index: 10;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  transition:\n    opacity 0.3s ease-in-out,\n    transform 0.3s ease-in-out;\n\n  ", "\n\n  @media screen and (max-width: 768px) {\n    font-size: 14px;\n    padding: 10px 14px 14px 14px;\n  }\n"], ["\n  visibility: ", ";\n  pointer-events: ", ";\n  opacity: ", ";\n  transform: ", ";\n\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 10px 16px 16px 16px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.35;\n  position: absolute;\n  z-index: 10;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  transition:\n    opacity 0.3s ease-in-out,\n    transform 0.3s ease-in-out;\n\n  ", "\n\n  @media screen and (max-width: 768px) {\n    font-size: 14px;\n    padding: 10px 14px 14px 14px;\n  }\n"])), function (_a) {
+    var $visible = _a.$visible;
+    return ($visible ? 'visible' : 'hidden');
+}, function (_a) {
+    var $visible = _a.$visible;
+    return ($visible ? 'auto' : 'none');
+}, function (_a) {
+    var $visible = _a.$visible;
+    return ($visible ? 1 : 0);
+}, function (_a) {
+    var $visible = _a.$visible;
+    return $visible ? 'translateY(0)' : 'translateY(-10px)';
+}, theme.colors.cinzaBase, theme.colors.erroApoio, function (_a) {
+    var $placement = _a.$placement;
+    return $placement === 'bottom'
+        ? 'top: 130%; left: 0;'
+        : $placement === 'top'
+            ? 'bottom: 130%; left: 0;'
+            : $placement === 'left'
+                ? 'right: 110%; top: 0;'
+                : 'left: 110%; top: 0;';
+});
+var Tooltip = function (_a) {
+    var content = _a.content, icon = _a.icon, _b = _a.placement, placement = _b === void 0 ? 'bottom' : _b, className = _a.className, defaultVisible = _a.defaultVisible, visible = _a.visible, onVisibleChange = _a.onVisibleChange, _c = _a.float, float = _c === void 0 ? false : _c;
+    var _d = useState(!!defaultVisible), internalVisible = _d[0], setInternalVisible = _d[1];
+    var isControlled = typeof visible === 'boolean';
+    var currentVisible = isControlled ? !!visible : internalVisible;
+    var hideTimeout = useRef();
+    return (React.createElement(Container, { "$float": float, className: className, onMouseEnter: function () {
+            clearTimeout(hideTimeout.current);
+            if (isControlled)
+                onVisibleChange && onVisibleChange(true);
+            else
+                setInternalVisible(true);
+        }, onMouseLeave: function () {
+            hideTimeout.current = setTimeout(function () {
+                if (isControlled)
+                    onVisibleChange && onVisibleChange(false);
+                else
+                    setInternalVisible(false);
+            }, 300);
+        } },
+        React.createElement(Trigger, { "$float": float }, icon),
+        React.createElement(Bubble, { "$visible": currentVisible, "$placement": placement }, content)));
+};
+export default Tooltip;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/consultaSimplesSection/consultaSimplesSection.js

@@ -25,22 +25,25 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import ConsultaSimplesIcon from '../../assets/icones/consultaSimples';
+import Tooltip from '../../components/common/tooltip';
 import { useGlobalData } from '../../contexts/globalDataContext';
+import { usePostHog } from '../../contexts/PostHogContext';
+import theme from '../../styles/theme';
 import { formatMoney } from '../../utils/number';
 import { formatDocument } from '../../utils/string';
 import { format } from 'date-fns';
+import { WarningCircle } from 'phosphor-react';
 import React, { useContext, useEffect } from 'react';
 import styled, { keyframes } from 'styled-components';
 import Section from '../interface/section';
 import StatusMessage from '../interface/statusMessage';
 import { Queries, RequestStatus } from '../webservice';
-import { usePostHog } from '../../contexts/PostHogContext';
 // Animação do spinner
 var spin = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"], ["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"])));
 // Componente Spinner sutil
 var Spinner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-left-color: #222;\n  border-radius: 50%;\n  width: 9px;\n  height: 9px;\n  animation: ", " 1s linear infinite;\n  margin-right: 8px;\n  display: inline-block;\n  vertical-align: middle;\n"], ["\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-left-color: #222;\n  border-radius: 50%;\n  width: 9px;\n  height: 9px;\n  animation: ", " 1s linear infinite;\n  margin-right: 8px;\n  display: inline-block;\n  vertical-align: middle;\n"])), spin);
 var ConsultaSimplesSection = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var documento = _a.documento, children = _a.children, onClose = _a.onClose, isFinancial = _a.isFinancial, rest = __rest(_a, ["documento", "children", "onClose", "isFinancial"]);
     var ctx = useContext(Queries.Finder);
     var data = useGlobalData().data;
@@ -50,52 +53,74 @@ var ConsultaSimplesSection = function (_a) {
         ['ATIVA', 'REGULAR'].indexOf(data.dossie.summary.receitaStatus) === -1
         ? data.dossie.summary.receitaStatus
         : null;
+    // Leitura case-insensitive do CTIME (pode vir "CTIME" ou "ctime" etc.)
+    var getCI = function (obj, key) {
+        if (!obj)
+            return undefined;
+        var found = Object.keys(obj).find(function (k) { return k.toLowerCase() === key.toLowerCase(); });
+        return found ? String(obj[found]).trim() : undefined;
+    };
+    var ctimeStr = getCI(ctx === null || ctx === void 0 ? void 0 : ctx.urlData, 'CTIME');
+    // Parser simples para ISO e epoch (s/ms)
+    var parseCTIME = function (v) {
+        if (!v)
+            return null;
+        var n = Number(v);
+        if (!Number.isNaN(n)) {
+            var ms = n < 1e12 ? n * 1000 : n;
+            var d_1 = new Date(ms);
+            return Number.isNaN(d_1.getTime()) ? null : d_1;
+        }
+        var d = new Date(v);
+        return Number.isNaN(d.getTime()) ? null : d;
+    };
+    var ctimeDate = parseCTIME(ctimeStr);
+    var displayDate = ctimeDate !== null && ctimeDate !== void 0 ? ctimeDate : new Date();
+    // Origem dos dados a partir de um único header: x-data-source: realtime|cache
+    var dataSource = (((_e = (_d = ctx === null || ctx === void 0 ? void 0 : ctx.response) === null || _d === void 0 ? void 0 : _d.headers) === null || _e === void 0 ? void 0 : _e.get('x-data-source')) || '').toLowerCase();
+    var sourceLabel = dataSource === 'realtime'
+        ? 'tempo real'
+        : dataSource === 'cache'
+            ? 'cache'
+            : '';
+    // Conteúdos dos tooltips: linguagem clara para usuário final
+    var referenceTooltip = (React.createElement(React.Fragment, null,
+        React.createElement("strong", null, "Data de refer\u00EAncia"),
+        ":",
+        ' ',
+        format(displayDate, "dd/MM/yyyy 'às' HH:mm"),
+        React.createElement("br", null),
+        "Este \u00E9 o retrato da situa\u00E7\u00E3o nesse momento. Para ver a posi\u00E7\u00E3o mais recente, refa\u00E7a a consulta sem data fixa."));
     // Cria um array com cada tag de pendência, seu texto e sua flag de carregamento
+    var makeItem = function (label, loaded, text, error) { return ({
+        label: label,
+        loaded: Boolean(loaded),
+        text: text,
+        error: error
+    }); };
     var pendencias = [
-        {
-            label: 'Situação Receita',
-            text: receitaStatus ? "".concat(receitaStatus) : '',
-            loaded: true // assume que essa informação já está disponível
-        },
-        {
-            label: 'Dívidas Públicas',
-            text: data.dividasPublicas
-                ? "".concat(formatMoney(data.dividasPublicas), " em D\u00EDvidas P\u00FAblicas")
-                : '',
-            loaded: (_e = (_d = data.divida) === null || _d === void 0 ? void 0 : _d.isLoaded) !== null && _e !== void 0 ? _e : false
-        },
-        {
-            label: 'Cheques sem Fundo',
-            text: data.ccf
-                ? "".concat(data.ccf === 1 ? 'Cheque sem Fundo' : "".concat(data.ccf, " Cheques sem Fundo"), " com \u00DAltima Ocorr\u00EAncia em ").concat(data.ultimoRegistroCCF)
-                : '',
-            loaded: (_g = (_f = data.ccfData) === null || _f === void 0 ? void 0 : _f.isLoaded) !== null && _g !== void 0 ? _g : false
-        },
-        {
-            label: 'Protestos',
-            text: data.protestos
-                ? data.protestos === 1
-                    ? 'Protesto Encontrado'
-                    : "".concat(data.protestos, " Protestos")
-                : '',
-            loaded: (_j = (_h = data.protestosData) === null || _h === void 0 ? void 0 : _h.isLoaded) !== null && _j !== void 0 ? _j : false
-        },
-        {
-            label: 'Processos Jurídicos',
-            text: data.processosJuridicos
-                ? "".concat(data.processosJuridicos, " ").concat(data.processosJuridicos === 1 ? 'Processo Jurídico' : 'Processos Jurídicos')
-                : '',
-            loaded: (_l = (_k = data.processosJuridicosData) === null || _k === void 0 ? void 0 : _k.isLoaded) !== null && _l !== void 0 ? _l : false
-        },
-        {
-            label: 'Liminar',
-            text: data.liminar &&
-                (data.liminar.totalProtestos === 'NADA CONSTA' ||
-                    data.liminar.message === 'Encontrado')
-                ? 'Indício de Liminar'
-                : '',
-            loaded: (_o = (_m = data.liminar) === null || _m === void 0 ? void 0 : _m.isLoaded) !== null && _o !== void 0 ? _o : false
-        }
+        makeItem('Situação Receita', true, receitaStatus ? "".concat(receitaStatus) : ''),
+        makeItem('Dívidas Públicas', (_f = data.divida) === null || _f === void 0 ? void 0 : _f.isLoaded, data.dividasPublicas
+            ? "".concat(formatMoney(data.dividasPublicas), " em D\u00EDvidas P\u00FAblicas")
+            : '', (_g = data.divida) === null || _g === void 0 ? void 0 : _g.error),
+        makeItem('Cheques sem Fundo', (_h = data.ccfData) === null || _h === void 0 ? void 0 : _h.isLoaded, data.ccf
+            ? "".concat(data.ccf === 1 ? 'Cheque sem Fundo' : "".concat(data.ccf, " Cheques sem Fundo"), " com \u00DAltima Ocorr\u00EAncia em ").concat(data.ultimoRegistroCCF)
+            : '', (_j = data.ccfData) === null || _j === void 0 ? void 0 : _j.error),
+        makeItem('Protestos', (_k = data.protestosData) === null || _k === void 0 ? void 0 : _k.isLoaded, data.protestos
+            ? data.protestos === 1
+                ? 'Protesto Encontrado'
+                : "".concat(data.protestos, " Protestos")
+            : '', (_l = data.protestosData) === null || _l === void 0 ? void 0 : _l.error),
+        makeItem('Processos Jurídicos', (_m = data.processosJuridicosData) === null || _m === void 0 ? void 0 : _m.isLoaded, data.processosJuridicos
+            ? "".concat(data.processosJuridicos, " ").concat(data.processosJuridicos === 1
+                ? 'Processo Jurídico'
+                : 'Processos Jurídicos')
+            : '', (_o = data.processosJuridicosData) === null || _o === void 0 ? void 0 : _o.error),
+        makeItem('Liminar', (_p = data.liminar) === null || _p === void 0 ? void 0 : _p.isLoaded, data.liminar &&
+            (data.liminar.totalProtestos === 'NADA CONSTA' ||
+                data.liminar.message === 'Encontrado')
+            ? 'Indício de Liminar'
+            : '', (_q = data.liminar) === null || _q === void 0 ? void 0 : _q.error)
     ].filter(function (e) { return (e.label === 'Liminar' ? isFinancial : e); });
     var isError = (ctx === null || ctx === void 0 ? void 0 : ctx.type) === RequestStatus.Error;
     var isLoading = (ctx === null || ctx === void 0 ? void 0 : ctx.type) === RequestStatus.Loading;
@@ -104,7 +129,7 @@ var ConsultaSimplesSection = function (_a) {
         data.dividasPublicas ||
         data.processosJuridicos ||
         receitaStatus ||
-        ((_p = data.liminar) === null || _p === void 0 ? void 0 : _p.message) === 'Encontrado';
+        ((_r = data.liminar) === null || _r === void 0 ? void 0 : _r.message) === 'Encontrado';
     var statusType = isError ? 'warning' : hasPendencias ? 'error' : 'success';
     useEffect(function () {
         if (posthog && pendencias.every(function (pendencia) { return pendencia.loaded; }))
@@ -112,16 +137,22 @@ var ConsultaSimplesSection = function (_a) {
                 documento: documento,
                 pendencias: pendencias.map(function (pendencia) { return ({
                     label: pendencia.label,
-                    text: pendencia.text,
-                }); }),
+                    text: pendencia.text
+                }); })
             });
     }, [posthog, pendencias]);
     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, null,
+                format(displayDate, "dd/MM/yyyy 'às' HH:mm"),
+                ctimeDate ? (React.createElement(React.Fragment, null,
+                    ' ',
+                    React.createElement(Tooltip, { content: referenceTooltip, placement: "left", float: true, icon: React.createElement(WarningCircle, { weight: "fill", size: 20, color: ctimeDate
+                                ? theme.colors.cinzaEscuro
+                                : theme.colors.cinzaEscuro, "aria-label": "Data de refer\u00EAncia" }) }))) : null),
             React.createElement(StatusMessage, { type: "found" }, formatDocument(documento)),
             isError && (ctx === null || ctx === void 0 ? void 0 : ctx.error) && (React.createElement(StatusMessage, { type: statusType }, ctx.error.message)),
             pendencias.map(function (item) {
-                // Se a tag não está carregada, mostra o spinner com a mensagem de carregamento
+                var _a;
                 if (!item.loaded) {
                     return (React.createElement(StatusMessage, { key: item.label, type: "loading" },
                         React.createElement(Spinner, null),
@@ -129,7 +160,9 @@ var ConsultaSimplesSection = function (_a) {
                         item.label,
                         "..."));
                 }
-                // Se carregado e houver texto, exibe-o; caso contrário, não renderiza nada
+                if ((_a = item.error) === null || _a === void 0 ? void 0 : _a.summary) {
+                    return (React.createElement(StatusMessage, { key: item.label, type: "warning" }, item.error.summary));
+                }
                 return item.text ? (React.createElement(StatusMessage, { key: item.label, type: "error" }, item.text)) : null;
             })), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default', ctx: ctx, loadingProps: {
             percentage: (ctx === null || ctx === void 0 ? void 0 : ctx.progress) || 0,

package/dist/components/liminar/liminar.js

@@ -56,11 +56,12 @@ import { WarningCircle } from 'phosphor-react';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import Button from '../common/button';
 import Modal from '../common/modal';
+import Tooltip from '../common/tooltip';
 import { SummaryButton } from '../dossie/summary/styles';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus, useFetch } from '../webservice';
-import { TitleWithTooltip, TooltipContainer, TooltipText } from './liminarStyles';
+import { TitleWithTooltip } from './liminarStyles';
 import { useLiminarHistory } from './useLiminarHistory';
 import useLiminarProtestosDoPassado from './useLiminarProtestosDoPassado';
 /* ----------------------------------
@@ -95,12 +96,10 @@ var Liminar = function (_a) {
     var processedRef = useRef(false);
     var dataHashRef = useRef('');
     var invertedIdsRef = useRef([]);
-    var _w = useState(false), isTooltipVisible = _w[0], setTooltipVisible = _w[1];
-    var _x = useState(false), isEmailModalOpen = _x[0], setIsEmailModalOpen = _x[1];
-    var _y = useState(''), emailModalMessage = _y[0], setEmailModalMessage = _y[1];
+    var _w = useState(false), isEmailModalOpen = _w[0], setIsEmailModalOpen = _w[1];
+    var _x = useState(''), emailModalMessage = _x[0], setEmailModalMessage = _x[1];
     var liminarMailPrice = 50000;
-    var _z = useFetch("SELECT FROM 'LIMINAR'.'SENDMAIL'"), sendIndiciosEmail = _z.fetch, isEmailSending = _z.isLoading, emailError = _z.error;
-    var hideTt = useRef();
+    var _y = useFetch("SELECT FROM 'LIMINAR'.'SENDMAIL'"), sendIndiciosEmail = _y.fetch, isEmailSending = _y.isLoading, emailError = _y.error;
     /*
      * Extrai e normaliza os tipos de documento presentes em ctx.document, retornando sempre um array de strings em minúsculo.
      */
@@ -142,7 +141,7 @@ var Liminar = function (_a) {
     /*
      * Identifica as origens de liminares detectadas e verifica se existe liminar de protesto invertida
      */
-    var _0 = useMemo(function () {
+    var _z = useMemo(function () {
         var _a, _b;
         var labels = new Set();
         var indiciosApi = ((_a = ctx.document) === null || _a === void 0 ? void 0 : _a.indiciosDeLiminar) === true;
@@ -178,7 +177,7 @@ var Liminar = function (_a) {
         tiposDocumento,
         processosComAssuntoValido,
         (_f = globalData === null || globalData === void 0 ? void 0 : globalData.liminar) === null || _f === void 0 ? void 0 : _f.indiciosDeLiminarProtestosDoPassado
-    ]), origensDetectadas = _0.origensDetectadas, foundBusinessEntity = _0.foundBusinessEntity;
+    ]), origensDetectadas = _z.origensDetectadas, foundBusinessEntity = _z.foundBusinessEntity;
     var protestosIsReady = useMemo(function () { var _a; return (_a = globalData === null || globalData === void 0 ? void 0 : globalData.protestosData) === null || _a === void 0 ? void 0 : _a.isLoaded; }, [globalData]);
     useEffect(function () {
         if (!protestosIsReady)
@@ -394,22 +393,14 @@ var Liminar = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Section, { title: React.createElement(TitleWithTooltip, null,
                 "Liminares para Remo\u00E7\u00E3o de Protesto",
-                !!processosComAssuntoValido.length && ready && (React.createElement(TooltipContainer, { onMouseEnter: function () {
-                        clearTimeout(hideTt.current);
-                        setTooltipVisible(true);
-                    }, onMouseLeave: function () {
-                        hideTt.current = setTimeout(function () { return setTooltipVisible(false); }, 300);
-                    } },
-                    renderTooltipIcon(),
-                    React.createElement(TooltipText, { visible: isTooltipVisible },
-                        React.createElement(React.Fragment, null,
-                            tooltipMessage,
-                            React.createElement("ul", { style: { marginTop: 6, paddingLeft: 18 } }, processosComAssuntoValido.map(function (p) { return (React.createElement("li", { key: p.id, onClick: function () { return scrollToProcesso(p.id); }, style: {
-                                    fontSize: 13,
-                                    cursor: 'pointer',
-                                    textDecoration: 'underline',
-                                    color: '#007aff'
-                                } }, p.id)); }))))))), subtitle: "Ind\u00EDcios de liminares para oculta\u00E7\u00E3o de registros.", icon: ProtestosIcon, ctx: ready ? ctx : ctxLoading, onSuccess: ready
+                !!processosComAssuntoValido.length && ready && (React.createElement(Tooltip, { icon: renderTooltipIcon(), content: React.createElement(React.Fragment, null,
+                        tooltipMessage,
+                        React.createElement("ul", { style: { marginTop: 6, paddingLeft: 18 } }, processosComAssuntoValido.map(function (p) { return (React.createElement("li", { key: p.id, onClick: function () { return scrollToProcesso(p.id); }, style: {
+                                fontSize: 13,
+                                cursor: 'pointer',
+                                textDecoration: 'underline',
+                                color: '#007aff'
+                            } }, p.id)); }))), placement: "bottom" }))), subtitle: "Ind\u00EDcios de liminares para oculta\u00E7\u00E3o de registros.", icon: ProtestosIcon, ctx: ready ? ctx : ctxLoading, onSuccess: ready
                 ? function (_data, _context) {
                     var _a, _b, _c, _d, _e, _f;
                     var msg = (_b = (_a = globalData === null || globalData === void 0 ? void 0 : globalData.liminar) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : 'Não encontrado';

package/dist/components/liminar/liminarStyles.d.ts

@@ -1,10 +1 @@
-export declare const TooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const TooltipIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("phosphor-react").IconProps & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {
-    weight: "fill";
-    size: 24;
-}, "size" | "weight">;
-export declare const TooltipText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    visible: boolean;
-}, never>;
 export declare const TitleWithTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const GrayHighlighted: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/liminar/liminarStyles.js

@@ -2,27 +2,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import theme from '../../styles/theme';
-import { WarningCircle } from 'phosphor-react';
 import styled from 'styled-components';
-export var TooltipContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 8px;\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 8px;\n"])));
-export var TooltipIcon = styled(WarningCircle).attrs({
-    weight: 'fill',
-    size: 24
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  transition: transform 0.2s ease;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n"], ["\n  color: ", ";\n  cursor: pointer;\n  transition: transform 0.2s ease;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n"])), theme.colors.laranja);
-export var TooltipText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: ", ";\n  pointer-events: ", ";\n  opacity: ", ";\n  transform: ", ";\n\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 10px 16px 16px 16px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.35;\n  position: absolute;\n  z-index: 10;\n  top: 130%;\n  left: 0;\n  transition:\n    opacity 0.3s ease-in-out,\n    transform 0.3s ease-in-out;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n\n  @media screen and (max-width: 768px) {\n    font-size: 14px;\n    padding: 10px 14px 14px 14px;\n  }\n"], ["\n  visibility: ", ";\n  pointer-events: ", ";\n  opacity: ", ";\n  transform: ", ";\n\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 10px 16px 16px 16px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.35;\n  position: absolute;\n  z-index: 10;\n  top: 130%;\n  left: 0;\n  transition:\n    opacity 0.3s ease-in-out,\n    transform 0.3s ease-in-out;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n\n  @media screen and (max-width: 768px) {\n    font-size: 14px;\n    padding: 10px 14px 14px 14px;\n  }\n"])), function (_a) {
-    var visible = _a.visible;
-    return (visible ? 'visible' : 'hidden');
-}, function (_a) {
-    var visible = _a.visible;
-    return (visible ? 'auto' : 'none');
-}, function (_a) {
-    var visible = _a.visible;
-    return (visible ? 1 : 0);
-}, function (_a) {
-    var visible = _a.visible;
-    return visible ? 'translateY(0)' : 'translateY(-10px)';
-}, theme.colors.cinzaBase, theme.colors.erroApoio);
-export var TitleWithTooltip = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
-export var GrayHighlighted = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  animation: highlight-gray 0.6s ease-out;\n\n  @keyframes highlight-gray {\n    from {\n      background-color: ", ";\n    }\n    to {\n      background-color: transparent;\n    }\n  }\n"], ["\n  animation: highlight-gray 0.6s ease-out;\n\n  @keyframes highlight-gray {\n    from {\n      background-color: ", ";\n    }\n    to {\n      background-color: transparent;\n    }\n  }\n"])), theme.colors.cinzaClaro);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+export var TitleWithTooltip = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
+var templateObject_1;

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

@@ -34,15 +34,19 @@ var ProcessosJuridicos = function (_a) {
         ctxHashRef.current = currentCtxHash;
         if (ctx.type === RequestStatus.Error && !processedRef.current) {
             setData(function (prevState) {
-                var _a;
-                if (((_a = prevState.processosJuridicosData) === null || _a === void 0 ? void 0 : _a.isLoaded) &&
+                var _a, _b;
+                var alreadyEmpty = ((_a = prevState.processosJuridicosData) === null || _a === void 0 ? void 0 : _a.isLoaded) &&
                     Array.isArray(prevState.processosJuridicosData.empresa) &&
-                    prevState.processosJuridicosData.empresa.length === 0) {
+                    prevState.processosJuridicosData.empresa.length === 0;
+                if (alreadyEmpty && ((_b = prevState.processosJuridicosData) === null || _b === void 0 ? void 0 : _b.error)) {
                     return prevState;
                 }
                 return __assign(__assign({}, prevState), { processosJuridicosData: {
                         empresa: [],
-                        isLoaded: true
+                        isLoaded: true,
+                        error: {
+                            summary: 'Falha ao consultar processos jurídicos, tente novamente mais tarde.'
+                        }
                     } });
             });
             processedRef.current = true;
@@ -56,7 +60,8 @@ var ProcessosJuridicos = function (_a) {
             if (qtyProcessos_1 > 0) {
                 var processosJuridicosData_1 = {
                     empresa: documentData_1.empresa,
-                    isLoaded: true
+                    isLoaded: true,
+                    error: undefined
                 };
                 setData(function (prevState) {
                     var _a;
@@ -69,18 +74,11 @@ var ProcessosJuridicos = function (_a) {
                 });
             }
             else {
-                setData(function (prevState) {
-                    var _a;
-                    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
-                        } });
-                });
+                setData(function (prevState) { return (__assign(__assign({}, prevState), { processosJuridicosData: {
+                        empresa: [],
+                        isLoaded: true,
+                        error: undefined
+                    } })); });
             }
             processedRef.current = true;
         }

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as BankAccounts } from './components/bank-accounts/bank-account
 export { default as CCF } from './components/ccf/ccf';
 export { default as ChartSystem } from './components/chart/chartSystem';
 export { default as AddItemField } from './components/common/addItem';
+export { default as Tooltip } from './components/common/tooltip';
 export { default as Contacts } from './components/contacts/contacts';
 export { default as DividasPublicas } from './components/dividasPublicas/dividasPublicas';
 export { default as Dossie } from './components/dossie/dossie';

package/dist/index.js

@@ -3,6 +3,7 @@ export { default as BankAccounts } from './components/bank-accounts/bank-account
 export { default as CCF } from './components/ccf/ccf';
 export { default as ChartSystem } from './components/chart/chartSystem';
 export { default as AddItemField } from './components/common/addItem';
+export { default as Tooltip } from './components/common/tooltip';
 export { default as Contacts } from './components/contacts/contacts';
 export { default as DividasPublicas } from './components/dividasPublicas/dividasPublicas';
 export { default as Dossie } from './components/dossie/dossie';