@credithub/harlan-components 1.33.0 → 1.34.0

package/dist/components/refinSerasa/refinSerasa.js

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import PefinRefinSerasaIcon from '../../assets/icones/pefinRefinSerasa';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatMoney } from '../../utils/number';
@@ -27,10 +16,10 @@ import { addNoValueContent } from '../../utils/string';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 var RefinSerasa = function (_a) {
     var _b, _c, _d, _e;
     var documento = _a.documento;
@@ -39,7 +28,7 @@ var RefinSerasa = function (_a) {
     var _f = useState(false), dataUpdated = _f[0], setDataUpdated = _f[1];
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var _g = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _g.consultasComplementares, setConsultasComplementares = _g.setConsultasComplementares;
-    var _h = useQuery("SELECT FROM 'PROTESTOS'.'SERASA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _h.response, isLoading = _h.isLoading, error = _h.error;
+    var _h = useQuery("SELECT FROM 'PROTESTOS'.'SERASA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _h.response, isLoading = _h.isLoading, error = _h.error, loadingProgress = _h.loadingProgress;
     var clearValue = function (value) {
         var semPontos = value === null || value === void 0 ? void 0 : value.replace(/\./g, '');
         return semPontos === null || semPontos === void 0 ? void 0 : semPontos.replace(',', '.');
@@ -77,32 +66,24 @@ var RefinSerasa = function (_a) {
         }
     }, [response, dataUpdated, setData]);
     var valorTotalPendenciasFinanceiras = (((_e = (_d = response === null || response === void 0 ? void 0 : response.document) === null || _d === void 0 ? void 0 : _d.informacoes) === null || _e === void 0 ? void 0 : _e[0]) || {}).valorTotalPendenciasFinanceiras;
-    return consultaRefinRealizada ? (React.createElement(React.Fragment, null,
-        React.createElement(PendenciasList, { title: "Pefin/Refin e Contratos Vencidos Serasa", subtitle: "Confira as Pend\u00EAncias Financeiras deste documento", pendencias: pendencias, valorTotal: valorTotalPendenciasFinanceiras, innerRef: refinSerasaRef, isLoading: isLoading, error: error }))) : null;
-};
-var PendenciasList = function (_a) {
-    var isLoading = _a.isLoading, error = _a.error, pendencias = _a.pendencias, valorTotal = _a.valorTotal, headerProps = __rest(_a, ["isLoading", "error", "pendencias", "valorTotal"]);
-    var valorTotalSeguro = valorTotal !== null && valorTotal !== void 0 ? valorTotal : 0;
-    var totalFormatado = formatMoney(valorTotal === null || valorTotal === void 0 ? void 0 : valorTotal.toString().replace(',', '.'));
     var description = pendencias.length === 0
         ? 'Nenhuma ocorrência encontrada'
         : pendencias.length === 1
-            ? 'Foi encontrada 1 ocorrência' +
-                (valorTotalSeguro > 0 ? " no valor de ".concat(totalFormatado) : '')
-            : "Foram encontradas ".concat(pendencias.length, " ocorr\u00EAncias") +
-                (valorTotalSeguro > 0 ? " no valor de ".concat(totalFormatado) : '');
-    var statusType = error
-        ? 'error'
-        : pendencias.length === 0
-            ? 'success'
-            : 'error';
-    return (React.createElement("div", null,
-        React.createElement(Header, __assign({ variant: isLoading
-                ? 'loading'
-                : error || pendencias.length
-                    ? 'error'
-                    : 'default', description: React.createElement(StatusMessage, { type: statusType }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: PefinRefinSerasaIcon }, headerProps)),
-        React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+            ? "Foi encontrada 1 ocorr\u00EAncia".concat(valorTotalPendenciasFinanceiras ? " no valor de ".concat(formatMoney(valorTotalPendenciasFinanceiras)) : '')
+            : "Foram encontradas ".concat(pendencias.length, " ocorr\u00EAncias").concat(valorTotalPendenciasFinanceiras ? " no valor de ".concat(formatMoney(valorTotalPendenciasFinanceiras)) : '');
+    return consultaRefinRealizada ? (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: response === null || response === void 0 ? void 0 : response.document,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Pefin/Refin e Contratos Vencidos Serasa", subtitle: "Confira as Pend\u00EAncias Financeiras deste documento", icon: PefinRefinSerasaIcon, description: !error && (React.createElement(StatusMessage, { type: pendencias.length === 0 ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Tipo de Ocorr\u00EAncia", value: pendencia.ocorrencia }),
             React.createElement(AddItemField, { name: "Credor", value: pendencia.credor }),
             React.createElement(AddItemField, { name: "Data de Entrada", value: pendencia.entrada }),
@@ -117,6 +98,12 @@ var PendenciasList = function (_a) {
             React.createElement(AddItemField, { name: "Org\u00E3o Emissor", value: pendencia.orgaoemissor }),
             React.createElement(AddItemField, { name: "Total de Pend\u00EAncias", value: pendencia.totalpendencias }),
             React.createElement(AddItemField, { name: "Valor Total", value: pendencia.totalvalor }),
-            React.createElement(AddItemField, { name: "Categoria", value: pendencia.categoria }))); }))));
+            React.createElement(AddItemField, { name: "Categoria", value: pendencia.categoria }))); }))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } })) : null;
 };
 export default RefinSerasa;

package/dist/components/score/scoreService.js

@@ -14,17 +14,17 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 var ConsultaScore = function (_a) {
     var _b, _c, _d, _e, _f;
     var documento = _a.documento;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var setData = useGlobalData().setData;
     var _g = useState(false), dataUpdated = _g[0], setDataUpdated = _g[1];
-    var _h = useQuery("SELECT FROM 'SPCNet'.'ScoreBoaVista'", { documento: documento }, (_c = (_b = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _b === void 0 ? void 0 : _b.scoreBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada), response = _h.response, isLoading = _h.isLoading, error = _h.error;
+    var _h = useQuery("SELECT FROM 'SPCNet'.'ScoreBoaVista'", { documento: documento }, (_c = (_b = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _b === void 0 ? void 0 : _b.scoreBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada), response = _h.response, isLoading = _h.isLoading, error = _h.error, loadingProgress = _h.loadingProgress;
     var scoreData = (_d = response === null || response === void 0 ? void 0 : response.document) === null || _d === void 0 ? void 0 : _d.score[0];
     var scoreRef = useRef(null);
     var consultaRefinRealizada = useMemo(function () {
@@ -33,11 +33,9 @@ var ConsultaScore = function (_a) {
     }, [
         (_f = (_e = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _e === void 0 ? void 0 : _e.scoreBoaVista) === null || _f === void 0 ? void 0 : _f.consultaRealizada
     ]);
-    var description = error
-        ? error.message
-        : scoreData
-            ? "Score: ".concat(scoreData.score)
-            : 'Nenhuma informação de score disponível para este documento.';
+    var description = scoreData
+        ? "Score: ".concat(scoreData.score)
+        : 'Nenhuma informação de score disponível para este documento.';
     useEffect(function () {
         var _a;
         (_a = scoreRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
@@ -50,16 +48,32 @@ var ConsultaScore = function (_a) {
             setDataUpdated(true);
         }
     }, [consultaRefinRealizada, response, dataUpdated, setData]);
-    return consultaRefinRealizada ? (React.createElement("div", null,
-        React.createElement(Header, { innerRef: scoreRef, title: "Score Boa Vista", subtitle: "Consulta de Score", variant: isLoading ? 'loading' : error ? 'error' : 'default', description: React.createElement(StatusMessage, { type: error ? 'error' : scoreData ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: ScoreBoaVistaIcon }),
-        React.createElement(Result, null, scoreData && (React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+    return consultaRefinRealizada ? (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: response === null || response === void 0 ? void 0 : response.document,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Score Boa Vista", subtitle: "Consulta de Score", icon: ScoreBoaVistaIcon, description: !error && (React.createElement(StatusMessage, { type: scoreData ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, scoreData && (React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Score", value: String(scoreData.score) }),
             React.createElement(AddItemField, { name: "Probabilidade de Inadimpl\u00EAncia", value: scoreData.provavel }),
             React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o", value: scoreData.classificacao }),
             React.createElement(AddItemField, { name: "An\u00E1lise", value: scoreData.texto }),
             React.createElement(AddItemField, { name: "Status", value: scoreData.status }),
             documento.length > 11 && (React.createElement(React.Fragment, null,
-                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o N\u00FAmerica", value: scoreData.classificacao_numerica }),
-                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o Alfab\u00E9tica", value: scoreData.classificacao_alfabetica })))))))) : null;
+                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o Num\u00E9rica", value: scoreData.classificacao_numerica }),
+                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o Alfab\u00E9tica", value: scoreData.classificacao_alfabetica }))))))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } })) : null;
 };
 export default ConsultaScore;

package/dist/components/scr/scr.js

@@ -24,26 +24,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable @typescript-eslint/no-unused-vars */
+import ScrIcon from '../../assets/icones/scr';
+import { useGlobalData } from '../../contexts/globalDataContext';
+import useToggle from '../../hooks/useToggle';
+import { formatMoney } from '../../utils/number';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import Header from '../interface/header';
+import styled from 'styled-components';
 import AddItemField from '../common/addItem';
-import { Result, ResultContent } from '../interface/result';
+import Content from '../common/content';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import { useQuery } from '../webservice';
+import { Result, ResultContent } from '../interface/result';
+import StatusMessage from '../interface/statusMessage';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 import getResumoDeCreditos from './getResumoDeCreditos';
 import getResumoDeModalidades from './getResumoDeModalidades';
-import { formatMoney } from '../../utils/number';
-import StatusMessage from '../interface/statusMessage';
-import ScrIcon from '../../assets/icones/scr';
-import useToggle from '../../hooks/useToggle';
-import BtnWrapper from '../../assets/btn/btnWrapper';
-import ChevronUp from '../../assets/btn/chevronUp';
-import ChevronDown from '../../assets/btn/chevronDown';
-import styled from 'styled-components';
-import Content from '../common/content';
-import { useGlobalData } from '../../contexts/globalDataContext';
 var ResumosWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: column;\n  gap: 20px;\n"], ["\n  display: ", ";\n  flex-direction: column;\n  gap: 20px;\n"])), function (_a) {
     var _b = _a.isOpen, isOpen = _b === void 0 ? true : _b;
     return (isOpen ? 'flex' : 'none');
@@ -55,12 +50,15 @@ function ConsultaSCR(_a) {
     var setData = useGlobalData().setData;
     var _f = useState(false), dataUpdated = _f[0], setDataUpdated = _f[1];
     var _g = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _g.consultasComplementares, setConsultasComplementares = _g.setConsultasComplementares;
-    var _h = useQuery("SELECT FROM 'SCR'.'CONSULTA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scr) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _h.response, isLoading = _h.isLoading, error = _h.error;
-    var _j = useToggle(), isOpen = _j[0], toggleOpen = _j[1];
+    var _h = useQuery("SELECT FROM 'SCR'.'CONSULTA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scr) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _h.response, isLoading = _h.isLoading, error = _h.error, loadingProgress = _h.loadingProgress;
+    var isOpen = useToggle()[0];
     var scr = (_d = (_c = response === null || response === void 0 ? void 0 : response.document) === null || _c === void 0 ? void 0 : _c.ns2getResumoDoClienteResponse) === null || _d === void 0 ? void 0 : _d.return;
     var scrRef = useRef(null);
     var consultaSCRRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scr) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.scr) === null || _e === void 0 ? void 0 : _e.consultaRealizada]);
     var resumoDeCreditos = (scr && getResumoDeCreditos(scr)) || [];
+    var description = scr
+        ? 'Resumo do Cliente'
+        : 'Nenhuma informação disponível para este documento.';
     useEffect(function () {
         var _a;
         (_a = scrRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
@@ -81,68 +79,134 @@ function ConsultaSCR(_a) {
             setDataUpdated(true);
         }
     }, [response, dataUpdated, setData]);
-    return consultaSCRRealizada ? (React.createElement(React.Fragment, null,
-        React.createElement("div", null,
-            React.createElement(Header, { innerRef: scrRef, title: "SCR", variant: isLoading ? 'loading' : error ? 'error' : 'default', subtitle: "Resumo do Cliente", description: error ? (React.createElement(StatusMessage, { type: "error" }, error.message)) : null, actions: React.createElement(BtnWrapper, { onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)), icon: ScrIcon }),
-            isOpen && scr && !isLoading && (React.createElement(Result, null,
+    return consultaSCRRealizada ? (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: response === null || response === void 0 ? void 0 : response.document,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "SCR", subtitle: "Resumo do Cliente", icon: ScrIcon, description: !error && (React.createElement(StatusMessage, { type: scr ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(React.Fragment, null,
+            React.createElement(Result, null,
                 React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
                     React.createElement(AddItemField, { name: "CNPJ da IF Solicitante", value: scr === null || scr === void 0 ? void 0 : scr.cnpjDaIFSolicitante }),
                     React.createElement(AddItemField, { name: "C\u00F3digo do Cliente", value: scr === null || scr === void 0 ? void 0 : scr.codigoDoCliente }),
                     React.createElement(AddItemField, { name: "Coobriga\u00E7\u00E3o Assumida", value: scr === null || scr === void 0 ? void 0 : scr.coobrigacaoAssumida }),
-                    React.createElement(AddItemField, { name: "Coobriga\u00E7\u00E3o Recebida", value: scr === null || scr === void 0 ? void 0 : scr.coobrigacaoRecebida }))))),
-        !error && (React.createElement(ResumosWrapper, { isOpen: isOpen },
-            React.createElement(FluxosDeVencimentosConsolidados, { isLoading: isLoading, scr: scr, error: error }),
-            React.createElement(ResumoList, { title: 'SCR', subtitle: 'Crédito', resumos: resumoDeCreditos, isLoading: isLoading, error: error }),
-            React.createElement(ResumoModalidades, { isLoading: isLoading, scr: scr, error: error }))))) : null;
+                    React.createElement(AddItemField, { name: "Coobriga\u00E7\u00E3o Recebida", value: scr === null || scr === void 0 ? void 0 : scr.coobrigacaoRecebida }))),
+            React.createElement(ResumosWrapper, { isOpen: isOpen },
+                React.createElement(FluxosDeVencimentosConsolidados, { isLoading: isLoading, error: error, scr: scr, loadingProgress: loadingProgress }),
+                React.createElement(ResumoList, { title: 'SCR', subtitle: 'Crédito', resumos: resumoDeCreditos, isLoading: isLoading, error: error, loadingProgress: loadingProgress }),
+                React.createElement(ResumoModalidades, { isLoading: isLoading, scr: scr, error: error, loadingProgress: loadingProgress })))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } })) : null;
 }
 var FluxosDeVencimentosConsolidados = function (_a) {
-    var _b;
-    var scr = _a.scr, isLoading = _a.isLoading, error = _a.error;
-    var _c = useToggle(true), isOpen = _c[0], toggleOpen = _c[1];
-    return (React.createElement("div", null,
-        React.createElement(Header, { title: "SCR", subtitle: "Fluxo De Vencimentos Consolidados", variant: isLoading ? 'loading' : error ? 'error' : 'default', icon: ScrIcon, actions: React.createElement(BtnWrapper, { onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)) }),
-        scr && !isLoading && (React.createElement(Content, { isOpen: isOpen },
-            React.createElement(Result, null,
-                React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", print: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
-                    React.createElement(AddItemField, { name: "Data-base", value: scr.dataBaseConsultada }),
-                    React.createElement(AddItemField, { name: "Situa\u00E7\u00E3o de processamento IF's", value: scr.percentualDocumentosProcessados }),
-                    React.createElement(AddItemField, { name: "Situa\u00E7\u00E3o de processamento Valor", value: scr.percentualVolumeProcessado }),
-                    React.createElement(AddItemField, { name: "Quantidade de Opera\u00E7\u00F5es", value: scr.quantidadeDeOperacoes }),
-                    React.createElement(AddItemField, { name: "Quantidade de Institui\u00E7\u00F5es ", value: scr.quantidadeDeInstituicoes }),
-                    React.createElement(AddItemField, { name: "Quantidade de opera\u00E7\u00F5es amparadas por sub-judice", value: scr.quantidadeOperacoesSubJudice }),
-                    React.createElement(AddItemField, { name: "Quantidade de opera\u00E7\u00F5es com manifesta\u00E7\u00E3o por discord\u00E2ncia", value: scr.quantidadeOperacoesDiscordancia }),
-                    React.createElement(AddItemField, { name: "Opera\u00E7\u00F5es com manifesta\u00E7\u00E3o de discord\u00E2ncia", value: scr.responsabilidadeTotalDiscordancia }),
-                    React.createElement(AddItemField, { name: "Opera\u00E7\u00F5es amparadas por sub-judice", value: scr.responsabilidadeTotalSubJudice }),
-                    React.createElement(AddItemField, { name: "Risco indireto fornecedor", value: scr.riscoIndiretoVendor }),
-                    React.createElement(AddItemField, { name: "Data de in\u00EDcio do relacionamento com a IF", value: scr.dataInicioRelacionamento &&
-                            ((_b = new Date(scr.dataInicioRelacionamento)) === null || _b === void 0 ? void 0 : _b.toLocaleDateString()) }),
-                    React.createElement(AddItemField, { name: "Tipo cliente", value: scr.tipoDoCliente })))))));
+    var scr = _a.scr, isLoading = _a.isLoading, error = _a.error, loadingProgress = _a.loadingProgress;
+    var isOpen = useToggle(true)[0];
+    return (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: scr,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "SCR", subtitle: "Fluxo De Vencimentos Consolidados", icon: ScrIcon, description: !error && (React.createElement(StatusMessage, { type: scr ? 'success' : 'default' }, "Fluxo de vencimentos consolidados dispon\u00EDvel.")), onSuccess: function () {
+            var _a;
+            return (React.createElement(Content, { isOpen: isOpen },
+                React.createElement(Result, null,
+                    React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", print: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+                        React.createElement(AddItemField, { name: "Data-base", value: scr === null || scr === void 0 ? void 0 : scr.dataBaseConsultada }),
+                        React.createElement(AddItemField, { name: "Situa\u00E7\u00E3o de processamento IF's", value: scr === null || scr === void 0 ? void 0 : scr.percentualDocumentosProcessados }),
+                        React.createElement(AddItemField, { name: "Situa\u00E7\u00E3o de processamento Valor", value: scr === null || scr === void 0 ? void 0 : scr.percentualVolumeProcessado }),
+                        React.createElement(AddItemField, { name: "Quantidade de Opera\u00E7\u00F5es", value: scr === null || scr === void 0 ? void 0 : scr.quantidadeDeOperacoes }),
+                        React.createElement(AddItemField, { name: "Quantidade de Institui\u00E7\u00F5es", value: scr === null || scr === void 0 ? void 0 : scr.quantidadeDeInstituicoes }),
+                        React.createElement(AddItemField, { name: "Quantidade de opera\u00E7\u00F5es amparadas por sub-judice", value: scr === null || scr === void 0 ? void 0 : scr.quantidadeOperacoesSubJudice }),
+                        React.createElement(AddItemField, { name: "Quantidade de opera\u00E7\u00F5es com manifesta\u00E7\u00E3o por discord\u00E2ncia", value: scr === null || scr === void 0 ? void 0 : scr.quantidadeOperacoesDiscordancia }),
+                        React.createElement(AddItemField, { name: "Opera\u00E7\u00F5es com manifesta\u00E7\u00E3o de discord\u00E2ncia", value: scr === null || scr === void 0 ? void 0 : scr.responsabilidadeTotalDiscordancia }),
+                        React.createElement(AddItemField, { name: "Opera\u00E7\u00F5es amparadas por sub-judice", value: scr === null || scr === void 0 ? void 0 : scr.responsabilidadeTotalSubJudice }),
+                        React.createElement(AddItemField, { name: "Risco indireto fornecedor", value: scr === null || scr === void 0 ? void 0 : scr.riscoIndiretoVendor }),
+                        React.createElement(AddItemField, { name: "Data de in\u00EDcio do relacionamento com a IF", value: (scr === null || scr === void 0 ? void 0 : scr.dataInicioRelacionamento) &&
+                                ((_a = new Date(scr.dataInicioRelacionamento)) === null || _a === void 0 ? void 0 : _a.toLocaleDateString()) }),
+                        React.createElement(AddItemField, { name: "Tipo cliente", value: scr === null || scr === void 0 ? void 0 : scr.tipoDoCliente })))));
+        }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } }));
 };
 var ResumoList = function (_a) {
-    var isLoading = _a.isLoading, className = _a.className, error = _a.error, resumos = _a.resumos, props = __rest(_a, ["isLoading", "className", "error", "resumos"]);
-    var _b = useToggle(true), isOpen = _b[0], toggleOpen = _b[1];
+    var isLoading = _a.isLoading, className = _a.className, error = _a.error, resumos = _a.resumos, loadingProgress = _a.loadingProgress, props = __rest(_a, ["isLoading", "className", "error", "resumos", "loadingProgress"]);
+    var isOpen = useToggle(true)[0];
     if (!isLoading && !resumos.length)
         return null;
-    return (React.createElement("div", null,
-        React.createElement(Header, __assign({}, props, { variant: isLoading ? 'loading' : error ? 'error' : 'default', icon: ScrIcon, actions: React.createElement(BtnWrapper, { onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)) })),
-        !isLoading && (React.createElement(Content, { isOpen: isOpen },
+    return (React.createElement(Section, __assign({ ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: resumos,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        } }, props, { icon: ScrIcon, description: !error && (React.createElement(StatusMessage, { type: resumos.length ? 'success' : 'default' }, "Resumo de cr\u00E9ditos dispon\u00EDvel.")), onSuccess: function () { return (React.createElement(Content, { isOpen: isOpen },
             React.createElement(Result, null,
-                React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" }, resumos.map(function (item, index) { return (React.createElement(AddItemField, { key: "".concat(item.descricao, "-").concat(index), name: item.descricao, value: item.valor })); })))))));
+                React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" }, resumos.map(function (item, index) { return (React.createElement(AddItemField, { key: "".concat(item.descricao, "-").concat(index), name: item.descricao, value: item.valor })); }))))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } })));
 };
 var ResumoModalidades = function (_a) {
-    var scr = _a.scr, isLoading = _a.isLoading, error = _a.error;
-    var _b = useToggle(true), isOpen = _b[0], toggleOpen = _b[1];
+    var scr = _a.scr, isLoading = _a.isLoading, error = _a.error, loadingProgress = _a.loadingProgress;
+    var isOpen = useToggle(true)[0];
     var resumoModalidades = (scr && getResumoDeModalidades(scr)) || [];
     if (!isLoading && !(resumoModalidades === null || resumoModalidades === void 0 ? void 0 : resumoModalidades.length))
         return null;
-    return (React.createElement("div", null,
-        React.createElement(Header, { title: "SCR", subtitle: "Modalidade x Data Base", variant: isLoading ? 'loading' : error ? 'error' : 'default', icon: ScrIcon, actions: React.createElement(BtnWrapper, { onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)) }),
-        !isLoading && (React.createElement(Content, { isOpen: isOpen },
+    return (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: resumoModalidades,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "SCR", subtitle: "Modalidade x Data Base", icon: ScrIcon, description: !error && (React.createElement(StatusMessage, { type: resumoModalidades.length ? 'success' : 'default' }, "Resumo de modalidades dispon\u00EDvel.")), onSuccess: function () { return (React.createElement(Content, { isOpen: isOpen },
             React.createElement(Result, null, resumoModalidades.map(function (resumo, index) { return (React.createElement(ResultContent, { key: "".concat(resumo.modalidade, "-").concat(index), desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr", print: "repeat(4, 1fr)" },
                 React.createElement(AddItemField, { name: "", value: resumo.modalidade }),
                 React.createElement(AddItemField, { name: "Vencido", value: resumo.vencido && formatMoney(resumo.vencido) }),
                 React.createElement(AddItemField, { name: "A Vencer", value: resumo.aVencer && formatMoney(resumo.aVencer) }),
-                React.createElement(AddItemField, { name: "Valor", value: formatMoney(resumo.valor) }))); }))))));
+                React.createElement(AddItemField, { name: "Valor", value: formatMoney(resumo.valor) }))); })))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } }));
 };
 export default ConsultaSCR;
 var templateObject_1;

package/dist/components/section.d.ts

@@ -0,0 +1,3 @@
+import { ISection, RequestStatus } from './webservice';
+export declare const Section: ISection<unknown>;
+export declare const headerStatus: Record<RequestStatus, string>;

package/dist/components/section.js

@@ -0,0 +1,91 @@
+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++) {
+            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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var _a;
+/* eslint-disable react-hooks/rules-of-hooks */
+import BtnWrapper from '../assets/btn/btnWrapper';
+import ChevronDown from '../assets/btn/chevronDown';
+import ChevronUp from '../assets/btn/chevronUp';
+import useToggle from '../hooks/useToggle';
+import cn from 'classnames';
+import React, { useCallback, useMemo } from 'react';
+import styled from 'styled-components';
+import Button from './common/button';
+import { PrintSectionWrapper } from './common/printSectionWrapper';
+import Header from './interface/header';
+import StatusMessage from './interface/statusMessage';
+import { RequestStatus } from './webservice';
+export var Section = function (_a) {
+    var onSuccess = _a.onSuccess, _b = _a.isError, isError = _b === void 0 ? function (err, ctx) { return ({
+        children: React.createElement(React.Fragment, null),
+        description: (React.createElement(React.Fragment, null,
+            React.createElement(StatusMessage, { type: "error" }, err.message))),
+        actions: (React.createElement(React.Fragment, null, (ctx === null || ctx === void 0 ? void 0 : ctx.refetch) && (React.createElement(Button, { onClick: function () { return ctx.refetch(); } }, "Tentar Novamente"))))
+    }); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, _e = _a.minimized, minimized = _e === void 0 ? false : _e, headerProps = __rest(_a, ["onSuccess", "isError", "onLoading", "ctx", "className", "hideHeader", "minimized"]);
+    var _f = useToggle(!minimized), isOpen = _f[0], toggleOpen = _f[1];
+    if (!ctx)
+        return null;
+    var type = ctx.type, progress = ctx.progress;
+    var renderResponse = useCallback(function () {
+        switch (type) {
+            case RequestStatus.Success:
+                return onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(ctx.document, ctx);
+            case RequestStatus.Error:
+                return isError(ctx.error, ctx);
+            case RequestStatus.Loading:
+                return onLoading(ctx);
+            default:
+                return null;
+        }
+    }, [type, onSuccess, isError, onLoading, ctx]);
+    var renderedResponse = renderResponse();
+    var defaultHeaderActions = useMemo(function () { return (React.createElement(BtnWrapper, { hidden: type === RequestStatus.Loading, onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null))); }, [type, isOpen, toggleOpen]);
+    var renderHeader = function (props) { return (React.createElement(Header, __assign({ printBar: renderedResponse !== null && isOpen }, props, { className: cn(className, type !== undefined && headerStatus[type]
+            ? headerStatus[type]
+            : '', props.className), variant: type === RequestStatus.Loading ? 'loading' : props.variant, loadingProps: {
+            percentage: progress !== null && progress !== void 0 ? progress : 0
+        }, actions: React.createElement(React.Fragment, null,
+            props.actions,
+            renderedResponse && defaultHeaderActions) }))); };
+    if (React.isValidElement(renderedResponse)) {
+        return (React.createElement(PrintSectionWrapper, { enabled: !hideHeader },
+            !hideHeader && renderHeader(headerProps),
+            React.createElement(ShowRenderedChildren, { isOpen: isOpen }, renderedResponse)));
+    }
+    var _g = (renderedResponse !== null && renderedResponse !== void 0 ? renderedResponse : {}), renderedChildren = _g.children, headerReplaceProps = __rest(_g, ["children"]);
+    var unifiedHeaderProps = __assign(__assign(__assign({}, headerProps), headerReplaceProps), { printBar: renderedChildren !== null && isOpen });
+    return (React.createElement(PrintSectionWrapper, { enabled: !hideHeader },
+        !hideHeader && renderHeader(unifiedHeaderProps),
+        React.createElement(ShowRenderedChildren, { isOpen: isOpen }, renderedChildren)));
+};
+var ShowRenderedChildren = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
+export var headerStatus = (_a = {},
+    _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Loading] = 'external-source loading',
+    _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Success] = 'success',
+    _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Error] = 'external-source error',
+    _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Empty] = 'external-source error',
+    _a);
+var templateObject_1;

package/dist/components/veiculos/veiculos.js

@@ -15,18 +15,18 @@ import XPathUtils from '../../utils/xpath';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 var Veiculos = function (_a) {
-    var _b, _c, _d;
+    var _b, _c;
     var documento = _a.documento;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var setData = useGlobalData().setData;
-    var _e = useState(false), dataUpdated = _e[0], setDataUpdated = _e[1];
-    var _f = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares;
-    var _g = useQuery("SELECT FROM 'VEICULOS'.'CONSULTA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _g.response, isLoading = _g.isLoading, error = _g.error;
+    var _d = useState(false), dataUpdated = _d[0], setDataUpdated = _d[1];
+    var _e = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _e.consultasComplementares, setConsultasComplementares = _e.setConsultasComplementares;
+    var _f = useQuery("SELECT FROM 'VEICULOS'.'CONSULTA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _f.response, isLoading = _f.isLoading, error = _f.error, loadingProgress = _f.loadingProgress;
     var registros = useMemo(function () {
         var _a;
         var nodes = (_a = ((response === null || response === void 0 ? void 0 : response.document) &&
@@ -63,16 +63,26 @@ var Veiculos = function (_a) {
             setDataUpdated(true);
         }
     }, [response, dataUpdated, setData]);
-    if (!((_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _d === void 0 ? void 0 : _d.consultaRealizada))
+    if (!consultaVeiculosRealizada)
         return null;
     var description = registros.length
         ? registros.length > 1
             ? "Foram encontrados ".concat(registros.length, " ve\u00EDculos registrados no CPF/CNPJ")
-            : 'Foi encontrato 1 veículo registrado no CPF/CNPJ'
+            : 'Foi encontrado 1 veículo registrado no CPF/CNPJ'
         : 'Nenhum veículo encontrado';
-    return (React.createElement("div", null,
-        React.createElement(Header, { innerRef: veiculosRef, title: "Ve\u00EDculos Registrados no CPF/CNPJ", subtitle: "Informa\u00E7\u00F5es de Ve\u00EDculos Registrados no CPF/CNPJ", variant: isLoading ? 'loading' : error ? 'error' : 'default', description: React.createElement(StatusMessage, { type: error ? 'error' : registros.length ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: VeiculosIcon }),
-        React.createElement(Result, null, registros.map(function (registro, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+    return (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: response === null || response === void 0 ? void 0 : response.document,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Ve\u00EDculos Registrados no CPF/CNPJ", subtitle: "Informa\u00E7\u00F5es de Ve\u00EDculos Registrados no CPF/CNPJ", icon: VeiculosIcon, description: !error && (React.createElement(StatusMessage, { type: registros.length ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, registros.map(function (registro, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Placa", value: registro.placa }),
             React.createElement(AddItemField, { name: "Munic\u00EDpio", value: registro.municipio }),
             React.createElement(AddItemField, { name: "Estado", value: registro.uf }),
@@ -85,6 +95,12 @@ var Veiculos = function (_a) {
             React.createElement(AddItemField, { name: "Proced\u00EAncia", value: registro.procedencia }),
             React.createElement(AddItemField, { name: "Esp\u00E9cie", value: registro.especie }),
             React.createElement(AddItemField, { name: "Combust\u00EDvel", value: registro.combustivel }),
-            React.createElement(AddItemField, { name: "Cor", value: registro.cor }))); }))));
+            React.createElement(AddItemField, { name: "Cor", value: registro.cor }))); }))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } }));
 };
 export default Veiculos;