@credithub/harlan-components 1.80.2 → 1.81.2

package/dist/assets/btn/buttonAtualizarDadosRfb.js

@@ -1,10 +1,16 @@
-import React from 'react';
 import Button from '../../components/common/button';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
+import React from 'react';
 var ButtonAtualizarDadosRfb = function () {
-    var _a = useConsultaRfb(), executeFallback = _a.executeFallback, isLoading = _a.isLoading;
-    return (React.createElement(Button, { disabled: isLoading, isLoading: isLoading, onClick: function () {
-            executeFallback && executeFallback();
-        } }, "Atualizar Dados RFB"));
+    var _a = useConsultaRfb(), executeFallback = _a.executeFallback, isLoading = _a.isLoading, updatedOnce = _a.updatedOnce;
+    var label = isLoading
+        ? 'Atualizando dados...'
+        : updatedOnce
+            ? 'Dados RFB atualizados'
+            : 'Atualizar Dados RFB';
+    return (React.createElement(Button, { disabled: isLoading || updatedOnce, isLoading: isLoading, onClick: function () {
+            if (!updatedOnce && executeFallback)
+                executeFallback();
+        } }, label));
 };
 export default ButtonAtualizarDadosRfb;

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

@@ -1,6 +1,8 @@
 import React, { ReactNode } from 'react';
-declare const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+/** Props públicas que outros módulos podem consumir */
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     smallContent?: ReactNode;
     isLoading?: boolean;
-}>;
+}
+declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/common/button.js

@@ -24,28 +24,57 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import theme from '../../styles/theme';
 import classNames from 'classnames';
+import { SpinnerGap } from 'phosphor-react';
 import React from 'react';
-import styled, { css } from 'styled-components';
-var StyledButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, function (props) {
-    return props.isLoading ? theme.colors.cinzaClaro : theme.colors.azulCredithub;
-}, theme.colors.white, function (props) { return (!props.isLoading ? 'pointer' : 'wait'); }, function (props) {
-    return !props.isLoading && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n      }\n    "])), function (_a) {
+import styled, { css, keyframes } from 'styled-components';
+/* animação de rotação para o ícone */
+var spin = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n"], ["\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n"])));
+/* Ícone estilizado que gira indefinidamente */
+var RotatingSpinner = styled(SpinnerGap)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " 1s linear infinite;\n"], ["\n  animation: ", " 1s linear infinite;\n"])), spin);
+var StyledButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n  gap: 6px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n  gap: 6px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.lineHeight;
+}, function (_a) {
+    var isLoading = _a.isLoading, disabled = _a.disabled, theme = _a.theme;
+    return isLoading || disabled
+        ? theme.colors.cinzaClaro
+        : theme.colors.azulCredithub;
+}, function (_a) {
+    var disabled = _a.disabled, theme = _a.theme;
+    return disabled ? theme.colors.cinzaEscuro : theme.colors.white;
+}, function (_a) {
+    var isLoading = _a.isLoading, disabled = _a.disabled;
+    return isLoading ? 'wait' : disabled ? 'not-allowed' : 'pointer';
+}, function (_a) {
+    var isLoading = _a.isLoading, disabled = _a.disabled;
+    return !isLoading &&
+        !disabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n      }\n    "])), function (_a) {
         var theme = _a.theme;
         return theme.colors.azulApoio;
     });
 });
-var SmallContent = styled.small(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
+var SmallContent = styled.small(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.alerta;
 });
 var Button = function (_a) {
-    var children = _a.children, className = _a.className, smallContent = _a.smallContent, props = __rest(_a, ["children", "className", "smallContent"]);
+    var children = _a.children, className = _a.className, smallContent = _a.smallContent, isLoading = _a.isLoading, props = __rest(_a, ["children", "className", "smallContent", "isLoading"]);
     var buttonClassName = classNames(className);
-    return (React.createElement(StyledButton, __assign({ className: buttonClassName }, props),
-        React.createElement("span", null, children),
-        smallContent && React.createElement(SmallContent, null, smallContent)));
+    return (React.createElement(StyledButton, __assign({ className: buttonClassName, isLoading: isLoading }, props),
+        isLoading ? (React.createElement(React.Fragment, null,
+            React.createElement("span", null, children),
+            React.createElement(RotatingSpinner, { size: 20, weight: "bold" }))) : (React.createElement("span", null, children)),
+        !isLoading && smallContent && (React.createElement(SmallContent, null, smallContent))));
 };
 export default Button;
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,10 +1,10 @@
-import React from 'react';
+import { FC, ReactNode } from 'react';
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     title?: string;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
 }
-declare const Modal: React.FC<ModalProps>;
+declare const Modal: FC<ModalProps>;
 export default Modal;

package/dist/components/common/modal.js

@@ -2,14 +2,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React, { useEffect } from 'react';
-import styled from 'styled-components';
-var Overlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n"])));
-var ModalContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  animation: fadeIn 0.3s ease-out;\n  position: relative;\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(-20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n"], ["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  animation: fadeIn 0.3s ease-out;\n  position: relative;\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(-20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n"])), function (_a) {
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
+import styled, { css } from 'styled-components';
+var Overlay = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n\n  opacity: 1;\n  transition: opacity 0.25s ease;\n  ", "\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n\n  opacity: 1;\n  transition: opacity 0.25s ease;\n  ", "\n"])), function (_a) {
+    var closing = _a.closing;
+    return closing && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0;\n      pointer-events: none;\n    "], ["\n      opacity: 0;\n      pointer-events: none;\n    "])));
+});
+var Container = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  transition: transform 0.25s ease;\n  transform: translateY(0);\n\n  @media (max-width: 480px) {\n    width: calc(100% - 32px);\n    padding: 24px 20px;\n  }\n"], ["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  transition: transform 0.25s ease;\n  transform: translateY(0);\n\n  @media (max-width: 480px) {\n    width: calc(100% - 32px);\n    padding: 24px 20px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.white;
 });
-var CloseButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  font-weight: bold;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  font-weight: bold;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
+var CloseButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.cinzaEscuro;
 }, function (_a) {
@@ -19,42 +23,87 @@ var CloseButton = styled.button(templateObject_3 || (templateObject_3 = __makeTe
     var theme = _a.theme;
     return theme.colors.azulCredithub;
 });
-var Title = styled.h2(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"], ["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"])), function (_a) {
+var Title = styled.h2(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"], ["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.typography.headline20;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.azulCredithub;
 });
-var Content = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"], ["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"])), function (_a) {
+var Content = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"], ["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.typography.body16;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.cinzaEscuro;
 });
-var Footer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"], ["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"])));
+var Footer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"], ["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"])));
 var Modal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, title = _a.title, children = _a.children, footer = _a.footer;
+    var _b = useState(false), closing = _b[0], setClosing = _b[1];
+    var firstFocusable = useRef(null);
     useEffect(function () {
         if (!isOpen)
-            return;
-        var handleKeyDown = function (event) {
-            if (event.key === 'Escape') {
-                onClose();
-            }
+            return function () { };
+        var handleKeyDown = function (e) {
+            if (e.key === 'Escape')
+                startClose();
+            if (e.key === 'Tab')
+                trapFocus(e);
         };
         window.addEventListener('keydown', handleKeyDown);
         return function () { return window.removeEventListener('keydown', handleKeyDown); };
-    }, [isOpen, onClose]);
-    if (!isOpen)
+    }, [isOpen]);
+    useEffect(function () {
+        if (isOpen) {
+            var overflow_1 = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            return function () {
+                document.body.style.overflow = overflow_1;
+            };
+        }
+        return function () { };
+    }, [isOpen]);
+    useEffect(function () {
+        var _a;
+        if (isOpen)
+            (_a = firstFocusable.current) === null || _a === void 0 ? void 0 : _a.focus();
+        return function () { };
+    }, [isOpen]);
+    var startClose = useCallback(function () {
+        setClosing(true);
+        setTimeout(onClose, 250);
+    }, [onClose]);
+    var trapFocus = function (e) {
+        var node = ContainerRef.current;
+        if (!node)
+            return;
+        var focusable = node.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])');
+        if (focusable.length === 0)
+            return;
+        var first = focusable[0];
+        var last = focusable[focusable.length - 1];
+        if (e.shiftKey && document.activeElement === first) {
+            last.focus();
+            e.preventDefault();
+        }
+        else if (!e.shiftKey && document.activeElement === last) {
+            first.focus();
+            e.preventDefault();
+        }
+    };
+    var ContainerRef = useRef(null);
+    if (!isOpen && !closing)
         return null;
-    return (React.createElement(Overlay, { onClick: onClose },
-        React.createElement(ModalContainer, { onClick: function (e) { return e.stopPropagation(); } },
-            React.createElement(CloseButton, { onClick: onClose }, "\u00D7"),
-            title && React.createElement(Title, null, title),
+    var dialog = (React.createElement(Overlay, { closing: closing, onClick: startClose, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'modal-title' : undefined },
+        React.createElement(Container, { ref: ContainerRef, onClick: function (e) { return e.stopPropagation(); }, "data-testid": "modal-container" },
+            React.createElement(CloseButton, { "aria-label": "Fechar", onClick: startClose, ref: firstFocusable }, "\u00D7"),
+            title && (React.createElement(Title, { id: "modal-title", tabIndex: -1 }, title)),
             React.createElement(Content, null, children),
             footer && React.createElement(Footer, null, footer))));
+    return typeof document !== 'undefined'
+        ? ReactDOM.createPortal(dialog, document.body)
+        : dialog;
 };
 export default Modal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/consultaRfb.d.ts

@@ -1,17 +1,41 @@
 import React, { PropsWithChildren } from 'react';
 export type ConsultaRfbContextProps = Partial<{
-    rfbResponse: Document;
+    /** XML já parseado vindo da Receita Federal (CPF ou CNPJ) */
+    rfbResponse?: Document;
+    /** refaz apenas a consulta principal (CERTIDAO) */
     refetch: () => void;
     error: Error | null;
+    /** `true` enquanto qualquer consulta estiver rodando */
     isLoading: boolean;
+    /**
+     * Acionador de “atualizar dados”:
+     *  * CNPJ → chama ReceitaWS
+     *  * CPF  → refaz CERTIDAO
+     */
     executeFallback: () => void;
+    /** já executou pelo menos uma atualização (CPF ou CNPJ) */
+    updatedOnce: boolean;
+    /** `true` quando o documento tem 14 dígitos */
+    isCnpj: boolean;
 }>;
 export declare const ConsultaRfbContext: React.Context<Partial<{
-    rfbResponse: Document;
+    /** XML já parseado vindo da Receita Federal (CPF ou CNPJ) */
+    rfbResponse?: Document;
+    /** refaz apenas a consulta principal (CERTIDAO) */
     refetch: () => void;
     error: Error | null;
+    /** `true` enquanto qualquer consulta estiver rodando */
     isLoading: boolean;
+    /**
+     * Acionador de “atualizar dados”:
+     *  * CNPJ → chama ReceitaWS
+     *  * CPF  → refaz CERTIDAO
+     */
     executeFallback: () => void;
+    /** já executou pelo menos uma atualização (CPF ou CNPJ) */
+    updatedOnce: boolean;
+    /** `true` quando o documento tem 14 dígitos */
+    isCnpj: boolean;
 }> | null>;
 export declare const ConsultaRfbProvider: React.FC<PropsWithChildren<{
     documento: string;

package/dist/components/consultaRfb.js

@@ -2,27 +2,65 @@
 import React, { createContext, useEffect, useState } from 'react';
 import { useQuery } from './webservice';
 export var ConsultaRfbContext = createContext(null);
+var parseXml = function (raw) {
+    if (!raw)
+        return undefined;
+    if (typeof raw !== 'string')
+        return raw;
+    try {
+        return new DOMParser().parseFromString(raw, 'text/xml');
+    }
+    catch (_a) {
+        return undefined;
+    }
+};
 export var ConsultaRfbProvider = function (_a) {
     var _b, _c;
     var children = _a.children, documento = _a.documento;
+    /** documento só com dígitos */
+    var cleanDoc = documento.replace(/\D+/g, '');
+    var isCnpj = cleanDoc.length === 14;
+    /** controle de fallback (somente CNPJ) */
     var _d = useState(false), enableFallback = _d[0], setEnableFallback = _d[1];
-    var query = useQuery("SELECT FROM 'RFB'.'CERTIDAO'", {
-        documento: documento
-    });
-    var queryFallback = useQuery("SELECT FROM 'RECEITAWS'.'CNPJ'", { documento: documento }, enableFallback);
-    var executeFallback = function () { return setEnableFallback(true); };
+    /** flag genérica: já atualizou pelo menos uma vez */
+    var _e = useState(false), updatedOnce = _e[0], setUpdatedOnce = _e[1];
+    /* consulta primária – funciona tanto para CPF quanto CNPJ */
+    var query = useQuery("SELECT FROM 'RFB'.'CERTIDAO'", { documento: documento });
+    /* fallback ReceitaWS – apenas se CNPJ */
+    var queryFallback = isCnpj
+        ? useQuery("SELECT FROM 'RECEITAWS'.'CNPJ'", { documento: documento }, enableFallback)
+        : undefined;
+    /** clique no botão “Atualizar Dados RFB” */
+    var executeFallback = function () {
+        if (updatedOnce)
+            return; // já atualizou
+        if (isCnpj) {
+            setEnableFallback(true);
+            queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.refetch();
+        }
+        else {
+            /* CPF → basta refazer CERTIDAO (sem fallback externo) */
+            query.refetch();
+        }
+        setUpdatedOnce(true);
+    };
+    /* se enableFallback virar true (CNPJ), força refetch */
     useEffect(function () {
-        if (enableFallback) {
-            queryFallback.refetch();
+        if (enableFallback && isCnpj) {
+            queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.refetch();
         }
-    }, [enableFallback]);
+    }, [enableFallback, isCnpj]);
+    /* escolhe qual XML usar */
+    var rawResponse = isCnpj && enableFallback
+        ? (_b = queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.response) === null || _b === void 0 ? void 0 : _b.document
+        : (_c = query.response) === null || _c === void 0 ? void 0 : _c.document;
     return (React.createElement(ConsultaRfbContext.Provider, { value: {
-            rfbResponse: enableFallback
-                ? (_b = queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.response) === null || _b === void 0 ? void 0 : _b.document
-                : (_c = query === null || query === void 0 ? void 0 : query.response) === null || _c === void 0 ? void 0 : _c.document,
+            rfbResponse: parseXml(rawResponse),
             executeFallback: executeFallback,
+            updatedOnce: updatedOnce,
+            isCnpj: isCnpj,
             refetch: query.refetch,
-            error: query.error || queryFallback.error,
-            isLoading: query.isLoading || queryFallback.isLoading
+            error: query.error || (queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.error),
+            isLoading: query.isLoading || (queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.isLoading)
         } }, children));
 };

package/dist/components/dossie/dossie.js

@@ -19,11 +19,11 @@ import { formatCnpj, formatCpf } from '../../utils/string';
 import XPathUtils from '../../utils/xpath';
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { ReclameAquiCarousel } from '../reclameAqui/reclameAquiCarousel';
 import Section from '../section';
 import { Queries, RequestStatus, useQuery } from '../webservice';
 import { createDossieData } from './dossieData';
 import GenerativeAI from './generativeAi/generativeAi';
+import { ReclameAquiCarousel } from './sliderCompanyName/reclameAqui/reclameAquiCarousel';
 import { Summary } from './summary/summary';
 import { TransactionsTable } from './transactionTable/transactionTable';
 var DossieContent = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  justify-items: center;\n  align-items: flex-start;\n  margin-bottom: 20px;\n  gap: 20px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  justify-items: center;\n  align-items: flex-start;\n  margin-bottom: 20px;\n  gap: 20px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])));
@@ -32,20 +32,35 @@ var GenerativeAIContainer = styled.div(templateObject_3 || (templateObject_3 = _
     var theme = _a.theme;
     return theme.colors.white;
 });
+// Utilitário para obter o nome da empresa, priorizando ReceitaWS
+var getCompanyName = function (isPF, finderDoc, rfbDoc) {
+    if (isPF) {
+        return XPathUtils.select('string(//cadastro/nome)', finderDoc);
+    }
+    // prioridade 1 → ReceitaWS
+    var rfbName = (rfbDoc && XPathUtils.select('string(//RFB/nome)', rfbDoc)) ||
+        '';
+    if (rfbName)
+        return rfbName;
+    // prioridade 2 → Finder
+    return ((finderDoc &&
+        XPathUtils.select('string(//cadastro/razaoSocial)', finderDoc)) ||
+        '');
+};
 var Dossie = function (_a) {
     var documento = _a.documento, printMode = _a.printMode;
     var ctx = useContext(Queries.Finder);
-    var rfbResponse = useConsultaRfb().rfbResponse;
-    var _b = useGlobalData(), globalData = _b.data, setData = _b.setData;
+    var _b = useConsultaRfb(), rfbResponse = _b.rfbResponse, updatedOnce = _b.updatedOnce;
+    var _c = useGlobalData(), globalData = _c.data, setData = _c.setData;
     var lastDossieRef = useRef();
     // Ref para guardar o status de receita anterior
     var prevReceitaStatusRef = useRef(undefined);
     // Estado para sinalizar que houve mudança relevante no rfbResponse
-    var _c = useState(false), refreshQuery = _c[0], setRefreshQuery = _c[1];
+    var _d = useState(false), refreshQuery = _d[0], setRefreshQuery = _d[1];
     // Consulta ReclameAqui
-    var _d = useQuery("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'", {
+    var _e = useQuery("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'", {
         documento: documento
-    }), reclameAquiResponse = _d.response, reclameAquiLoading = _d.isLoading, reclameAquiError = _d.error;
+    }), reclameAquiResponse = _e.response, reclameAquiLoading = _e.isLoading, reclameAquiError = _e.error;
     // Processa os dados do ReclameAqui
     var reclameAquiCompanies = useMemo(function () {
         var _a;
@@ -55,9 +70,7 @@ var Dossie = function (_a) {
             var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
             if (isPF)
                 return undefined;
-            var name_1 = (ctx.document &&
-                XPathUtils.select('string(//cadastro/razaoSocial)', ctx.document)) ||
-                '';
+            var name_1 = getCompanyName(false, ctx.document, rfbResponse);
             return reclameAquiResponse.document.map(function (item) { return ({
                 nome: name_1,
                 cnpj: documento,
@@ -75,7 +88,8 @@ var Dossie = function (_a) {
         reclameAquiLoading,
         reclameAquiError,
         documento,
-        ctx.document
+        ctx.document,
+        rfbResponse
     ]);
     // Reseta o cache do dossiê sempre que o rfbResponse mudar
     useEffect(function () {
@@ -85,11 +99,7 @@ var Dossie = function (_a) {
         if (ctx.type === RequestStatus.Success && ctx.document) {
             var data = ctx.document;
             var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
-            var name_2 = (isPF
-                ? XPathUtils.select('string(//cadastro/nome)', data)
-                : XPathUtils.select('string(//cadastro/razaoSocial)', data) ||
-                    (rfbResponse &&
-                        XPathUtils.select('string(//RFB/nome)', rfbResponse)));
+            var name_2 = getCompanyName(isPF, data, rfbResponse);
             var formattedDocument = isPF
                 ? formatCpf(documento)
                 : formatCnpj(documento);
@@ -109,16 +119,12 @@ var Dossie = function (_a) {
     }, [ctx.type, ctx.document, documento, rfbResponse, setData]);
     useEffect(function () {
         processDossieData();
-    }, [processDossieData]);
+    }, [processDossieData, updatedOnce]);
     var response = useMemo(function () {
         return function (_data) {
             var data = _data instanceof Error ? undefined : _data;
             var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
-            var name = (isPF
-                ? XPathUtils.select('string(//cadastro/nome)', data)
-                : XPathUtils.select('string(//cadastro/razaoSocial)', data) ||
-                    (rfbResponse &&
-                        XPathUtils.select('string(//RFB/nome)', rfbResponse)));
+            var name = getCompanyName(isPF, data, rfbResponse);
             var document = isPF ? formatCpf(documento) : formatCnpj(documento);
             return (React.createElement(React.Fragment, null,
                 React.createElement(DossieContainer, null,
@@ -129,7 +135,7 @@ var Dossie = function (_a) {
                 !printMode && (React.createElement(GenerativeAIContainer, null,
                     React.createElement(GenerativeAI, { documento: document, refreshQuery: refreshQuery })))));
         };
-    }, [documento, rfbResponse, printMode, reclameAquiCompanies, refreshQuery]);
+    }, [documento, printMode, rfbResponse, reclameAquiCompanies, refreshQuery]);
     return (React.createElement(Section, { ctx: ctx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
 };
 export default React.memo(Dossie);

package/dist/components/dossie/summary/cardsAndProducts.js

@@ -53,13 +53,13 @@ import React, { useState } from 'react';
 import { LoadingDots } from '../generativeAi/styles';
 import { getAtividadesEconomicasSecundarias, getField, getFieldRfb, getProductsPrices } from './utils';
 var useCardsAndProducts = function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g;
     var finderResponse = _a.finderResponse;
-    var _g = useConsultaRfb(), rfbResponse = _g.rfbResponse, rfbIsLoading = _g.isLoading;
-    var _h = useState(false), isModalOpen = _h[0], setModalOpen = _h[1];
-    var _j = useConsultasComplementares(), consultasComplementares = _j.consultasComplementares, setConsultasComplementares = _j.setConsultasComplementares, hasCredits = _j.hasCredits;
-    var _k = useState(false), isScrModalOpen = _k[0], setScrModalOpen = _k[1];
-    var _l = useState({}), loadingButtons = _l[0], setLoadingButtons = _l[1];
+    var _h = useConsultaRfb(), rfbResponse = _h.rfbResponse, rfbIsLoading = _h.isLoading;
+    var _j = useState(false), isModalOpen = _j[0], setModalOpen = _j[1];
+    var _k = useConsultasComplementares(), consultasComplementares = _k.consultasComplementares, setConsultasComplementares = _k.setConsultasComplementares, hasCredits = _k.hasCredits;
+    var _l = useState(false), isScrModalOpen = _l[0], setScrModalOpen = _l[1];
+    var _m = useState({}), loadingButtons = _m[0], setLoadingButtons = _m[1];
     var handleModalClick = function () { return setModalOpen(true); };
     var closeModal = function () { return setModalOpen(false); };
     var isPF = !!getField('cpf', finderResponse);
@@ -106,7 +106,7 @@ var useCardsAndProducts = function (_a) {
             });
         }); };
     };
-    var _m = {
+    var _o = {
         cards: [
             {
                 title: getField('sexo', finderResponse, function (value) {
@@ -191,12 +191,12 @@ var useCardsAndProducts = function (_a) {
             },
             {
                 title: getField('nomeFantasia', finderResponse) ||
-                    XPathUtils.select('string(//RFB/nome/@fantasia)', rfbResponse),
+                    XPathUtils.select('string(//RFB/nome)', rfbResponse || undefined),
                 header: 'Nome Fantasia'
             },
             {
                 title: getField('dataReceitaStatus', finderResponse) ||
-                    getFieldRfb('dataSituacao', rfbResponse),
+                    getFieldRfb('data-situacao', rfbResponse),
                 header: 'Data do Status na Receita'
             },
             {
@@ -204,8 +204,8 @@ var useCardsAndProducts = function (_a) {
                 header: 'Tipo da Empresa'
             },
             {
-                title: getField('cnaeDescricao', finderResponse) ||
-                    getFieldRfb('atividade-economica', rfbResponse),
+                title: getFieldRfb('atividade-economica', rfbResponse) ||
+                    getField('cnaeDescricao', finderResponse),
                 header: 'Atividade Econômica'
             },
             {
@@ -242,8 +242,8 @@ var useCardsAndProducts = function (_a) {
                 header: 'Porte da Empresa'
             },
             {
-                title: formatMoney(getField('capitalSocial', finderResponse) ||
-                    getFieldRfb('capitalSocial', rfbResponse)),
+                title: formatMoney(getFieldRfb('capitalSocial', rfbResponse) ||
+                    getField('capitalSocial', finderResponse)),
                 header: 'Capital Social'
             }
         ].filter(function (card) { return card.title; }),
@@ -276,18 +276,18 @@ var useCardsAndProducts = function (_a) {
                 hide: (_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scoreBoaVista) === null || _e === void 0 ? void 0 : _e.consultaRealizada,
                 isLoading: loadingButtons['scoreBoaVista']
             },
-            // {
-            //   title: 'Consultar Score Serasa',
-            //   price: productsPrices?.scoreSerasa,
-            //   onClick: handleOnClick('scoreSerasa'),
-            //   hide: consultasComplementares?.scoreSerasa?.consultaRealizada,
-            //   isLoading: loadingButtons['scoreSerasa']
-            // },
+            {
+                title: 'Consultar Score Serasa',
+                price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.scoreSerasa,
+                onClick: handleOnClick('scoreSerasa'),
+                hide: (_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scoreSerasa) === null || _f === void 0 ? void 0 : _f.consultaRealizada,
+                isLoading: loadingButtons['scoreSerasa']
+            },
             {
                 title: 'Consultar Pefin/Refin Serasa',
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.refinSerasa,
                 onClick: handleOnClick('refinSerasa'),
-                hide: (_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _f === void 0 ? void 0 : _f.consultaRealizada,
+                hide: (_g = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _g === void 0 ? void 0 : _g.consultaRealizada,
                 isLoading: loadingButtons['refinSerasa']
             } /*,
             {
@@ -298,7 +298,7 @@ var useCardsAndProducts = function (_a) {
               isLoading: loadingButtons['imoveis']
             }*/
         ]
-    }, cards = _m.cards, products = _m.products;
+    }, cards = _o.cards, products = _o.products;
     return {
         cards: cards,
         products: products,

package/dist/components/dossie/summary/styles.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from '../../../components/common/button';
 export declare const Spinner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ContainerSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ContentSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -6,7 +7,4 @@ export declare const FieldSummary: import("styled-components").StyledComponent<"
 }, never>;
 export declare const ButtonsSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SummaryButton: import("styled-components").StyledComponent<import("react").FC<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    smallContent?: import("react").ReactNode;
-    isLoading?: boolean;
-}>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SummaryButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, import("styled-components").DefaultTheme, ButtonProps, never>;