@credithub/harlan-components 1.32.0 → 1.34.0

package/dist/components/contacts/contacts.js

@@ -27,10 +27,11 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import { phoneMask } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useEffect } from 'react';
+import React, { useCallback, useContext, useEffect } from 'react';
 import styled from 'styled-components';
 import Button from '../common/button';
 import { Result, ResultContent } from '../interface/result';
+import { Section } from '../section';
 import { Queries, RequestStatus } from '../webservice';
 import ContactLikeDislikeSection from './contactLikeDislikeSection';
 export var ContactType;
@@ -43,9 +44,8 @@ var Contacts = function (_a) {
     var onClickConsultarEmail = _a.onClickConsultarEmail;
     var ctx = useContext(Queries.Finder);
     var rfbResponse = useConsultaRfb().rfbResponse;
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
-    useEffect(function () {
+    var updateData = useCallback(function () {
         if (ctx.type === RequestStatus.Success && ctx.document) {
             var telefones = XPathUtils.selectArray('//telefones/*/*', ctx.document).map(function (telefone) { return ({
                 type: ContactType.TELEFONE,
@@ -62,8 +62,11 @@ var Contacts = function (_a) {
                 setData(function (prevState) { return (__assign(__assign({}, prevState), { contacts: contactState_1.contacts })); });
             }
         }
-    }, [ctx.type]);
-    return (React.createElement(Section, { ctx: ctx, title: "Contato", subtitle: "Informa\u00E7\u00F5es de contato do documento pesquisado.", description: "(Telefone, e-mail e outros)", minimized: false, icon: ContatoIcon, onSuccess: function (data) {
+    }, [ctx.type, ctx.document]);
+    useEffect(function () {
+        updateData();
+    }, [updateData]);
+    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Contato", subtitle: "Informa\u00E7\u00F5es de contato do documento pesquisado.", description: "(Telefone, e-mail e outros)", minimized: false, icon: ContatoIcon, onSuccess: function (data) {
             var _a;
             var document = XPathUtils.select('string(//cpf|//cnpj)', data);
             var telefones = __spreadArray(__spreadArray([], (XPathUtils.selectArray('//telefones/fixos/fixos', data) || []), true), (XPathUtils.selectArray('//telefones/moveis/moveis', data) || []), true).map(function (telefone) { return ({

package/dist/components/dividasPublicas/dividasPublicas.js

@@ -11,56 +11,56 @@ var __assign = (this && this.__assign) || function () {
 };
 import DividasVencidasSerasaIcon from '../../assets/icones/dividasVencidasSerasa';
 import { useGlobalData } from '../../contexts/globalDataContext';
-import { parseDate } from '../../utils/date';
 import { formatMoney } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Result } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 import DividasPublicasList from './dividasPublicasList';
+var dividaTypes = [
+    { type: 'FGTS', path: '//dividas/fgts/divida' },
+    { type: 'Previdenciária', path: '//dividas/previdenciaria/divida' },
+    { type: 'Dívida Ativa União', path: '//dividas/ativa-geral/divida' }
+];
+var parseDividas = function (document) {
+    return dividaTypes.flatMap(function (_a) {
+        var type = _a.type, path = _a.path;
+        var dividasArray = XPathUtils.selectArray(path, document);
+        return dividasArray.map(function (divida) { return ({
+            nomeDoDevedor: XPathUtils.select('string(./nome_devedor)', divida),
+            tipoDePessoa: XPathUtils.select('string(./tipo_pessoa)', divida),
+            tipoDeDevedor: XPathUtils.select('string(./tipo_devedor)', divida),
+            unidadeResponsavel: XPathUtils.select('string(./unidade_responsavel)', divida),
+            uFDaUnidadeResponsavel: XPathUtils.select('string(./uf_unidade_responsavel)', divida),
+            numeroDeInscricaoDaDivida: XPathUtils.select('string(./numero_inscricao)', divida),
+            tipoDaSituacaoDaInscricao: XPathUtils.select('string(./tipo_situacao_inscricao)', divida),
+            situacaoDaInscricao: XPathUtils.select('string(./situacao_inscricao)', divida),
+            dataDeInscricao: XPathUtils.select('string(./data_inscricao)', divida),
+            indicadorAjuizado: XPathUtils.select('string(./indicador_ajuizado)', divida),
+            valorConsolidado: formatMoney(XPathUtils.select('string(./valor_consolidado)', divida)),
+            tipoDeDivida: type
+        }); });
+    });
+};
 var DividasPublicas = function () {
     var ctx = useContext(Queries.Finder);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
-    var dividaTypes = [
-        { type: 'FGTS', path: '//dividas/fgts/divida' },
-        { type: 'Previdenciária', path: '//dividas/previdenciaria/divida' },
-        { type: 'Dívida Ativa União', path: '//dividas/ativa-geral/divida' }
-    ];
-    return (React.createElement(Section, { title: "D\u00EDvidas P\u00FAblicas", icon: DividasVencidasSerasaIcon, subtitle: "Veja as d\u00EDvidas p\u00FAblicas com a Uni\u00E3o (ativa, FGTS e previdenci\u00E1ria).", onSuccess: function (document) {
-            var parseDividas = function (document) {
-                return dividaTypes.flatMap(function (_a) {
-                    var type = _a.type, path = _a.path;
-                    return XPathUtils.selectArray(path, document).map(function (divida) { return ({
-                        nomeDoDevedor: XPathUtils.select('string(./nome_devedor)', divida),
-                        tipoDePessoa: XPathUtils.select('string(./tipo_pessoa)', divida),
-                        tipoDeDevedor: XPathUtils.select('string(./tipo_devedor)', divida),
-                        unidadeResponsavel: XPathUtils.select('string(./unidade_responsavel)', divida),
-                        uFDaUnidadeResponsavel: XPathUtils.select('string(./uf_unidade_responsavel)', divida),
-                        numeroDeInscricaoDaDivida: XPathUtils.select('string(./numero_inscricao)', divida),
-                        tipoDaSituacaoDaInscricao: XPathUtils.select('string(./tipo_situacao_inscricao)', divida),
-                        situacaoDaInscricao: XPathUtils.select('string(./situacao_inscricao)', divida),
-                        dataDeInscricao: XPathUtils.select('string(./data_inscricao)', divida),
-                        indicadorAjuizado: XPathUtils.select('string(./indicador_ajuizado)', divida),
-                        valorConsolidado: formatMoney(XPathUtils.select('string(./valor_consolidado)', divida)),
-                        tipoDeDivida: type
-                    }); });
-                });
-            };
+    useEffect(function () {
+        if (ctx.type !== RequestStatus.Success || dataUpdated || !ctx.document) {
+            return;
+        }
+        var dividas = parseDividas(ctx.document);
+        if (!dataUpdated) {
+            var dividasPublicas_1 = XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', ctx.document) || 0;
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { dividas: dividas, dividasPublicas: dividasPublicas_1 })); });
+            setDataUpdated(true);
+        }
+    }, [ctx, dataUpdated, setData]);
+    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "D\u00EDvidas P\u00FAblicas", icon: DividasVencidasSerasaIcon, subtitle: "Veja as d\u00EDvidas p\u00FAblicas com a Uni\u00E3o (ativa, FGTS e previdenci\u00E1ria).", onSuccess: function (document) {
             var dividas = parseDividas(document);
-            if (!dataUpdated) {
-                var dividasPublicas_1 = XPathUtils.select('number(//dividas/resumo/valor_total_dividas)', document) || 0;
-                if (dividas.length > 0 || dividasPublicas_1) {
-                    setData(function (prevState) { return (__assign(__assign({}, prevState), { dividas: dividas, dividasPublicas: dividasPublicas_1 })); });
-                }
-                setDataUpdated(true);
-            }
-            dividas.sort(function (a, b) {
-                return parseDate(b.dataDeInscricao).getTime() -
-                    parseDate(a.dataDeInscricao).getTime();
-            });
             var totalOcorrencias = dividas.length;
             var children = totalOcorrencias ? (React.createElement(Result, null,
                 React.createElement(DividasPublicasList, { dividas: dividas }))) : null;

package/dist/components/dominios/dominios.js

@@ -2,18 +2,29 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import DominiosIcon from '../../assets/icones/dominios';
 import React, { useContext } from 'react';
-import { Queries } from '../webservice';
-import { Result, ResultContent } from '../interface/result';
-import AddItemField from '../common/addItem';
 import styled from 'styled-components';
+import AddItemField from '../common/addItem';
+import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import DominiosIcon from '../../assets/icones/dominios';
+import { Section } from '../section';
+import { Queries } from '../webservice';
 var Link = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  text-decoration: none;\n"], ["\n  color: inherit;\n  text-decoration: none;\n"])));
 var Dominios = function () {
     var ctx = useContext(Queries.Dominios);
-    var Section = ctx.Section;
-    return (React.createElement(Section, { title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", icon: DominiosIcon, onSuccess: function (document) {
+    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", icon: DominiosIcon, onSuccess: function (document) {
             return {
                 children: document.length ? (React.createElement(Result, { resultContentStriped: false }, document.map(function (data) { return (React.createElement(ResultContent, { desktop: "1fr 1fr 1fr", tablet: "1fr 1fr", mobile: "1fr 1fr", key: data },
                     React.createElement(AddItemField, { name: "Dom\u00EDnio", value: React.createElement(Link, { href: "https://www.".concat(data), target: "_blank", rel: "noreferrer" }, data) }))); }))) : null,

package/dist/components/dossie/dossie.js

@@ -17,10 +17,11 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import { formatCnpj, formatCpf } from '../../utils/string';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { ReclameAquiCarousel } from '../reclameAqui/reclameAquiCarousel';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 import { Carrousel } from './carrousel/carrousel';
 import { createDossieData } from './dossieData';
 import { Summary } from './summary/summary';
@@ -29,11 +30,25 @@ var DossieContent = styled.div(templateObject_1 || (templateObject_1 = __makeTem
 var DossieContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0px 70px;\n\n  @media (max-width: 1000px) {\n    padding: 0px 30px;\n  }\n"], ["\n  padding: 0px 70px;\n\n  @media (max-width: 1000px) {\n    padding: 0px 30px;\n  }\n"])));
 var Dossie = function (_a) {
     var documento = _a.documento;
-    var finderCtx = useContext(Queries.Finder);
+    var ctx = useContext(Queries.Finder);
     var rfbResponse = useConsultaRfb().rfbResponse;
-    var Section = finderCtx.Section;
     var setData = useGlobalData().setData;
     var _b = useState(false), dataUpdated = _b[0], setDataUpdated = _b[1];
+    useEffect(function () {
+        if (ctx.type === RequestStatus.Success && !dataUpdated && ctx.document) {
+            var data = ctx.document;
+            var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
+            var name_1 = (isPF
+                ? XPathUtils.select('string(//cadastro/nome)', data)
+                : XPathUtils.select('string(//cadastro/razaoSocial)', data) ||
+                    (rfbResponse &&
+                        XPathUtils.select('string(//RFB/nome)', rfbResponse)));
+            var document_1 = isPF ? formatCpf(documento) : formatCnpj(documento);
+            var dossieData_1 = createDossieData(data, rfbResponse, name_1, document_1);
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { dossie: dossieData_1 })); });
+            setDataUpdated(true);
+        }
+    }, [ctx, rfbResponse, documento, setData, dataUpdated]);
     var response = function (_data) {
         var data = _data instanceof Error ? undefined : _data;
         var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
@@ -45,18 +60,13 @@ var Dossie = function (_a) {
         var DossieCarrousel = function () {
             return !isPF ? (React.createElement(ReclameAquiCarousel, { documento: document, nome: name })) : (React.createElement(Carrousel, { name: name, document: document }));
         };
-        var dossieData = createDossieData(data, rfbResponse, name, document);
-        if (!dataUpdated) {
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { dossie: dossieData })); });
-            setDataUpdated(true);
-        }
         return (React.createElement(DossieContainer, null,
             React.createElement(DossieContent, null,
                 React.createElement(DossieCarrousel, null),
                 React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse, document: document })),
             React.createElement(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) || [] })));
     };
-    return (React.createElement(Section, { ctx: finderCtx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
+    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
 };
 export default Dossie;
 var templateObject_1, templateObject_2;

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

@@ -1,25 +1,23 @@
-import React from 'react';
 declare const useCardsAndProducts: ({ finderResponse, rfbResponse }: {
     finderResponse?: Document;
     rfbResponse?: Document;
 }) => {
-    cards: ({
+    cards: {
         title: string | false;
         header: string;
-    } | {
-        title: React.JSX.Element[];
-        header: string;
-    })[];
+    }[];
     products: ({
         title: string;
-        onClick: () => void;
+        onClick: () => Promise<void>;
         price: number;
+        isLoading: boolean;
         hide?: undefined;
     } | {
         title: string;
         price: number;
-        onClick: () => void;
+        onClick: () => Promise<void>;
         hide: boolean;
+        isLoading: boolean;
     })[];
 };
 export default useCardsAndProducts;

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

@@ -9,32 +9,97 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
-import { getAtividadesEconomicasSecundarias, getField, getFieldRfb, getProductsPrices } from './utils';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { useConsultasComplementares } from '../../../hooks/useConsultasComplementares';
 import { formatMoney } from '../../../utils/number';
 import XPathUtils from '../../../utils/xpath';
+import { useState } from 'react';
+import { getAtividadesEconomicasSecundarias, getField, getFieldRfb, getProductsPrices } from './utils';
 var useCardsAndProducts = function (_a) {
     var _b, _c, _d, _e, _f;
     var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse;
     var _g = useConsultasComplementares(), consultasComplementares = _g.consultasComplementares, setConsultasComplementares = _g.setConsultasComplementares, hasCredits = _g.hasCredits;
+    var _h = useState({}), loadingButtons = _h[0], setLoadingButtons = _h[1];
     var isPF = !!getField('cpf', finderResponse);
     var productsPrices = getProductsPrices(isPF);
     var handleOnClick = function (key) {
-        return function () {
-            var callback = function () {
-                return setConsultasComplementares &&
-                    setConsultasComplementares(function (prev) {
-                        var _a;
-                        return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { consultaRealizada: true }), _a)));
-                    });
-            };
-            return hasCredits
-                ? hasCredits(productsPrices[key] * 1000, callback)
-                : callback();
-        };
+        return function () { return __awaiter(void 0, void 0, void 0, function () {
+            var callback;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (loadingButtons[key])
+                            return [2 /*return*/];
+                        setLoadingButtons(function (prev) {
+                            var _a;
+                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = true, _a)));
+                        });
+                        callback = function () {
+                            setConsultasComplementares &&
+                                setConsultasComplementares(function (prev) {
+                                    var _a;
+                                    return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { consultaRealizada: true }), _a)));
+                                });
+                        };
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, , 5, 6]);
+                        if (!hasCredits) return [3 /*break*/, 3];
+                        return [4 /*yield*/, hasCredits(productsPrices[key] * 1000, callback)];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        callback();
+                        _a.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        setLoadingButtons(function (prev) {
+                            var _a;
+                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = false, _a)));
+                        });
+                        return [7 /*endfinally*/];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
     };
-    var _h = {
+    var _j = {
         cards: [
             {
                 title: getField('sexo', finderResponse, function (value) { return (isPF && (value == 'M' ? 'Masculino' : 'Feminino')) || ''; }),
@@ -133,10 +198,7 @@ var useCardsAndProducts = function (_a) {
                 header: 'Atividade Econômica'
             },
             {
-                title: getAtividadesEconomicasSecundarias(rfbResponse).map(function (e) { return (React.createElement(React.Fragment, null,
-                    e,
-                    ".",
-                    React.createElement("br", null))); }),
+                title: getAtividadesEconomicasSecundarias(rfbResponse).join(', '),
                 header: 'Atividades Econômicas Secundárias'
             },
             {
@@ -178,40 +240,46 @@ var useCardsAndProducts = function (_a) {
             {
                 title: 'Consultar SCR',
                 onClick: handleOnClick('scr'),
-                price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.scr
+                price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.scr,
+                isLoading: loadingButtons['scr']
             },
             {
                 title: 'Consultar Veículos',
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.veiculos,
                 onClick: handleOnClick('veiculos'),
-                hide: (_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _b === void 0 ? void 0 : _b.consultaRealizada
+                hide: (_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _b === void 0 ? void 0 : _b.consultaRealizada,
+                isLoading: loadingButtons['veiculos']
             },
             {
                 title: 'Consultar Pefin/Refin Boa Vista',
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.refinBoaVista,
                 onClick: handleOnClick('refinBoaVista'),
-                hide: (_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada
+                hide: (_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada,
+                isLoading: loadingButtons['refinBoaVista']
             },
             {
                 title: 'Consultar Score Boa Vista',
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.scoreBoaVista,
                 onClick: handleOnClick('scoreBoaVista'),
-                hide: (_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scoreBoaVista) === null || _d === void 0 ? void 0 : _d.consultaRealizada
+                hide: (_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scoreBoaVista) === null || _d === void 0 ? void 0 : _d.consultaRealizada,
+                isLoading: loadingButtons['scoreBoaVista']
             },
             {
                 title: 'Consultar Pefin/Refin Serasa',
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.refinSerasa,
                 onClick: handleOnClick('refinSerasa'),
-                hide: (_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _e === void 0 ? void 0 : _e.consultaRealizada
+                hide: (_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _e === void 0 ? void 0 : _e.consultaRealizada,
+                isLoading: loadingButtons['refinSerasa']
             },
             {
                 title: 'Consultar Imóveis SP Capital',
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.imoveis,
                 onClick: handleOnClick('imoveis'),
-                hide: !isPF || ((_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.imoveis) === null || _f === void 0 ? void 0 : _f.consultaRealizada)
+                hide: !isPF || ((_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.imoveis) === null || _f === void 0 ? void 0 : _f.consultaRealizada),
+                isLoading: loadingButtons['imoveis']
             }
         ]
-    }, cards = _h.cards, products = _h.products;
+    }, cards = _j.cards, products = _j.products;
     return { cards: cards, products: products };
 };
 export default useCardsAndProducts;

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

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

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

@@ -0,0 +1,38 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import Button from '../../../components/common/button';
+import styled from 'styled-components';
+export var Spinner = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  border: 3px solid ", ";\n  border-radius: 50%;\n  border-top-color: ", ";\n  animation: spin 1s ease-in-out infinite;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  border: 3px solid ", ";\n  border-radius: 50%;\n  border-top-color: ", ";\n  animation: spin 1s ease-in-out infinite;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white;
+});
+export var ContainerSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"])));
+export var ContentSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
+export var FieldSummary = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? '1 / 3' : 'auto'); });
+export var ButtonsSummary = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
+export var ButtonsWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"])));
+export var SummaryButton = styled(Button)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: ", ";\n  color: ", ";\n  cursor: ", ";\n  opacity: ", ";\n  pointer-events: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  background: ", ";\n  color: ", ";\n  cursor: ", ";\n  opacity: ", ";\n  pointer-events: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return disabled ? theme.colors.cinzaClaro : theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return disabled ? theme.colors.cinzaEscuro : theme.colors.white;
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'not-allowed' : 'pointer');
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 0.6 : 1);
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'none' : 'auto');
+}, function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return disabled ? theme.colors.cinzaClaro : theme.colors.azulApoio;
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

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

@@ -1,19 +1,9 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
 import AddItemField from '../../../components/common/addItem';
-import Button from '../../../components/common/button';
+import React from 'react';
+import ButtonAtualizarDadosRfb from '../../../assets/btn/buttonAtualizarDadosRfb';
 import { formatMoney } from '../../../utils/number';
 import useCardsAndProducts from './cardsAndProducts';
-import styled from 'styled-components';
-var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"])));
-var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
-var FieldSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? '1 / 3' : 'auto'); });
-var ButtonsSummary = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
-var ButtonsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"])));
-var SummaryButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
+import { ButtonsSummary, ButtonsWrapper, ContainerSummary, ContentSummary, FieldSummary, Spinner, SummaryButton } from './styles';
 export var Summary = function (_a) {
     var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse;
     var _b = useCardsAndProducts({
@@ -24,8 +14,9 @@ export var Summary = function (_a) {
         React.createElement(ContainerSummary, { className: "credithub-container-summary" },
             React.createElement(ContentSummary, { className: "credithub-content-summary" }, cards.map(function (card, index) { return (React.createElement(FieldSummary, { key: index, fullRow: card.header === 'Nome' || card.header === 'Nome Da Mãe' },
                 React.createElement(AddItemField, { name: card.header, value: card.title }))); })),
-            React.createElement(ButtonsWrapper, null, products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
-                React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: product.price ? formatMoney(product.price) : undefined }, product.title))); })))));
+            React.createElement(ButtonsWrapper, null,
+                React.createElement(ButtonAtualizarDadosRfb, null),
+                products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
+                    React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, disabled: product.isLoading, smallContent: product.price ? formatMoney(product.price) : undefined }, product.isLoading ? React.createElement(Spinner, null) : product.title))); })))));
 };
 export default Summary;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -26,8 +26,18 @@ export var getAtividadesEconomicasSecundarias = function (response) {
     var rfb = (_a = XPathUtils.selectArray('//RFB', response)) === null || _a === void 0 ? void 0 : _a[0];
     if (!rfb)
         return [];
-    var values = XPathUtils.selectArray('//atividade-secundaria', rfb);
-    return values.map(function (value) { var _a; return (_a = value.firstChild) === null || _a === void 0 ? void 0 : _a.nodeValue; });
+    var values = XPathUtils.selectArray('//atividade-secundaria', rfb).map(function (value) { var _a; return (_a = value.firstChild) === null || _a === void 0 ? void 0 : _a.nodeValue; });
+    var combinedString = '';
+    var result = [];
+    for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
+        var value = values_1[_i];
+        if ((combinedString + value).length > 300) {
+            break;
+        }
+        combinedString += (combinedString ? ', ' : '') + value;
+        result.push(value);
+    }
+    return result;
 };
 export var getProductsPrices = function (isPF) { return ({
     refinBoaVista: isPF ? 1.2 : 2.7,