@credithub/harlan-components 1.60.3 → 1.61.0

package/dist/components/ccf/ccf.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import ChequesSemFundoIcon from '../../assets/icones/chequesSemFundo';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import XPathUtils from '../../utils/xpath';
-import React, { useCallback, useContext, useState, useEffect, useMemo } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Result } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../section';
@@ -49,11 +49,16 @@ var CCF = function () {
         }
         var data = ctx.document;
         var _a = processData(data), ccfData = _a.ccfData, totalOcorrencias = _a.totalOcorrencias, ultimoRegistro = _a.ultimoRegistro;
+        if (totalOcorrencias === 0) {
+            var ccfState_1 = { ccfData: ccfData, isLoaded: true };
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { ccfData: ccfState_1 })); });
+            setDataUpdated(true);
+        }
         if (totalOcorrencias !== 0 ||
             ultimoRegistro.length > 0 ||
             ccfData.length > 0) {
-            var ccfState_1 = { ccfData: ccfData };
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { ccfData: ccfState_1, ccf: totalOcorrencias, ultimoRegistroCCF: ultimoRegistro })); });
+            var ccfState_2 = { ccfData: ccfData, isLoaded: true };
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { ccfData: ccfState_2, ccf: totalOcorrencias, ultimoRegistroCCF: ultimoRegistro })); });
             setDataUpdated(true);
         }
     }, [ctx, dataUpdated, processData, setData]);

package/dist/components/consultaSimplesSection/consultaSimplesSection.js

@@ -1,3 +1,7 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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++) {
@@ -26,67 +30,104 @@ import { formatMoney } from '../../utils/number';
 import { formatDocument } from '../../utils/string';
 import { format } from 'date-fns';
 import React, { useContext } from 'react';
+import styled, { keyframes } from 'styled-components';
 import Section from '../interface/section';
 import StatusMessage from '../interface/statusMessage';
 import { Queries, RequestStatus } from '../webservice';
-var getPossuiPendenciaText = function (_a) {
-    var ccf = _a.ccf, ultimoRegistroCCF = _a.ultimoRegistroCCF, dividasPublicas = _a.dividasPublicas, protestos = _a.protestos, processosJuridicos = _a.processosJuridicos, receitaStatus = _a.receitaStatus, liminar = _a.liminar;
-    return [
-        receitaStatus ? "".concat(receitaStatus) : '',
-        dividasPublicas
-            ? "".concat(formatMoney(dividasPublicas), " em D\u00EDvidas P\u00FAblicas")
-            : '',
-        ccf
-            ? "".concat(ccf === 1 ? 'Cheque sem Fundo' : "".concat(ccf, " Cheques sem Fundo"), " com \u00DAltima Ocorr\u00EAncia em ").concat(ultimoRegistroCCF)
-            : '',
-        protestos
-            ? protestos === 1
-                ? 'Protesto Encontrado'
-                : "".concat(protestos, " Protestos")
-            : '',
-        processosJuridicos
-            ? processosJuridicos === 1
-                ? 'Processo Jurídico'
-                : "".concat(processosJuridicos, " Processos Jur\u00EDdicos")
-            : '',
-        (liminar === null || liminar === void 0 ? void 0 : liminar.totalProtestos) === 'NADA CONSTA' ||
-            (liminar === null || liminar === void 0 ? void 0 : liminar.message) === 'Encontrado'
-            ? 'Indício de Liminar'
-            : ''
-    ].filter(function (x) { return !!x; });
-};
+// Animação do spinner
+var spin = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"], ["\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n"])));
+// Componente Spinner sutil
+var Spinner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-left-color: #222;\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n  animation: ", " 1s linear infinite;\n  margin-right: 8px;\n  display: inline-block;\n  vertical-align: middle;\n"], ["\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-left-color: #222;\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n  animation: ", " 1s linear infinite;\n  margin-right: 8px;\n  display: inline-block;\n  vertical-align: middle;\n"])), spin);
 var ConsultaSimplesSection = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var documento = _a.documento, children = _a.children, onClose = _a.onClose, rest = __rest(_a, ["documento", "children", "onClose"]);
     var ctx = useContext(Queries.Finder);
     var data = useGlobalData().data;
+    // Extraindo valores do globalData
     var receitaStatus = ((_c = (_b = data.dossie) === null || _b === void 0 ? void 0 : _b.summary) === null || _c === void 0 ? void 0 : _c.receitaStatus) &&
         ['ATIVA', 'REGULAR'].indexOf(data.dossie.summary.receitaStatus) === -1
         ? data.dossie.summary.receitaStatus
         : null;
-    var possuiPendencias = data.ccf ||
-        data.protestos ||
-        data.dividasPublicas ||
-        data.processosJuridicos ||
-        receitaStatus ||
-        ((_d = data.liminar) === null || _d === void 0 ? void 0 : _d.message) === 'Encontrado';
-    var possuiPendenciaText = getPossuiPendenciaText(__assign(__assign({}, data), { receitaStatus: receitaStatus, liminar: data.liminar }));
+    // Cria um array com cada tag de pendência, seu texto e sua flag de carregamento
+    var pendencias = [
+        {
+            label: 'Situação Receita',
+            text: receitaStatus ? "".concat(receitaStatus) : '',
+            loaded: true // assume que essa informação já está disponível
+        },
+        {
+            label: 'Dívidas Públicas',
+            text: data.dividasPublicas
+                ? "".concat(formatMoney(data.dividasPublicas), " em D\u00EDvidas P\u00FAblicas")
+                : '',
+            loaded: (_e = (_d = data.divida) === null || _d === void 0 ? void 0 : _d.isLoaded) !== null && _e !== void 0 ? _e : false
+        },
+        {
+            label: 'Cheques sem Fundo',
+            text: data.ccf
+                ? "".concat(data.ccf === 1 ? 'Cheque sem Fundo' : "".concat(data.ccf, " Cheques sem Fundo"), " com \u00DAltima Ocorr\u00EAncia em ").concat(data.ultimoRegistroCCF)
+                : '',
+            loaded: (_g = (_f = data.ccfData) === null || _f === void 0 ? void 0 : _f.isLoaded) !== null && _g !== void 0 ? _g : false
+        },
+        {
+            label: 'Protestos',
+            text: data.protestos
+                ? data.protestos === 1
+                    ? 'Protesto Encontrado'
+                    : "".concat(data.protestos, " Protestos")
+                : '',
+            loaded: (_j = (_h = data.protestosData) === null || _h === void 0 ? void 0 : _h.isLoaded) !== null && _j !== void 0 ? _j : false
+        },
+        {
+            label: 'Processos Jurídicos',
+            text: data.processosJuridicos
+                ? data.processosJuridicos === 1
+                    ? 'Processo Jurídico'
+                    : "".concat(data.processosJuridicos, " Processos Jur\u00EDdicos")
+                : '',
+            loaded: (_l = (_k = data.processosJuridicosData) === null || _k === void 0 ? void 0 : _k.isLoaded) !== null && _l !== void 0 ? _l : false
+        },
+        {
+            label: 'Liminar',
+            text: data.liminar &&
+                (data.liminar.totalProtestos === 'NADA CONSTA' ||
+                    data.liminar.message === 'Encontrado')
+                ? 'Indício de Liminar'
+                : '',
+            loaded: (_o = (_m = data.liminar) === null || _m === void 0 ? void 0 : _m.isLoaded) !== null && _o !== void 0 ? _o : false
+        }
+    ];
     var isError = (ctx === null || ctx === void 0 ? void 0 : ctx.type) === RequestStatus.Error;
     var isLoading = (ctx === null || ctx === void 0 ? void 0 : ctx.type) === RequestStatus.Loading;
-    var isDataReady = !isLoading &&
-        (possuiPendenciaText.length > 0 || possuiPendencias || isError);
     var statusType = isError
         ? 'warning'
-        : possuiPendencias
+        : data.ccf ||
+            data.protestos ||
+            data.dividasPublicas ||
+            data.processosJuridicos ||
+            receitaStatus ||
+            ((_p = data.liminar) === null || _p === void 0 ? void 0 : _p.message) === 'Encontrado'
             ? 'error'
             : 'success';
     return (React.createElement(Section, __assign({ title: "Consulta Simples", subtitle: "Consulta de informa\u00E7\u00F5es do documento.", description: React.createElement(React.Fragment, null,
             React.createElement(StatusMessage, null, format(new Date(), "dd/MM/yyyy 'às' HH:mm")),
             React.createElement(StatusMessage, { type: "found" }, formatDocument(documento)),
             isError && (ctx === null || ctx === void 0 ? void 0 : ctx.error) && (React.createElement(StatusMessage, { type: statusType }, ctx.error.message)),
-            isDataReady ? (possuiPendenciaText.length === 0 && !possuiPendencias ? (React.createElement(StatusMessage, { type: statusType }, "Nenhum registro encontrado")) : (possuiPendenciaText.map(function (text) { return (React.createElement(StatusMessage, { key: text, type: "error" }, text)); }))) : null), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default', ctx: ctx, loadingProps: {
+            pendencias.map(function (item) {
+                // Se a tag não está carregada, mostra o spinner com a mensagem de carregamento
+                if (!item.loaded) {
+                    return (React.createElement(StatusMessage, { key: item.label, type: "loading" },
+                        React.createElement(Spinner, null),
+                        " ",
+                        item.label,
+                        "..."));
+                }
+                // Se carregado e houver texto, exibe-o; caso contrário, não renderiza nada
+                return item.text ? (React.createElement(StatusMessage, { key: item.label, type: "error" }, item.text)) : null;
+            })), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default', ctx: ctx, loadingProps: {
             percentage: (ctx === null || ctx === void 0 ? void 0 : ctx.progress) || 0,
             hidden: !isLoading
         } }, rest), children));
 };
 export default ConsultaSimplesSection;
+var templateObject_1, templateObject_2;

package/dist/components/dividasPublicas/dividasPublicas.js

@@ -55,9 +55,12 @@ var DividasPublicas = function () {
         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 })); });
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { dividas: dividas, dividasPublicas: dividasPublicas_1, isLoaded: true })); });
             setDataUpdated(true);
         }
+        if (dividas.length === 0) {
+            setData(function (prevState) { return (__assign(__assign({}, prevState), { divida: __assign(__assign({}, (prevState.divida || {})), { isLoaded: true }) })); });
+        }
     }, [ctx, dataUpdated, setData]);
     return (React.createElement(Section, { ctx: ctx, 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);

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

@@ -1,4 +1,4 @@
-type StatusColorTypes = 'default' | 'error' | 'success' | 'found' | 'warning';
+type StatusColorTypes = 'default' | 'error' | 'success' | 'found' | 'warning' | 'loading';
 export type StatusProps = {
     type?: StatusColorTypes;
     capitalize?: boolean;

package/dist/components/interface/statusMessage.js

@@ -10,7 +10,8 @@ var StatusMessage = styled.span(templateObject_1 || (templateObject_1 = __makeTe
         error: theme.colors.erro,
         success: theme.colors.positivoClaro,
         found: theme.colors.azulClaro,
-        warning: theme.colors.alerta
+        warning: theme.colors.alerta,
+        loading: theme.colors.cinzaClaro // Você pode ajustar essa cor conforme necessário
     };
     return statusColors[type];
 }, function (_a) {

package/dist/components/liminar/liminar.js

@@ -120,7 +120,7 @@ var Liminar = function () {
                 ((_b = prev.liminar) === null || _b === void 0 ? void 0 : _b.indiciosDeLiminar) === indiciosDeLiminar) {
                 return prev;
             }
-            return __assign(__assign({}, prev), { liminar: { indiciosDeLiminar: indiciosDeLiminar, message: finalStatus } });
+            return __assign(__assign({}, prev), { liminar: { indiciosDeLiminar: indiciosDeLiminar, message: finalStatus, isLoaded: true } });
         });
         // Store the result in our ref
         resultRef.current = finalStatus;

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

@@ -37,7 +37,8 @@ var ProcessosJuridicos = function (_a) {
         // Update our reference to the current context
         ctxHashRef.current = currentCtxHash;
         // Handle error or empty response
-        if ((ctx.type === RequestStatus.Error || ctx.type === RequestStatus.Empty) && !processedRef.current) {
+        if ((ctx.type === RequestStatus.Error || ctx.type === RequestStatus.Empty) &&
+            !processedRef.current) {
             setData(function (prevState) {
                 var _a;
                 // Avoid unnecessary state updates if data hasn't changed
@@ -55,7 +56,9 @@ var ProcessosJuridicos = function (_a) {
             return;
         }
         // Handle successful response
-        if (ctx.type === RequestStatus.Success && !processedRef.current && ctx.document) {
+        if (ctx.type === RequestStatus.Success &&
+            !processedRef.current &&
+            ctx.document) {
             var qtyProcessos_1 = (_a = ctx.document.empresa) === null || _a === void 0 ? void 0 : _a.length;
             if (qtyProcessos_1) {
                 var processosJuridicosData_1 = {
@@ -85,7 +88,7 @@ var ProcessosJuridicos = function (_a) {
     return (React.createElement(Section, { ctx: ctx, title: "Processos Jur\u00EDdicos", subtitle: "Veja os processos jur\u00EDdicos para este documento.", icon: ProcessosJuridicosIcon, minimized: false, onSuccess: function (data) {
             var _a;
             var qtyProcessos = (_a = data.empresa) === null || _a === void 0 ? void 0 : _a.length;
-            var children = qtyProcessos ? (React.createElement(ProcessosJuridicosList, { processos: data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;
+            var children = qtyProcessos ? (React.createElement(ProcessosJuridicosList, { processos: data.empresa || [], onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;
             return {
                 children: children,
                 description: (React.createElement(StatusMessage, { type: qtyProcessos ? 'error' : 'default' }, qtyProcessos

package/dist/components/protestos/protestos.js

@@ -75,7 +75,8 @@ var Protestos = function () {
             protestosDeCredito: protestosDeCredito,
             protestosDeImposto: protestosDeImposto,
             protestosGerais: protestosGerais,
-            totalProtestos: registros
+            totalProtestos: registros,
+            isLoaded: true
         };
         setData(function (prevState) { return (__assign(__assign({}, prevState), { protestos: registros, protestosData: protestosState })); });
         setDataUpdated(true);
@@ -119,7 +120,7 @@ var Protestos = function () {
             ].sort(function (a, b) { return b.total - a.total; });
             var children = registros ? (React.createElement(ResultProtestos, null, elements.map(function (_a, i) {
                 var element = _a.element;
-                return React.createElement(React.Fragment, { key: i }, element);
+                return (React.createElement(React.Fragment, { key: i }, element));
             }))) : null;
             return {
                 children: children,

package/dist/components/protestos/protestosList.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { formatMoney } from '../../utils/number';
 import { formatDocument } from '../../utils/string';
 import XPathUtils from '../../utils/xpath';
-import React, { memo, useContext, useState, useEffect } from 'react';
+import React, { memo, useContext, useState, useEffect, useMemo } from 'react';
 import AddItemField from '../common/addItem';
 import Button from '../common/button';
 import { ResultContent } from '../interface/result';
@@ -103,6 +103,7 @@ export var ProtestoItem = memo(function (_a) {
         var value = XPathUtils.select("string(".concat(path, ")"), protesto);
         return formatter ? formatter(value) : value;
     };
+    var documento = useMemo(function () { return getField('//consulta/@documento'); }, [protesto]);
     var formatBooleanField = function (value) {
         return value === 'true' ? 'Sim' : 'Não';
     };
@@ -118,7 +119,7 @@ export var ProtestoItem = memo(function (_a) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 4, 5, 6]);
-                    return [4 /*yield*/, client.request("SELECT FROM 'PDFPROTESTO'.'AI'", { nm_chave: nm_chave })];
+                    return [4 /*yield*/, client.request("SELECT FROM 'PDFPROTESTO'.'AI'", { nm_chave: nm_chave, documento: documento })];
                 case 2: return [4 /*yield*/, (_a.sent()).json()];
                 case 3:
                     response = _a.sent();
@@ -218,7 +219,7 @@ export var ProtestoItem = memo(function (_a) {
         React.createElement(AddItemField, { name: "Possui Anu\u00EAncia / Protesto Pago", value: formatBooleanField(getField('./temAnuencia')) }),
         React.createElement(AddItemField, { name: "Valor Do Protesto", value: formatMoney(getField('./valor')) }),
         getField('./vl_custas') && (React.createElement(AddItemField, { name: "Custas de Cart\u00F3rio para Baixa", value: formatMoney(getField('./vl_custas')) })),
-        React.createElement(Instrumento, { nm_chave: getField('./nm_chave'), cpfCnpj: getField('//consulta/@documento') })));
+        React.createElement(Instrumento, { nm_chave: getField('./nm_chave'), cpfCnpj: documento })));
 });
 export var Instrumento = function (_a) {
     var nm_chave = _a.nm_chave, cpfCnpj = _a.cpfCnpj;
@@ -236,7 +237,7 @@ export var Instrumento = function (_a) {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 4, 5, 6]);
-                        return [4 /*yield*/, client.request("SELECT FROM 'IEPTB'.'PDF'", { nm_chave: nm_chave })];
+                        return [4 /*yield*/, client.request("SELECT FROM 'IEPTB'.'PDF'", { nm_chave: nm_chave, documento: cpfCnpj })];
                     case 2: return [4 /*yield*/, (_a.sent()).json()];
                     case 3:
                         request = _a.sent();

package/dist/contexts/globalDataContext.js

@@ -1,3 +1,10 @@
 import createDataContext from './createDataContext';
-var _a = createDataContext({}), GlobalDataProvider = _a.DataProvider, useGlobalData = _a.useData;
+var defaultGlobalState = {
+    ccfData: { isLoaded: false },
+    divida: { isLoaded: false },
+    liminar: { isLoaded: false },
+    protestosData: { isLoaded: false },
+    processosJuridicosData: { isLoaded: false }
+};
+var _a = createDataContext(defaultGlobalState), GlobalDataProvider = _a.DataProvider, useGlobalData = _a.useData;
 export { GlobalDataProvider, useGlobalData };