@credithub/harlan-components 1.7.0 → 1.8.0

package/lib/cjs/components/consultasComplementares.d.ts

@@ -9,6 +9,7 @@ type QueryType<DataType = any> = {
     data?: ParsedResponse<DataType> | null;
 };
 type ConsultasComplementaresProps = {
+    veiculos: QueryType;
     refinSerasa: QueryType<PefinRefinSerasaResponse>;
     refinBoaVista: QueryType<RefinBoaVistaResponse>;
     scoreBoaVista: QueryType<ScoreResponse>;

package/lib/cjs/components/consultasComplementares.js

@@ -42,6 +42,9 @@ var ConsultasComplementaresProvider = function (_a) {
         imoveis: {
             consultaRealizada: false,
         },
+        veiculos: {
+            consultaRealizada: false,
+        },
         hasCredits: hasCredits,
     }), consultasComplementares = _b[0], setConsultasComplementares = _b[1];
     return (react_1.default.createElement(exports.ConsultasComplementaresContext.Provider, { value: {

package/lib/cjs/components/dossie/summary/summary.js

@@ -47,10 +47,10 @@ var string_1 = require("../../../utils/string");
 var number_1 = require("../../../utils/number");
 var consultasComplementares_1 = require("../../../components/consultasComplementares");
 var Summary = function (_a) {
-    var _b, _c, _d, _e;
+    var _b, _c, _d, _e, _f;
     var finderResponse = _a.finderResponse;
     var consultasComplementaresContext = (0, react_1.useContext)(consultasComplementares_1.ConsultasComplementaresContext);
-    var _f = (consultasComplementaresContext && consultasComplementaresContext) || {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares, hasCredits = _f.hasCredits;
+    var _g = (consultasComplementaresContext && consultasComplementaresContext) || {}, consultasComplementares = _g.consultasComplementares, setConsultasComplementares = _g.setConsultasComplementares, hasCredits = _g.hasCredits;
     var getField = function (path, formatter) {
         var value = xpath_1.default.select("string(".concat(path, ")"), xpath_1.default.select("//cadastro", finderResponse)[0]);
         return formatter ? formatter(value) : value;
@@ -71,7 +71,7 @@ var Summary = function (_a) {
                 : callback();
         };
     };
-    var _g = {
+    var _h = {
         cards: [
             {
                 title: getField("nome"),
@@ -238,13 +238,15 @@ var Summary = function (_a) {
             {
                 title: "Consultar Veículos",
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.veiculos,
+                onClick: handleOnClick('veiculos'),
+                hide: (_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _f === void 0 ? void 0 : _f.consultaRealizada
             },
             {
                 title: "Consultar SCR",
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.scr,
             },
         ],
-    }, cards = _g.cards, products = _g.products;
+    }, cards = _h.cards, products = _h.products;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)("container") },
         react_1.default.createElement("div", { className: (0, classnames_1.default)("content", "summary-content") },
             cards.map(function (card, index) { return (react_1.default.createElement(addItem_1.default, { key: index, name: card.header, value: card.title, className: (0, classnames_1.default)("field"), style: { display: "inline-block" } })); }),

package/lib/cjs/components/veiculos/veiculos.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+declare function Veiculos({ documento }: {
+    documento: string;
+}): React.JSX.Element | null;
+export type PendenciaBoaVista = {
+    ocorrencia: string;
+    credor: string;
+    entrada: string;
+    vencimento: string;
+    valor: string;
+    informante: string;
+    contrato: string;
+    avalista: string;
+    cidade: string;
+    uf: string;
+    situacao: string;
+    orgaoemissor: string;
+    totalpendencias: string;
+    totalvalor: string;
+    categoria: string;
+};
+export default Veiculos;

package/lib/cjs/components/veiculos/veiculos.js

@@ -0,0 +1,93 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+var react_1 = __importStar(require("react"));
+var header_1 = __importDefault(require("../interface/header"));
+var addItem_1 = __importDefault(require("../common/addItem"));
+var result_1 = require("../interface/result");
+var consultasComplementares_1 = require("../consultasComplementares");
+var webservice_1 = require("../webservice");
+var classnames_1 = __importDefault(require("classnames"));
+var string_1 = require("../../utils/string");
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+function Veiculos(_a) {
+    var _b;
+    var _c, _d, _e;
+    var documento = _a.documento;
+    var consultasComplementaresContext = (0, react_1.useContext)(consultasComplementares_1.ConsultasComplementaresContext);
+    var _f = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares;
+    var _g = (0, webservice_1.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 = (0, react_1.useMemo)(function () { return ((response === null || response === void 0 ? void 0 : response.document) && xpath_1.default.select('//veiculos/registro', response === null || response === void 0 ? void 0 : response.document) || []).map(string_1.addNoValueContent); }, [response]);
+    var veiculosRef = (0, react_1.useRef)(null);
+    var consultaVeiculosRealizada = (0, react_1.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
+    ]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        (_a = veiculosRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    }, [consultaVeiculosRealizada]);
+    (0, react_1.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))
+        return null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(header_1.default, { 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: (0, classnames_1.default)((_b = {},
+                _b[webservice_1.headerStatus[webservice_1.RequestStatus.Loading]] = isLoading,
+                _b[webservice_1.headerStatus[webservice_1.RequestStatus.Error]] = error,
+                _b['gradient-error'] = registros.length,
+                _b)) }),
+        react_1.default.createElement(result_1.Result, null, registros.map(function (registro, i) { return (react_1.default.createElement("div", { key: i, className: "container" },
+            react_1.default.createElement("div", { className: "content" },
+                react_1.default.createElement(addItem_1.default, { name: 'Placa', value: xpath_1.default.getField('placa', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Munic\u00EDpio', value: xpath_1.default.getField('municipio', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Estado', value: xpath_1.default.getField('uf', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Renavam', value: xpath_1.default.getField('renavam', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Chassi', value: xpath_1.default.getField('chassi', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Motor', value: xpath_1.default.getField('motor', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Ano de Fabrica\u00E7\u00E3o', value: xpath_1.default.getField('ano_fabricacao', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Ano do Modelo', value: xpath_1.default.getField('ano_modelo', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Marca / Modelo', value: xpath_1.default.getField('marca_modelo', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Proced\u00EAncia', value: xpath_1.default.getField('procedencia', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Esp\u00E9cie', value: xpath_1.default.getField('especie', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Combust\u00EDvel', value: xpath_1.default.getField('combustivel', registro) }),
+                react_1.default.createElement(addItem_1.default, { name: 'Cor', value: xpath_1.default.getField('cor', registro) })))); }))));
+}
+exports.default = Veiculos;

package/lib/cjs/consultaSimples.js

@@ -27,7 +27,8 @@ var ConsultaSimples = function (_a) {
                                     react_1.default.createElement(_1.RefinBoaVista, { documento: documento }),
                                     react_1.default.createElement(_1.RefinSerasa, { documento: documento }),
                                     react_1.default.createElement(scoreService_1.default, { documento: documento }),
-                                    react_1.default.createElement(imoveisService_1.default, { documento: documento })),
+                                    react_1.default.createElement(imoveisService_1.default, { documento: documento }),
+                                    react_1.default.createElement(_1.Veiculos, { documento: documento })),
                                 react_1.default.createElement(_1.Protestos, null),
                                 react_1.default.createElement(_1.CCF, null),
                                 react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log })))))))));

package/lib/cjs/index.d.ts

@@ -19,3 +19,4 @@ export { default as DividasPublicas } from './components/dividasPublicas/dividas
 export { default as PessoaPoliticamenteExposta } from './components/pep/pep';
 export { default as RefinSerasa } from './components/refinSerasa/refinSerasa';
 export { default as RefinBoaVista } from './components/refinBoaVista/refinBoaVista';
+export { default as Veiculos } from './components/veiculos/veiculos';

package/lib/cjs/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RefinBoaVista = exports.RefinSerasa = exports.PessoaPoliticamenteExposta = exports.DividasPublicas = exports.ConsultaSimples = exports.ResultWithoutInformation = exports.BankAccounts = exports.CustomChartSection = exports.Chart = exports.Addresses = exports.ProcessosJuridicos = exports.Dossie = exports.CCF = exports.Protestos = exports.Partners = exports.Contacts = exports.AddItemField = exports.Loading = exports.Header = exports.Section = void 0;
+exports.Veiculos = exports.RefinBoaVista = exports.RefinSerasa = exports.PessoaPoliticamenteExposta = exports.DividasPublicas = exports.ConsultaSimples = exports.ResultWithoutInformation = exports.BankAccounts = exports.CustomChartSection = exports.Chart = exports.Addresses = exports.ProcessosJuridicos = exports.Dossie = exports.CCF = exports.Protestos = exports.Partners = exports.Contacts = exports.AddItemField = exports.Loading = exports.Header = exports.Section = void 0;
 var section_1 = require("./components/interface/section");
 Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return __importDefault(section_1).default; } });
 var header_1 = require("./components/interface/header");
@@ -59,3 +59,5 @@ var refinSerasa_1 = require("./components/refinSerasa/refinSerasa");
 Object.defineProperty(exports, "RefinSerasa", { enumerable: true, get: function () { return __importDefault(refinSerasa_1).default; } });
 var refinBoaVista_1 = require("./components/refinBoaVista/refinBoaVista");
 Object.defineProperty(exports, "RefinBoaVista", { enumerable: true, get: function () { return __importDefault(refinBoaVista_1).default; } });
+var veiculos_1 = require("./components/veiculos/veiculos");
+Object.defineProperty(exports, "Veiculos", { enumerable: true, get: function () { return __importDefault(veiculos_1).default; } });

package/lib/cjs/utils/xpath.d.ts

@@ -1,4 +1,5 @@
 declare class XPathUtils {
     static select<T = string>(expression: string, node: Node | undefined): T;
+    static getField(path: string, documentNode: Node, formatter?: (value: string) => string): string;
 }
 export default XPathUtils;

package/lib/cjs/utils/xpath.js

@@ -7,6 +7,10 @@ var XPathUtils = /** @class */ (function () {
     XPathUtils.select = function (expression, node) {
         return webservice_1.xpath.select(expression, node);
     };
+    XPathUtils.getField = function (path, documentNode, formatter) {
+        var value = XPathUtils.select("string(".concat(path, ")"), documentNode);
+        return formatter ? formatter(value) : value;
+    };
     return XPathUtils;
 }());
 exports.default = XPathUtils;

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

@@ -9,6 +9,7 @@ type QueryType<DataType = any> = {
     data?: ParsedResponse<DataType> | null;
 };
 type ConsultasComplementaresProps = {
+    veiculos: QueryType;
     refinSerasa: QueryType<PefinRefinSerasaResponse>;
     refinBoaVista: QueryType<RefinBoaVistaResponse>;
     scoreBoaVista: QueryType<ScoreResponse>;

package/lib/esm/components/consultasComplementares.js

@@ -16,6 +16,9 @@ export var ConsultasComplementaresProvider = function (_a) {
         imoveis: {
             consultaRealizada: false,
         },
+        veiculos: {
+            consultaRealizada: false,
+        },
         hasCredits: hasCredits,
     }), consultasComplementares = _b[0], setConsultasComplementares = _b[1];
     return (React.createElement(ConsultasComplementaresContext.Provider, { value: {

package/lib/esm/components/dossie/summary/summary.js

@@ -18,10 +18,10 @@ import { formatCnpj, formatCpf } from "../../../utils/string";
 import { formatMoney } from "../../../utils/number";
 import { ConsultasComplementaresContext, } from "../../../components/consultasComplementares";
 export var Summary = function (_a) {
-    var _b, _c, _d, _e;
+    var _b, _c, _d, _e, _f;
     var finderResponse = _a.finderResponse;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
-    var _f = (consultasComplementaresContext && consultasComplementaresContext) || {}, consultasComplementares = _f.consultasComplementares, setConsultasComplementares = _f.setConsultasComplementares, hasCredits = _f.hasCredits;
+    var _g = (consultasComplementaresContext && consultasComplementaresContext) || {}, consultasComplementares = _g.consultasComplementares, setConsultasComplementares = _g.setConsultasComplementares, hasCredits = _g.hasCredits;
     var getField = function (path, formatter) {
         var value = XPathUtils.select("string(".concat(path, ")"), XPathUtils.select("//cadastro", finderResponse)[0]);
         return formatter ? formatter(value) : value;
@@ -42,7 +42,7 @@ export var Summary = function (_a) {
                 : callback();
         };
     };
-    var _g = {
+    var _h = {
         cards: [
             {
                 title: getField("nome"),
@@ -209,13 +209,15 @@ export var Summary = function (_a) {
             {
                 title: "Consultar Veículos",
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.veiculos,
+                onClick: handleOnClick('veiculos'),
+                hide: (_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.veiculos) === null || _f === void 0 ? void 0 : _f.consultaRealizada
             },
             {
                 title: "Consultar SCR",
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.scr,
             },
         ],
-    }, cards = _g.cards, products = _g.products;
+    }, cards = _h.cards, products = _h.products;
     return (React.createElement("div", { className: cn("container") },
         React.createElement("div", { className: cn("content", "summary-content") },
             cards.map(function (card, index) { return (React.createElement(AddItemField, { key: index, name: card.header, value: card.title, className: cn("field"), style: { display: "inline-block" } })); }),

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

@@ -0,0 +1,22 @@
+import React from 'react';
+declare function Veiculos({ documento }: {
+    documento: string;
+}): React.JSX.Element | null;
+export type PendenciaBoaVista = {
+    ocorrencia: string;
+    credor: string;
+    entrada: string;
+    vencimento: string;
+    valor: string;
+    informante: string;
+    contrato: string;
+    avalista: string;
+    cidade: string;
+    uf: string;
+    situacao: string;
+    orgaoemissor: string;
+    totalpendencias: string;
+    totalvalor: string;
+    categoria: string;
+};
+export default Veiculos;

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

@@ -0,0 +1,65 @@
+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);
+};
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useContext, useEffect, useMemo, useRef } from 'react';
+import Header from '../interface/header';
+import AddItemField from '../common/addItem';
+import { Result } from '../interface/result';
+import { ConsultasComplementaresContext } from '../consultasComplementares';
+import { RequestStatus, headerStatus, useQuery } from '../webservice';
+import classNames from 'classnames';
+import { addNoValueContent } from '../../utils/string';
+import XPathUtils from '../../utils/xpath';
+function Veiculos(_a) {
+    var _b;
+    var _c, _d, _e;
+    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 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
+    ]);
+    useEffect(function () {
+        var _a;
+        (_a = veiculosRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    }, [consultaVeiculosRealizada]);
+    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))
+        return null;
+    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) })))); }))));
+}
+export default Veiculos;

package/lib/esm/consultaSimples.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Section, Contacts, Partners, Dossie, Addresses, CCF, Protestos, ProcessosJuridicos, BankAccounts, WebServiceProvider, Queries, CustomChartSection, RefinSerasa, RefinBoaVista, } from "./";
+import { Section, Contacts, Partners, Dossie, Addresses, CCF, Protestos, ProcessosJuridicos, BankAccounts, WebServiceProvider, Queries, CustomChartSection, RefinSerasa, RefinBoaVista, Veiculos, } from "./";
 import { ConsultasComplementaresProvider } from "./components/consultasComplementares";
 import ConsultaScore from "./components/score/scoreService";
 import ConsultaImoveis from "./components/imoveis/imoveisService";
@@ -22,7 +22,8 @@ var ConsultaSimples = function (_a) {
                                     React.createElement(RefinBoaVista, { documento: documento }),
                                     React.createElement(RefinSerasa, { documento: documento }),
                                     React.createElement(ConsultaScore, { documento: documento }),
-                                    React.createElement(ConsultaImoveis, { documento: documento })),
+                                    React.createElement(ConsultaImoveis, { documento: documento }),
+                                    React.createElement(Veiculos, { documento: documento })),
                                 React.createElement(Protestos, null),
                                 React.createElement(CCF, null),
                                 React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log })))))))));

package/lib/esm/index.d.ts

@@ -19,3 +19,4 @@ export { default as DividasPublicas } from './components/dividasPublicas/dividas
 export { default as PessoaPoliticamenteExposta } from './components/pep/pep';
 export { default as RefinSerasa } from './components/refinSerasa/refinSerasa';
 export { default as RefinBoaVista } from './components/refinBoaVista/refinBoaVista';
+export { default as Veiculos } from './components/veiculos/veiculos';

package/lib/esm/index.js

@@ -19,3 +19,4 @@ export { default as DividasPublicas } from './components/dividasPublicas/dividas
 export { default as PessoaPoliticamenteExposta } from './components/pep/pep';
 export { default as RefinSerasa } from './components/refinSerasa/refinSerasa';
 export { default as RefinBoaVista } from './components/refinBoaVista/refinBoaVista';
+export { default as Veiculos } from './components/veiculos/veiculos';

package/lib/esm/utils/xpath.d.ts

@@ -1,4 +1,5 @@
 declare class XPathUtils {
     static select<T = string>(expression: string, node: Node | undefined): T;
+    static getField(path: string, documentNode: Node, formatter?: (value: string) => string): string;
 }
 export default XPathUtils;

package/lib/esm/utils/xpath.js

@@ -5,6 +5,10 @@ var XPathUtils = /** @class */ (function () {
     XPathUtils.select = function (expression, node) {
         return x.select(expression, node);
     };
+    XPathUtils.getField = function (path, documentNode, formatter) {
+        var value = XPathUtils.select("string(".concat(path, ")"), documentNode);
+        return formatter ? formatter(value) : value;
+    };
     return XPathUtils;
 }());
 export default XPathUtils;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@credithub/harlan-components",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Provide a set of web components to be used in Harlan and other projects",
   "keywords": [
     "harlan",