@credithub/harlan-components 1.64.5 → 1.65.0

package/dist/components/interface/header.d.ts

@@ -1,6 +1,6 @@
 import { IconProps } from '@/@types/icon';
 import React, { ComponentType, DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
-export type HeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLElement> & {
+export type HeaderProps = Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'title' | 'icon'> & {
     title?: ReactNode;
     subtitle?: ReactNode;
     description?: ReactNode;
@@ -13,16 +13,19 @@ export type HeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTML
         showLoadingBar?: boolean;
     };
     icon?: ComponentType<IconProps>;
-    iconProps?: IconProps;
+    iconProps?: Record<string, unknown>;
     titleClassName?: string;
     subtitleClassName?: string;
     descriptionClassName?: string;
     containerClassName?: string;
     contentClassName?: string;
     actionsClassName?: string;
-    innerRef?: React.LegacyRef<HTMLDivElement>;
+    innerRef?: React.Ref<HTMLDivElement>;
     variant?: 'default' | 'error' | 'loading';
     printBar?: boolean;
 };
+/** -----------------------------
+ *  Component
+ * ----------------------------- */
 declare const Header: React.FC<HeaderProps>;
 export default Header;

package/dist/components/interface/header.js

@@ -28,6 +28,9 @@ import classNames from 'classnames';
 import React, { useMemo } from 'react';
 import styled, { useTheme } from 'styled-components';
 import LoadingBar from './loadingBar';
+/** -----------------------------
+ *  Styled helpers
+ * ----------------------------- */
 var Title = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.typography.headline24.fontSize;
@@ -72,7 +75,7 @@ var Description = styled.div(templateObject_3 || (templateObject_3 = __makeTempl
 });
 var HeaderUI = styled(function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return React.createElement("header", __assign({}, props), children);
+    return (React.createElement("header", __assign({}, props), children));
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"])), Title, function (props) { return props.color; });
 var HeaderContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"])));
 var ActionsList = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"])));
@@ -82,8 +85,11 @@ var LoadingBarWrapper = styled.div(templateObject_9 || (templateObject_9 = __mak
     var hidden = _a.hidden;
     return (hidden ? 0 : 1);
 });
+/** -----------------------------
+ *  Component
+ * ----------------------------- */
 var Header = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, iconProps = _a.iconProps, _c = _a.loadingProps, loadingProps = _c === void 0 ? {} : _c, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _d = _a.printBar, printBar = _d === void 0 ? true : _d, props = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "variant", "iconProps", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
+    var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, iconProps = _a.iconProps, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.loadingProps, loadingProps = _c === void 0 ? {} : _c, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _d = _a.printBar, printBar = _d === void 0 ? true : _d, rest = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "iconProps", "variant", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
     var theme = useTheme();
     var headerClass = classNames(className);
     var actionsClass = classNames(actionsClassName);
@@ -91,18 +97,21 @@ var Header = function (_a) {
     var isLoading = variant === 'loading';
     var variantColor = useMemo(function () { return getVariantColor(variant, theme); }, [variant, theme]);
     return (React.createElement("div", { ref: innerRef },
-        React.createElement(HeaderUI, __assign({ className: headerClass, color: variantColor }, props),
+        React.createElement(HeaderUI, __assign({ className: headerClass, color: variantColor }, rest),
             React.createElement(HeaderContainer, { className: containerClass },
                 React.createElement(IconWrapper, null, Icon && React.createElement(Icon, __assign({}, iconProps, { circleFill: variantColor }))),
                 React.createElement(TextWrapper, { printBar: printBar },
-                    React.createElement(Title, { hidden: !title, className: classNames(titleClassName) }, title),
+                    title && (React.createElement(Title, { className: classNames(titleClassName) }, title)),
                     React.createElement("div", { className: "text-wrapper-subtitle-description" },
                         React.createElement(Subtitle, { hidden: isLoading || !subtitle, className: subtitleClassName }, subtitle),
                         React.createElement(Description, { hidden: isLoading || !description, className: descriptionClassName }, description)),
                     React.createElement(LoadingBarWrapper, { hidden: !isLoading },
                         React.createElement(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0 })))),
-            React.createElement(ActionsList, { className: actionsClass }, actions && actions))));
+            actions && (React.createElement(ActionsList, { className: actionsClass }, actions)))));
 };
+/** -----------------------------
+ * Helpers
+ * ----------------------------- */
 var getVariantColor = function (type, theme) {
     if (type === void 0) { type = 'default'; }
     var options = {

package/dist/components/liminar/liminar.js

@@ -12,11 +12,11 @@ var __assign = (this && this.__assign) || function () {
 import ProtestosIcon from '../../assets/icones/protestos';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { normalizeName, similarNames } from '../../utils/similarNames';
-import React, { useContext, useEffect, useMemo, useRef } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
 import { Queries, RequestStatus } from '../webservice';
-// Lista de assuntos válidos para identificação de liminares
+import { TitleWithTooltip, TooltipContainer, TooltipIcon, TooltipText } from './liminarStyles';
 var validAssuntos = [
     'protesto indevido de título',
     'protesto indevido de títulos',
@@ -26,6 +26,14 @@ var validAssuntos = [
     'inexequibilidade do titulo / inexequibilidade da obrigação',
     'inexequibilidade do titulo / inexequibilidade da obrigação | tutela de urgência | protesto indevido de título'
 ].map(normalizeName);
+var businessTypes = [
+    'factoring',
+    'fidc',
+    'securitizadora',
+    'fintech',
+    'banco',
+    'cooperativa'
+];
 var Liminar = function () {
     var _a, _b;
     var ctx = useContext(Queries.LiminarCenprot);
@@ -34,6 +42,7 @@ var Liminar = function () {
     var processingRef = useRef(true);
     var resultRef = useRef('Não encontrado');
     var dataHashRef = useRef('');
+    var _d = useState(false), showInversionInfo = _d[0], setShowInversionInfo = _d[1];
     var tiposDocumento = useMemo(function () {
         var _a;
         var tipoRaw = (_a = ctx.document) === null || _a === void 0 ? void 0 : _a.type;
@@ -69,7 +78,7 @@ var Liminar = function () {
                     labels.add(label);
             });
         }
-        // 2) Sempre verificar processos jurídicos
+        // Processos Judiciais sempre checados
         var carouselName = ((_c = (_b = globalData === null || globalData === void 0 ? void 0 : globalData.dossie) === null || _b === void 0 ? void 0 : _b.carousel) === null || _c === void 0 ? void 0 : _c.name) || '';
         var empresas = (_d = globalData === null || globalData === void 0 ? void 0 : globalData.processosJuridicosData) === null || _d === void 0 ? void 0 : _d.empresa;
         if (carouselName && Array.isArray(empresas)) {
@@ -91,6 +100,18 @@ var Liminar = function () {
             });
             if (hasJudicial) {
                 labels.add('Liminar no Judiciário');
+                var foundBusinessEntity = empresas.some(function (processo) {
+                    var _a;
+                    return (_a = processo.envolvidos_ultima_movimentacao) === null || _a === void 0 ? void 0 : _a.some(function (e) {
+                        if (e.envolvido_tipo !== 'Ativo')
+                            return false;
+                        var nomeNorm = normalizeName(e.nome_sem_filtro);
+                        return businessTypes.some(function (type) { return nomeNorm.includes(type); });
+                    });
+                });
+                if (foundBusinessEntity) {
+                    setShowInversionInfo(true);
+                }
             }
         }
         return Array.from(labels);
@@ -150,7 +171,12 @@ var Liminar = function () {
     if (processedRef.current && resultRef.current === 'Não encontrado') {
         return null;
     }
-    return (React.createElement(Section, { title: "Liminares para Remo\u00E7\u00E3o de Protesto", subtitle: processingRef.current
+    return (React.createElement(Section, { title: React.createElement(React.Fragment, null,
+            React.createElement(TitleWithTooltip, null,
+                "Liminares para Remo\u00E7\u00E3o de Protesto",
+                showInversionInfo && (React.createElement(TooltipContainer, null,
+                    React.createElement(TooltipIcon, null),
+                    React.createElement(TooltipText, null, "Aten\u00E7\u00E3o: Em alguns casos, o sistema judicial pode registrar os pap\u00E9is das partes de forma invertida, dificultando a interpreta\u00E7\u00E3o direta. Por isso, utilizamos algoritmos internos para detectar esse padr\u00E3o com base em contexto e palavras-chave."))))), subtitle: processingRef.current
             ? 'Carregando liminar...'
             : 'Indícios de liminares para ocultação de registros.', icon: ProtestosIcon, ctx: processingRef.current
             ? __assign(__assign({}, ctx), { type: RequestStatus.Loading }) : derivedCtx, onSuccess: processingRef.current

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

@@ -0,0 +1,7 @@
+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, {}, never>;
+export declare const TitleWithTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/liminar/liminarStyles.js

@@ -0,0 +1,15 @@
+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 { 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  &:hover {\n    span {\n      visibility: visible;\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 8px;\n\n  &:hover {\n    span {\n      visibility: visible;\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\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: hidden;\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 16px 18px;\n  font-size: 15px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 1.5;\n  position: absolute;\n  z-index: 10;\n  top: 130%;\n  left: 0;\n  opacity: 0;\n  transform: translateY(-10px);\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: 14px;\n  }\n"], ["\n  visibility: hidden;\n  width: 380px;\n  max-width: 90vw;\n  background-color: ", ";\n  color: ", ";\n  text-align: left;\n  border-radius: 10px;\n  padding: 16px 18px;\n  font-size: 15px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 1.5;\n  position: absolute;\n  z-index: 10;\n  top: 130%;\n  left: 0;\n  opacity: 0;\n  transform: translateY(-10px);\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: 14px;\n  }\n"])), 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"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;