@credithub/harlan-components 1.9.0 → 1.10.1

package/lib/esm/components/refinBoaVista/refinBoaVista.js

@@ -14,22 +14,22 @@ var __assign = (this && this.__assign) || function () {
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import Header from '../interface/header';
 import AddItemField from '../common/addItem';
-import { Result } from '../interface/result';
+import { Result, ResultContent } from '../interface/result';
 import { formatMoney } from '../../utils/number';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import { RequestStatus, headerStatus, useQuery } from '../webservice';
-import classNames from 'classnames';
+import { useQuery } from '../webservice';
 import { addNoValueContent } from '../../utils/string';
+import StatusMessage from '../interface/statusMessage';
 function RefinBoaVista(_a) {
-    var _b;
-    var _c, _d, _e;
+    var _b, _c, _d;
     var documento = _a.documento;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
-    var _f = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares;
-    var _g = useQuery("SELECT FROM 'PROTESTOS'.'REFIN'", { documento: documento }, !!((_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada)), response = _g.response, isLoading = _g.isLoading, error = _g.error;
+    var _e = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _e.consultasComplementares, setConsultasComplementares = _e.setConsultasComplementares;
+    var _f = useQuery("SELECT FROM 'PROTESTOS'.'REFIN'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _f.response, isLoading = _f.isLoading, error = _f.error;
     var pendencias = useMemo(function () { var _a, _b; return ((response && ((_b = (_a = response === null || response === void 0 ? void 0 : response.document) === null || _a === void 0 ? void 0 : _a.spc) === null || _b === void 0 ? void 0 : _b[0])) || []).map(addNoValueContent); }, [response]);
     var refinBoaVistaRef = useRef(null);
-    var consultaRefinRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _d === void 0 ? void 0 : _d.consultaRealizada
+    var description = pendencias.length ? "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias") : 'Nenhuma ocorrência encontrada';
+    var consultaRefinRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada
     ]);
     useEffect(function () {
         var _a;
@@ -38,25 +38,20 @@ function RefinBoaVista(_a) {
     useEffect(function () {
         response && setConsultasComplementares && setConsultasComplementares(function (prev) { return (__assign(__assign({}, prev), { refinBoaVista: __assign(__assign({}, prev.refinBoaVista), { data: response }) })); });
     }, [response]);
-    if (!((_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _e === void 0 ? void 0 : _e.consultaRealizada))
+    if (!((_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _d === void 0 ? void 0 : _d.consultaRealizada))
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { innerRef: refinBoaVistaRef, title: 'Restri\u00E7\u00F5es Pefin/Refin Boa Vista', subtitle: 'Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais', className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b['gradient-error'] = pendencias.length,
-                _b)), description: pendencias.length ? "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias") : 'Nenhuma ocorrência encontrada' }),
-        React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement("div", { key: i, className: "container" },
-            React.createElement("div", { className: "content" },
-                React.createElement(AddItemField, { name: 'Associado', value: pendencia.NomeAssociado }),
-                React.createElement(AddItemField, { name: 'Valor', value: "".concat(formatMoney(parseFloat(pendencia.Valor))) }),
-                React.createElement(AddItemField, { name: 'Data da Inclus\u00E3o', value: pendencia.DataDeInclusao }),
-                React.createElement(AddItemField, { name: 'Data do Vencimento', value: pendencia.DataDoVencimento }),
-                React.createElement(AddItemField, { name: 'Entidade', value: pendencia.Entidade }),
-                React.createElement(AddItemField, { name: 'N\u00FAmero do Contrato', value: pendencia.NumeroContrato }),
-                React.createElement(AddItemField, { name: 'Comprador, Fiador ou Avalista', value: pendencia.CompradorFiadorAvalista }),
-                React.createElement(AddItemField, { name: 'Telefone Associado', value: pendencia.TelefoneAssociado }),
-                React.createElement(AddItemField, { name: 'Cidade Associado', value: pendencia.CidadeAssociado }),
-                React.createElement(AddItemField, { name: 'UF Associado', value: pendencia.UfAssociado })))); }))));
+        React.createElement(Header, { innerRef: refinBoaVistaRef, title: 'Restri\u00E7\u00F5es Pefin/Refin Boa Vista', subtitle: 'Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais', variant: isLoading ? 'loading' : error || pendencias.length ? 'error' : 'default', description: (React.createElement(StatusMessage, { type: (pendencias === null || pendencias === void 0 ? void 0 : pendencias.length) ? 'success' : 'default' }, error ? error.message : description)) }),
+        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: 'Associado', value: pendencia.NomeAssociado }),
+            React.createElement(AddItemField, { name: 'Valor', value: "".concat(formatMoney(parseFloat(pendencia.Valor))) }),
+            React.createElement(AddItemField, { name: 'Data da Inclus\u00E3o', value: pendencia.DataDeInclusao }),
+            React.createElement(AddItemField, { name: 'Data do Vencimento', value: pendencia.DataDoVencimento }),
+            React.createElement(AddItemField, { name: 'Entidade', value: pendencia.Entidade }),
+            React.createElement(AddItemField, { name: 'N\u00FAmero do Contrato', value: pendencia.NumeroContrato }),
+            React.createElement(AddItemField, { name: 'Comprador, Fiador ou Avalista', value: pendencia.CompradorFiadorAvalista }),
+            React.createElement(AddItemField, { name: 'Telefone Associado', value: pendencia.TelefoneAssociado }),
+            React.createElement(AddItemField, { name: 'Cidade Associado', value: pendencia.CidadeAssociado }),
+            React.createElement(AddItemField, { name: 'UF Associado', value: pendencia.UfAssociado }))); }))));
 }
 export default RefinBoaVista;

package/lib/esm/components/refinBoaVista/types.d.ts

@@ -44,5 +44,5 @@ export interface Spc {
     UfAssociado: string;
 }
 export declare enum CompradorFiadorAvalista {
-    Comprador = "COMPRADOR"
+    Comprador = "Comprador"
 }

package/lib/esm/components/refinBoaVista/types.js

@@ -1,4 +1,4 @@
 export var CompradorFiadorAvalista;
 (function (CompradorFiadorAvalista) {
-    CompradorFiadorAvalista["Comprador"] = "COMPRADOR";
+    CompradorFiadorAvalista["Comprador"] = "Comprador";
 })(CompradorFiadorAvalista || (CompradorFiadorAvalista = {}));

package/lib/esm/components/refinSerasa/refinSerasa.js

@@ -24,20 +24,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import Header from '../interface/header';
 import AddItemField from '../common/addItem';
-import { Result } from '../interface/result';
+import { Result, ResultContent } from '../interface/result';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
 import { addNoValueContent } from '../../utils/string';
-import { RequestStatus, headerStatus, useQuery } from '../webservice';
-import classNames from 'classnames';
+import { useQuery } from '../webservice';
 import { formatMoney } from '../../utils/number';
+import StatusMessage from '../interface/statusMessage';
 var RefinSerasa = function (_a) {
-    var _b, _c, _d;
-    var _e, _f, _g, _h;
+    var _b, _c, _d, _e;
     var documento = _a.documento;
     var refinSerasaRef = useRef(null);
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
-    var _j = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _j.consultasComplementares, setConsultasComplementares = _j.setConsultasComplementares;
-    var _k = useQuery("SELECT FROM 'PROTESTOS'.'SERASA'", { documento: documento }, !!((_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _e === void 0 ? void 0 : _e.consultaRealizada)), response = _k.response, isLoading = _k.isLoading, error = _k.error;
+    var _f = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares;
+    var _g = 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 = _g.response, isLoading = _g.isLoading, error = _g.error;
     var pendenciasData = useMemo(function () {
         var _a, _b, _c;
         return ((response && ((_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.document) === null || _a === void 0 ? void 0 : _a.informacoes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.bello)) || [])
@@ -59,7 +58,7 @@ var RefinSerasa = function (_a) {
         var categoria = _a.categoria;
         return categoria === 'DÍVIDAS VENCIDAS';
     });
-    var consultaRefinRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _f === void 0 ? void 0 : _f.consultaRealizada
+    var consultaRefinRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _c === void 0 ? void 0 : _c.consultaRealizada
     ]);
     useEffect(function () {
         var _a;
@@ -68,46 +67,33 @@ var RefinSerasa = function (_a) {
     useEffect(function () {
         response && setConsultasComplementares && setConsultasComplementares(function (prev) { return (__assign(__assign({}, prev), { refinSerasa: __assign(__assign({}, prev.refinSerasa), { data: response }) })); });
     }, [response]);
-    var _l = (((_h = (_g = response === null || response === void 0 ? void 0 : response.document) === null || _g === void 0 ? void 0 : _g.informacoes) === null || _h === void 0 ? void 0 : _h[0]) || {}), valorTotalPendenciasFinanceiras = _l.valorTotalPendenciasFinanceiras, valorTotalPendenciasRefin = _l.valorTotalPendenciasRefin, valorTotalPendenciasVencidas = _l.valorTotalPendenciasVencidas;
+    var _h = (((_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 = _h.valorTotalPendenciasFinanceiras, valorTotalPendenciasRefin = _h.valorTotalPendenciasRefin, valorTotalPendenciasVencidas = _h.valorTotalPendenciasVencidas;
     return consultaRefinRealizada ? (React.createElement(React.Fragment, null,
-        React.createElement(PendenciasList, { title: 'Pendencias Financeiras Serasa', subtitle: 'Confira as Pend\u00EAncias Financeiras deste documento', pendencias: pendencias, valorTotal: valorTotalPendenciasFinanceiras, className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b['gradient-error'] = pendenciasData.length,
-                _b)), innerRef: refinSerasaRef }),
-        React.createElement(PendenciasList, { title: 'Pend\u00EAncias Refin Serasa', subtitle: 'Confira as Restri\u00E7\u00F5es Financeiras deste documento', pendencias: restricoes, valorTotal: valorTotalPendenciasRefin, className: classNames((_c = {},
-                _c[headerStatus[RequestStatus.Loading]] = isLoading,
-                _c[headerStatus[RequestStatus.Error]] = error,
-                _c['gradient-error'] = pendenciasData.length,
-                _c)) }),
-        React.createElement(PendenciasList, { title: 'D\u00EDvidas Vencidas Serasa', subtitle: 'Confira as D\u00EDvidas Vencidas deste documento', pendencias: dividasVencidas, valorTotal: valorTotalPendenciasVencidas, className: classNames((_d = {},
-                _d[headerStatus[RequestStatus.Loading]] = isLoading,
-                _d[headerStatus[RequestStatus.Error]] = error,
-                _d['gradient-error'] = pendenciasData.length,
-                _d)) }))) : null;
+        React.createElement(PendenciasList, { title: 'Pendencias Financeiras Serasa', subtitle: 'Confira as Pend\u00EAncias Financeiras deste documento', pendencias: pendencias, valorTotal: valorTotalPendenciasFinanceiras, innerRef: refinSerasaRef, isLoading: isLoading, error: error }),
+        React.createElement(PendenciasList, { title: 'Pend\u00EAncias Refin Serasa', subtitle: 'Confira as Restri\u00E7\u00F5es Financeiras deste documento', pendencias: restricoes, valorTotal: valorTotalPendenciasRefin, isLoading: isLoading, error: error }),
+        React.createElement(PendenciasList, { title: 'D\u00EDvidas Vencidas Serasa', subtitle: 'Confira as D\u00EDvidas Vencidas deste documento', pendencias: dividasVencidas, valorTotal: valorTotalPendenciasVencidas, isLoading: isLoading, error: error }))) : null;
 };
 var PendenciasList = function (_a) {
-    var pendencias = _a.pendencias, valorTotal = _a.valorTotal, headerProps = __rest(_a, ["pendencias", "valorTotal"]);
+    var isLoading = _a.isLoading, error = _a.error, pendencias = _a.pendencias, valorTotal = _a.valorTotal, headerProps = __rest(_a, ["isLoading", "error", "pendencias", "valorTotal"]);
     var totalFormatado = formatMoney(valorTotal === null || valorTotal === void 0 ? void 0 : valorTotal.toString().replace(',', '.'));
-    var description = "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias ").concat(valorTotal && "no valor de ".concat(totalFormatado));
+    var description = pendencias.length ? "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias ").concat(valorTotal && "no valor de ".concat(totalFormatado)) : 'Nenhuma ocorrência encontrada';
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, __assign({ description: pendencias.length ? description : 'Nenhuma ocorrência encontrada' }, headerProps)),
-        React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement("div", { key: i, className: "container" },
-            React.createElement("div", { className: "content" },
-                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 }),
-                React.createElement(AddItemField, { name: "Data de Vencimento", value: pendencia.vencimento }),
-                React.createElement(AddItemField, { name: "Valor", value: pendencia.valor }),
-                React.createElement(AddItemField, { name: "Informante", value: pendencia.informante }),
-                React.createElement(AddItemField, { name: "N\u00FAmero de Contrato", value: pendencia.contrato }),
-                React.createElement(AddItemField, { name: "Avalista", value: pendencia.avalista }),
-                React.createElement(AddItemField, { name: "Cidade", value: pendencia.cidade }),
-                React.createElement(AddItemField, { name: "UF", value: pendencia.uf }),
-                React.createElement(AddItemField, { name: "Situa\u00E7\u00E3o", value: pendencia.situacao }),
-                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(Header, __assign({ variant: isLoading ? 'loading' : error || pendencias.length ? 'error' : 'default', description: React.createElement(StatusMessage, { type: error ? 'error' : pendencias.length ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description) }, 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" },
+            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 }),
+            React.createElement(AddItemField, { name: "Data de Vencimento", value: pendencia.vencimento }),
+            React.createElement(AddItemField, { name: "Valor", value: pendencia.valor }),
+            React.createElement(AddItemField, { name: "Informante", value: pendencia.informante }),
+            React.createElement(AddItemField, { name: "N\u00FAmero de Contrato", value: pendencia.contrato }),
+            React.createElement(AddItemField, { name: "Avalista", value: pendencia.avalista }),
+            React.createElement(AddItemField, { name: "Cidade", value: pendencia.cidade }),
+            React.createElement(AddItemField, { name: "UF", value: pendencia.uf }),
+            React.createElement(AddItemField, { name: "Situa\u00E7\u00E3o", value: pendencia.situacao }),
+            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 }))); }))));
 };
 export default RefinSerasa;

package/lib/esm/components/resultadoDaPesquisa/resultado-da-pesquisa.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ResultadoDaPesquisa: React.FC<{
+    documento: string;
+}>;
+export default ResultadoDaPesquisa;

package/lib/esm/components/resultadoDaPesquisa/resultado-da-pesquisa.js

@@ -0,0 +1,26 @@
+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 styled from "styled-components";
+import theme from "../interface/theme";
+import { formatCnpj, formatCpf } from '../../utils/string';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: 'Open Sans';\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5em;\n    margin-top: 2em;\n"], ["\n    font-family: 'Open Sans';\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5em;\n    margin-top: 2em;\n"])));
+var Title = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";    \n"], ["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";    \n"])), theme.typography.headline20.fontSize, theme.typography.headline20.fontWeight, theme.typography.headline20.lineHeight);
+var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    color: ", ";\n    text-align: center;\n    position: relative;\n    background-color: ", ";\n    padding: 0.25rem 0.5rem;\n    border-radius: 3.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"], ["\n    color: ", ";\n    text-align: center;\n    position: relative;\n    background-color: ", ";\n    padding: 0.25rem 0.5rem;\n    border-radius: 3.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
+var DocumentPrefix = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0.5rem;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0.5rem;\n"])));
+var ResultadoDaPesquisa = function (_a) {
+    var documento = _a.documento;
+    var isCpf = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
+    var format = isCpf ? formatCpf : formatCnpj;
+    return (React.createElement(Wrapper, null,
+        React.createElement(Title, null, "Resultado da Pesquisa"),
+        React.createElement(DocumentContainer, null,
+            React.createElement(DocumentPrefix, null,
+                isCpf ? 'CPF' : 'CNPJ',
+                ": ",
+                format(documento)))));
+};
+export default ResultadoDaPesquisa;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/esm/components/score/scoreService.js

@@ -1,43 +1,35 @@
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import Header from "../interface/header";
 import AddItemField from "../common/addItem";
-import { Result } from "../interface/result";
+import { Result, ResultContent } from "../interface/result";
 import { useQuery } from "../webservice";
 import { ConsultasComplementaresContext } from "../consultasComplementares";
-import classNames from "classnames";
-import { RequestStatus, headerStatus } from "../webservice";
+import StatusMessage from "../interface/statusMessage";
 var ConsultaScore = function (_a) {
-    var _b;
-    var _c, _d, _e, _f, _g;
+    var _b, _c, _d, _e, _f;
     var documento = _a.documento;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
-    var _h = useQuery("SELECT FROM 'SPCNet'.'ScoreBoaVista'", { documento: documento }, (_d = (_c = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _c === void 0 ? void 0 : _c.scoreBoaVista) === null || _d === void 0 ? void 0 : _d.consultaRealizada), response = _h.response, isLoading = _h.isLoading, error = _h.error;
-    var scoreData = (_e = response === null || response === void 0 ? void 0 : response.document) === null || _e === void 0 ? void 0 : _e.score[0];
+    var _g = 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 = _g.response, isLoading = _g.isLoading, error = _g.error;
+    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 () {
         var _a, _b;
         return (_b = (_a = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _a === void 0 ? void 0 : _a.scoreBoaVista) === null || _b === void 0 ? void 0 : _b.consultaRealizada;
     }, [
-        (_g = (_f = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _f === void 0 ? void 0 : _f.scoreBoaVista) === null || _g === void 0 ? void 0 : _g.consultaRealizada,
+        (_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 = isLoading
-        ? "Carregando..."
-        : error
-            ? "Erro ao consultar o Score. Tente mais tarde."
-            : scoreData
-                ? "Score: ".concat(scoreData.score)
-                : "Nenhuma informação de score disponível para este documento.";
+    var description = error
+        ? error.message
+        : 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();
     }, [consultaRefinRealizada]);
     return consultaRefinRealizada ? (React.createElement(React.Fragment, null,
-        React.createElement(Header, { innerRef: scoreRef, title: "Score Boa Vista", subtitle: "Consulta de Score", className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = !!error,
-                _b[headerStatus[RequestStatus.Success]] = !!scoreData,
-                _b)), description: description }),
-        React.createElement(Result, null, scoreData && (React.createElement(React.Fragment, 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) }),
+        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 }),

package/lib/esm/components/scr/scr.js

@@ -25,13 +25,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import Header from '../interface/header';
 import AddItemField from '../common/addItem';
-import { Result } from '../interface/result';
+import { Result, ResultContent } from '../interface/result';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import { RequestStatus, headerStatus, useQuery } from '../webservice';
-import classNames from 'classnames';
+import { useQuery } from '../webservice';
 import getResumoDeCreditos from './getResumoDeCreditos';
 import getResumoDeModalidades from './getResumoDeModalidades';
 import { formatMoney } from '../../utils/number';
+import StatusMessage from '../interface/statusMessage';
 function ConsultaSCR(_a) {
     var _b, _c, _d, _e;
     var documento = _a.documento;
@@ -40,8 +40,7 @@ function ConsultaSCR(_a) {
     var _g = 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 = _g.response, isLoading = _g.isLoading, error = _g.error;
     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 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)) || [];
     useEffect(function () {
         var _a;
@@ -52,80 +51,61 @@ function ConsultaSCR(_a) {
     }, [response]);
     return consultaSCRRealizada ? (React.createElement(React.Fragment, null,
         React.createElement(ResumoDoCliente, { scrRef: scrRef, isLoading: isLoading, scr: scr, error: error }),
-        React.createElement(FluxosDeVencimentosConsolidados, { isLoading: isLoading, scr: scr, error: error }),
-        React.createElement(ResumoList, { title: "SCR", subtitle: "Cr\u00E9dito", resumos: resumoDeCreditos, isLoading: isLoading, error: error }),
-        React.createElement(ResumoModalidades, { isLoading: isLoading, scr: scr, error: error }))) : null;
+        !error ? (React.createElement(React.Fragment, null,
+            React.createElement(FluxosDeVencimentosConsolidados, { isLoading: isLoading, scr: scr, error: error }),
+            React.createElement(ResumoList, { title: "SCR", subtitle: "Cr\u00E9dito", resumos: resumoDeCreditos, isLoading: isLoading, error: error }),
+            React.createElement(ResumoModalidades, { isLoading: isLoading, scr: scr, error: error }))) : null)) : null;
 }
 var ResumoDoCliente = function (_a) {
-    var _b;
     var scr = _a.scr, scrRef = _a.scrRef, isLoading = _a.isLoading, error = _a.error;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { innerRef: scrRef, title: 'SCR', subtitle: 'Resumo do Cliente', className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b)) }),
-        !isLoading && (React.createElement(Result, null,
-            React.createElement("div", { className: "container" },
-                React.createElement("div", { className: "content" },
-                    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 })))))));
+        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 }),
+        scr && !isLoading && (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 }))))));
 };
 var FluxosDeVencimentosConsolidados = function (_a) {
     var _b;
-    var _c;
     var scr = _a.scr, isLoading = _a.isLoading, error = _a.error;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { title: 'SCR', subtitle: 'Fluxo De Vencimentos Consolidados', className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b)) }),
+        React.createElement(Header, { title: 'SCR', subtitle: 'Fluxo De Vencimentos Consolidados', variant: isLoading ? 'loading' : error ? 'error' : 'default' }),
         scr && !isLoading && (React.createElement(Result, null,
-            React.createElement("div", { className: "container" },
-                React.createElement("div", { className: "content" },
-                    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 && ((_c = new Date(scr.dataInicioRelacionamento)) === null || _c === void 0 ? void 0 : _c.toLocaleDateString()) }),
-                    React.createElement(AddItemField, { name: "Tipo cliente", value: scr.tipoDoCliente })))))));
+            React.createElement(ResultContent, { desktop: "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 ResumoList = function (_a) {
-    var _b;
     var isLoading = _a.isLoading, className = _a.className, error = _a.error, resumos = _a.resumos, props = __rest(_a, ["isLoading", "className", "error", "resumos"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, __assign({}, props, { className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b), className) })),
+        React.createElement(Header, __assign({}, props, { variant: isLoading ? 'loading' : error ? 'error' : 'default' })),
         !isLoading && (React.createElement(Result, null,
-            React.createElement("div", { className: "container" },
-                React.createElement("div", { className: "content" }, resumos.map(function (_a, key) {
-                    var descricao = _a.descricao, valor = _a.valor;
-                    return React.createElement(AddItemField, { key: key, name: descricao, value: valor });
-                })))))));
+            React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" }, resumos.map(function (_a, key) {
+                var descricao = _a.descricao, valor = _a.valor;
+                return React.createElement(AddItemField, { key: key, name: descricao, value: valor });
+            }))))));
 };
 var ResumoModalidades = function (_a) {
-    var _b;
     var scr = _a.scr, isLoading = _a.isLoading, error = _a.error;
     var resumoModalidades = scr && getResumoDeModalidades(scr) || [];
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { title: "SCR", subtitle: "Modalidade x Data Base", className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b)) }),
-        !isLoading && !error && (React.createElement(Result, null, resumoModalidades.map(function (resumo, key) { return (React.createElement("div", { key: key, className: "container" },
-            React.createElement("div", { className: "content" },
-                React.createElement(AddItemField, { name: "Modalidade", 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(Header, { title: "SCR", subtitle: "Modalidade x Data Base", variant: isLoading ? 'loading' : error ? 'error' : 'default' }),
+        !isLoading && (React.createElement(Result, null, resumoModalidades.map(function (resumo, key) { return (React.createElement(ResultContent, { key: key, desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+            React.createElement(AddItemField, { name: "Modalidade", 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) }))); })))));
 };
 export default ConsultaSCR;

package/lib/esm/components/scr/types.d.ts

@@ -75,7 +75,7 @@ export interface Vencimento {
     valor: string;
 }
 export type SCRListProps = {
-    scrRef?: React.LegacyRef<HTMLElement>;
+    scrRef?: React.LegacyRef<HTMLDivElement>;
     scr?: SCRQuery;
     isLoading: boolean;
     error: Error | null;

package/lib/esm/components/veiculos/veiculos.js

@@ -14,22 +14,21 @@ var __assign = (this && this.__assign) || function () {
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import Header from '../interface/header';
 import AddItemField from '../common/addItem';
-import { Result } from '../interface/result';
+import { Result, ResultContent } from '../interface/result';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import { RequestStatus, headerStatus, useQuery } from '../webservice';
-import classNames from 'classnames';
+import { useQuery } from '../webservice';
 import { addNoValueContent } from '../../utils/string';
 import XPathUtils from '../../utils/xpath';
+import StatusMessage from '../interface/statusMessage';
 function Veiculos(_a) {
-    var _b;
-    var _c, _d, _e;
+    var _b, _c, _d;
     var documento = _a.documento;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
-    var _f = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares;
-    var _g = useQuery("SELECT FROM 'VEICULOS'.'CONSULTA'", { documento: documento }, !!((_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _c === void 0 ? void 0 : _c.consultaRealizada)), response = _g.response, isLoading = _g.isLoading, error = _g.error;
-    var registros = useMemo(function () { return ((response === null || response === void 0 ? void 0 : response.document) && XPathUtils.select('//veiculos/registro', response === null || response === void 0 ? void 0 : response.document) || []).map(addNoValueContent); }, [response]);
+    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;
+    var registros = useMemo(function () { return ((response === null || response === void 0 ? void 0 : response.document) && XPathUtils.selectArray('//veiculos/registro', response === null || response === void 0 ? void 0 : response.document) || []).map(addNoValueContent); }, [response]);
     var veiculosRef = useRef(null);
-    var consultaVeiculosRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _d === void 0 ? void 0 : _d.consultaRealizada
+    var consultaVeiculosRealizada = useMemo(function () { var _a; return (_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _a === void 0 ? void 0 : _a.consultaRealizada; }, [(_c = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _c === void 0 ? void 0 : _c.consultaRealizada
     ]);
     useEffect(function () {
         var _a;
@@ -38,28 +37,24 @@ function Veiculos(_a) {
     useEffect(function () {
         response && setConsultasComplementares && setConsultasComplementares(function (prev) { return (__assign(__assign({}, prev), { veiculos: __assign(__assign({}, prev.veiculos), { data: response }) })); });
     }, [response]);
-    if (!((_e = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _e === void 0 ? void 0 : _e.consultaRealizada))
+    if (!((_d = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _d === void 0 ? void 0 : _d.consultaRealizada))
         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' : 'Nenhum veículo encontrado';
     return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { innerRef: veiculosRef, title: 'Ve\u00EDculos Registrados no CPF/CNPJ', subtitle: 'Informa\u00E7\u00F5es de Ve\u00EDculos Registrados no CPF/CNPJ', 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' : 'Nenhum veículo encontrado', className: classNames((_b = {},
-                _b[headerStatus[RequestStatus.Loading]] = isLoading,
-                _b[headerStatus[RequestStatus.Error]] = error,
-                _b['gradient-error'] = registros.length,
-                _b)) }),
-        React.createElement(Result, null, registros.map(function (registro, i) { return (React.createElement("div", { key: i, className: "container" },
-            React.createElement("div", { className: "content" },
-                React.createElement(AddItemField, { name: 'Placa', value: XPathUtils.getField('placa', registro) }),
-                React.createElement(AddItemField, { name: 'Munic\u00EDpio', value: XPathUtils.getField('municipio', registro) }),
-                React.createElement(AddItemField, { name: 'Estado', value: XPathUtils.getField('uf', registro) }),
-                React.createElement(AddItemField, { name: 'Renavam', value: XPathUtils.getField('renavam', registro) }),
-                React.createElement(AddItemField, { name: 'Chassi', value: XPathUtils.getField('chassi', registro) }),
-                React.createElement(AddItemField, { name: 'Motor', value: XPathUtils.getField('motor', registro) }),
-                React.createElement(AddItemField, { name: 'Ano de Fabrica\u00E7\u00E3o', value: XPathUtils.getField('ano_fabricacao', registro) }),
-                React.createElement(AddItemField, { name: 'Ano do Modelo', value: XPathUtils.getField('ano_modelo', registro) }),
-                React.createElement(AddItemField, { name: 'Marca / Modelo', value: XPathUtils.getField('marca_modelo', registro) }),
-                React.createElement(AddItemField, { name: 'Proced\u00EAncia', value: XPathUtils.getField('procedencia', registro) }),
-                React.createElement(AddItemField, { name: 'Esp\u00E9cie', value: XPathUtils.getField('especie', registro) }),
-                React.createElement(AddItemField, { name: 'Combust\u00EDvel', value: XPathUtils.getField('combustivel', registro) }),
-                React.createElement(AddItemField, { name: 'Cor', value: XPathUtils.getField('cor', registro) })))); }))));
+        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) }),
+        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: XPathUtils.getField('placa', registro) }),
+            React.createElement(AddItemField, { name: 'Munic\u00EDpio', value: XPathUtils.getField('municipio', registro) }),
+            React.createElement(AddItemField, { name: 'Estado', value: XPathUtils.getField('uf', registro) }),
+            React.createElement(AddItemField, { name: 'Renavam', value: XPathUtils.getField('renavam', registro) }),
+            React.createElement(AddItemField, { name: 'Chassi', value: XPathUtils.getField('chassi', registro) }),
+            React.createElement(AddItemField, { name: 'Motor', value: XPathUtils.getField('motor', registro) }),
+            React.createElement(AddItemField, { name: 'Ano de Fabrica\u00E7\u00E3o', value: XPathUtils.getField('ano_fabricacao', registro) }),
+            React.createElement(AddItemField, { name: 'Ano do Modelo', value: XPathUtils.getField('ano_modelo', registro) }),
+            React.createElement(AddItemField, { name: 'Marca / Modelo', value: XPathUtils.getField('marca_modelo', registro) }),
+            React.createElement(AddItemField, { name: 'Proced\u00EAncia', value: XPathUtils.getField('procedencia', registro) }),
+            React.createElement(AddItemField, { name: 'Esp\u00E9cie', value: XPathUtils.getField('especie', registro) }),
+            React.createElement(AddItemField, { name: 'Combust\u00EDvel', value: XPathUtils.getField('combustivel', registro) }),
+            React.createElement(AddItemField, { name: 'Cor', value: XPathUtils.getField('cor', registro) }))); }))));
 }
 export default Veiculos;

package/lib/esm/components/webservice.d.ts

@@ -33,13 +33,14 @@ export type RequestContext<T> = {
 type HeaderReplaceResponse = {
     children: React.ReactNode;
 } & React.ComponentProps<typeof Header>;
-type RenderedResponse = HeaderReplaceResponse | React.ReactNode;
+export type RenderedResponse = HeaderReplaceResponse | React.ReactNode;
 type ISection<T> = React.FC<{
     ctx?: RequestContext<T>;
     onSuccess?: (data: T, ctx: RequestContext<T>) => RenderedResponse;
-    onError?: (data: Error, ctx: RequestContext<T>) => RenderedResponse;
+    isError?: (data: Error, ctx: RequestContext<T>) => RenderedResponse;
     onLoading?: (ctx: RequestContext<T>) => RenderedResponse;
     hideHeader?: boolean;
+    minimized?: boolean;
 } & React.ComponentProps<typeof Header>>;
 export declare function useQuery<R = unknown, T extends Client.Form = Client.Form>(query: string, data?: T, enabled?: boolean): {
     response: ParsedResponse<R> | null;