@credithub/harlan-components 1.3.3 → 1.4.0

package/lib/esm/components/chart/plotly/lineChartDataStrategy.js

@@ -0,0 +1,195 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseChartDataStrategy } from "./";
+var layout = {};
+var lineDividasPublicas = /** @class */ (function (_super) {
+    __extends(lineDividasPublicas, _super);
+    function lineDividasPublicas() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineDividasPublicas.prototype.processData = function (data) {
+        var dividasPublicasData = data.dividasPublicasGrafico
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.quantidade,
+        }); });
+        var color = "#ef4b6c";
+        var dividasPublicasState = {
+            name: "Dívidas Públicas",
+            yaxis: "y",
+            marker: {
+                color: color,
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: color,
+            },
+            type: "scatter",
+            mode: "lines+markers+text",
+            data: dividasPublicasData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return dividasPublicasState;
+    };
+    return lineDividasPublicas;
+}(BaseChartDataStrategy));
+export { lineDividasPublicas };
+var lineCCF = /** @class */ (function (_super) {
+    __extends(lineCCF, _super);
+    function lineCCF() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineCCF.prototype.processData = function (data) {
+        var ccfData = data.ccfs
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.quantidade,
+        }); });
+        var color = "#3f51b5";
+        var ccfState = {
+            name: "Cheques sem Fundos",
+            yaxis: "y",
+            marker: {
+                color: color,
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: color,
+            },
+            type: "scatter",
+            mode: "lines+markers+text",
+            data: ccfData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return ccfState;
+    };
+    return lineCCF;
+}(BaseChartDataStrategy));
+export { lineCCF };
+var lineSerasa = /** @class */ (function (_super) {
+    __extends(lineSerasa, _super);
+    function lineSerasa() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineSerasa.prototype.processData = function (data) {
+        var serasaData = data.serasa
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.creation,
+            y: consulta.quantidade,
+        }); });
+        var serasaState = {
+            name: "Pefin/Refin Serasa",
+            yaxis: "y",
+            type: "scatter",
+            marker: {
+                color: "#ffc107",
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: "#ffc107",
+            },
+            mode: "lines+markers+text",
+            data: serasaData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return serasaState;
+    };
+    return lineSerasa;
+}(BaseChartDataStrategy));
+export { lineSerasa };
+var lineBoaVista = /** @class */ (function (_super) {
+    __extends(lineBoaVista, _super);
+    function lineBoaVista() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineBoaVista.prototype.processData = function (data) {
+        var boaVistaData = data.boaVista
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.creation,
+            y: consulta.quantidade,
+        }); });
+        var color = "#4caf50";
+        var boaVistaState = {
+            name: "Pefin/Refin Boa Vista",
+            yaxis: "y",
+            type: "scatter",
+            marker: {
+                color: color,
+            },
+            textfont: {
+                family: "sans serif",
+                size: 12,
+                color: color,
+            },
+            mode: "lines+markers+text",
+            data: boaVistaData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return boaVistaState;
+    };
+    return lineBoaVista;
+}(BaseChartDataStrategy));
+export { lineBoaVista };
+var lineProtestos = /** @class */ (function (_super) {
+    __extends(lineProtestos, _super);
+    function lineProtestos() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    lineProtestos.prototype.processData = function (data) {
+        var protestosData = data.protestos
+            .filter(function (consulta) { return consulta.quantidade !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.quantidade,
+        }); });
+        var protestosState = {
+            name: "Protestos",
+            yaxis: "y",
+            marker: {
+                color: "red",
+                line: {
+                    color: "rgb(255, 255, 255)",
+                    width: 1,
+                },
+            },
+            textfont: {
+                bgcolor: "#fffff",
+                family: "sans serif",
+                size: 12,
+                color: "red",
+            },
+            type: "scatter",
+            mode: "lines+markers+text",
+            data: protestosData,
+            connectgaps: true,
+            layout: layout,
+        };
+        return protestosState;
+    };
+    return lineProtestos;
+}(BaseChartDataStrategy));
+export { lineProtestos };

package/lib/esm/components/chart/plotly/pieChartDataStrategy.d.ts

@@ -0,0 +1,5 @@
+import { IChartDataStrategy } from "./iChartDataStrategy";
+import { ChartDataAndLayoutState, DataInput } from "./types";
+export declare class PieChartDataStrategy implements IChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}

package/lib/esm/components/chart/plotly/pieChartDataStrategy.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { last } from "underscore";
+var PieChartDataStrategy = /** @class */ (function () {
+    function PieChartDataStrategy() {
+    }
+    PieChartDataStrategy.prototype.processData = function (data) {
+        var _a, _b, _c, _d, _e, _f;
+        var totalDeProtestos = (_a = last(data.protestos)) === null || _a === void 0 ? void 0 : _a.quantidade;
+        var chequesDevolvidos = (_b = last(data.ccfs)) === null || _b === void 0 ? void 0 : _b.quantidade;
+        var totalDePefinRefinSerasa = (_c = last(data.serasa)) === null || _c === void 0 ? void 0 : _c.quantidade;
+        var totalDePefinRefinBoaVista = (_d = last(data.boaVista)) === null || _d === void 0 ? void 0 : _d.quantidade;
+        var totalDeDividasPublicas = (_e = last(data.dividasPublicasGrafico)) === null || _e === void 0 ? void 0 : _e.quantidade;
+        var pieChartLayout = {
+            autosize: true,
+        };
+        return {
+            name: "Quantidade de Ocorrências",
+            yaxis: "",
+            type: "pie",
+            data: (_f = [
+                { x: "Protestos", y: totalDeProtestos },
+                { x: "Cheques Devolvidos", y: chequesDevolvidos },
+                { x: "Pefin/Refin Serasa", y: totalDePefinRefinSerasa },
+                { x: "Pefin/Refin Boa Vista", y: totalDePefinRefinBoaVista },
+                { x: "Divídas Públicas", y: totalDeDividasPublicas }
+            ]) === null || _f === void 0 ? void 0 : _f.map(function (query) { return (__assign(__assign({}, query), { y: query.y || 0 })); }),
+            layout: pieChartLayout,
+        };
+    };
+    return PieChartDataStrategy;
+}());
+export { PieChartDataStrategy };

package/lib/esm/components/chart/plotly/types.d.ts

@@ -0,0 +1,40 @@
+import { ChartDataState } from "./iChartDataStrategy";
+import { LayoutConfig } from "./layoutLineBarChart";
+export interface Consulta {
+    data: string | Date;
+    categoria?: string;
+    quantidade: number | null;
+    creation?: string | Date;
+    valorTotal: number | null;
+}
+export interface DataInput {
+    ccfs: Consulta[];
+    protestos: Consulta[];
+    serasa: Consulta[];
+    boaVista: Consulta[];
+    dividasPublicas: {
+        quantidade: number;
+        valorTotal: number;
+    };
+    dividasPublicasGrafico: Consulta[];
+    pieChartTotalConfig?: {
+        protestos?: {
+            total: number | null;
+            valorTotal: number | null;
+            ultimaOcorrencia: string | null;
+        };
+        processosJuridicos?: number;
+        ccf?: {
+            total: number | null;
+            ultimaOcorrencia: string | null;
+        };
+    };
+}
+export interface CategoriaProtestoProps {
+    width?: number;
+    height?: number;
+}
+export type LineChartMode = "lines" | "markers" | "lines+markers" | "text+markers" | "text+lines" | "text+lines+markers";
+export interface ChartDataAndLayoutState extends ChartDataState {
+    layout: LayoutConfig;
+}

package/lib/esm/components/chart/plotly/types.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/chart/processChartData.d.ts

@@ -0,0 +1,5 @@
+import { DataInput } from "./plotly/types";
+export declare const processChartData: ({ dataInput, dates }: {
+    dataInput: DataInput;
+    dates: Date[];
+}) => import("plotly.js").Data[];

package/lib/esm/components/chart/processChartData.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { getSeries } from "./plotly";
+import { createBarChart, createLineChart, createPieChart } from "./chartHelper";
+import { find, sortBy } from "underscore";
+export var processChartData = function (_a) {
+    var dataInput = _a.dataInput, dates = _a.dates;
+    var chartData = [];
+    var adicionarDatasFaltantes = function (dataset) { return dates.map(function (date) { return find(dataset, function (consulta) { return consulta.x === date; }) || ({ x: date, y: null }); }).flat(); };
+    var ordenarDatas = function (consultas) { return sortBy(consultas, function (consulta) { return consulta.x.getTime(); }); };
+    if (dataInput) {
+        var processedDataSets = getSeries(dataInput);
+        processedDataSets = processedDataSets.map(function (dataset) { return (__assign(__assign({}, dataset), { x: ordenarDatas(adicionarDatasFaltantes(dataset.data)) })); });
+        processedDataSets.forEach(function (dataSet) {
+            var chartDataAndLayout = __assign(__assign({}, dataSet), { layout: {} });
+            if (dataSet.type === "scatter") {
+                chartData.push(createLineChart(chartDataAndLayout));
+            }
+            else if (dataSet.type === "bar") {
+                chartData.push(createBarChart(chartDataAndLayout));
+            }
+            else if (dataSet.type === "pie") {
+                chartData.push(createPieChart(chartDataAndLayout));
+            }
+        });
+    }
+    return chartData;
+};

package/lib/esm/components/chart/quantityResult.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type QuantidadeResultadosProps = Partial<{
+    quantidadeProtestos: number;
+    quantidadeProcessos: number;
+    quantidadeDividas: number;
+    quantidadeChequesSemFundos: number;
+    quantidadeDividasSerasa: number;
+    quantidadeDividasBoaVista: number;
+    valorTotalProtestos: number;
+    valorTotalDividas: number;
+    valorTotalDividasSerasa: number;
+    valorTotalDividasBoaVista: number;
+    ultimaOcorrenciaProtestos: string;
+    ultimaOcorrenciaChequesSemFundos: string;
+}>;
+declare const QuantidadeResultados: React.FC<QuantidadeResultadosProps>;
+export default QuantidadeResultados;

package/lib/esm/components/chart/quantityResult.js

@@ -0,0 +1,33 @@
+/* eslint-disable no-extra-boolean-cast */
+import React from "react";
+import cn from "classnames";
+import AddItemField from "../common/addItem";
+import { formatMoney, formatValue } from "../../utils/number";
+var QuantityContainer = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: cn('container', 'field-container') }, children);
+};
+var QuantidadeResultados = function (_a) {
+    var _b = _a.quantidadeProtestos, quantidadeProtestos = _b === void 0 ? 0 : _b, _c = _a.quantidadeProcessos, quantidadeProcessos = _c === void 0 ? 0 : _c, _d = _a.quantidadeDividas, quantidadeDividas = _d === void 0 ? 0 : _d, _e = _a.quantidadeChequesSemFundos, quantidadeChequesSemFundos = _e === void 0 ? 0 : _e, _f = _a.quantidadeDividasSerasa, quantidadeDividasSerasa = _f === void 0 ? 0 : _f, _g = _a.quantidadeDividasBoaVista, quantidadeDividasBoaVista = _g === void 0 ? 0 : _g, _h = _a.valorTotalProtestos, valorTotalProtestos = _h === void 0 ? 0 : _h, _j = _a.valorTotalDividas, valorTotalDividas = _j === void 0 ? 0 : _j, _k = _a.valorTotalDividasSerasa, valorTotalDividasSerasa = _k === void 0 ? 0 : _k, _l = _a.valorTotalDividasBoaVista, valorTotalDividasBoaVista = _l === void 0 ? 0 : _l, _m = _a.ultimaOcorrenciaProtestos, ultimaOcorrenciaProtestos = _m === void 0 ? null : _m, _o = _a.ultimaOcorrenciaChequesSemFundos, ultimaOcorrenciaChequesSemFundos = _o === void 0 ? null : _o;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: cn('resumo-de-negativacoes-quantity') },
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Total Protestos", value: formatValue(quantidadeProtestos), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Valor Total Protestos", value: formatMoney(valorTotalProtestos), className: cn("field-result") }),
+                React.createElement(AddItemField, { hidden: quantidadeProtestos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaProtestos, className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Cheques Sem Fundos", value: formatValue(quantidadeChequesSemFundos), className: cn("field-result") }),
+                React.createElement(AddItemField, { hidden: quantidadeChequesSemFundos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaChequesSemFundos, className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Processos Jur\u00EDdicos", value: formatValue(quantidadeProcessos), className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "D\u00EDvidas P\u00FAblicas", value: formatValue(quantidadeDividas), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Total D\u00EDvidas P\u00FAblicas", value: formatMoney(valorTotalDividas), className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Pefin Refin Serasa", value: formatValue(quantidadeDividasSerasa), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Total Pefin Refin Serasa", value: formatMoney(valorTotalDividasSerasa), className: cn("field-result") })),
+            React.createElement(QuantityContainer, null,
+                React.createElement(AddItemField, { name: "Pefin Refin Boa Vista", value: formatValue(quantidadeDividasBoaVista), className: cn("field-result") }),
+                React.createElement(AddItemField, { name: "Total Pefin Refin Boa Vista", value: formatMoney(valorTotalDividasBoaVista), className: cn("field-result") })))));
+};
+export default QuantidadeResultados;

package/lib/esm/components/chart/useCalculation.d.ts

@@ -0,0 +1,6 @@
+import { ItemCalculo } from "../../utils/calculation";
+export declare const useCalculation: (itens: ItemCalculo[]) => {
+    quantidade: number;
+    valorTotal: number;
+    dataMaisRecente: string;
+};

package/lib/esm/components/chart/useCalculation.js

@@ -0,0 +1,8 @@
+import { useMemo } from "react";
+import { encontrarDataMaisRecente, somarQuantidades, somarValoresTotais, } from "../../utils/calculation";
+export var useCalculation = function (itens) {
+    var quantidade = useMemo(function () { return somarQuantidades(itens); }, [itens]);
+    var valorTotal = useMemo(function () { return somarValoresTotais(itens); }, [itens]);
+    var dataMaisRecente = useMemo(function () { return encontrarDataMaisRecente(itens); }, [itens]);
+    return { quantidade: quantidade, valorTotal: valorTotal, dataMaisRecente: dataMaisRecente };
+};

package/lib/esm/components/chart/useUltimaOcorrenciaCCF.d.ts

@@ -0,0 +1,2 @@
+declare const useUltimaOcorrenciaCCF: () => string | undefined;
+export default useUltimaOcorrenciaCCF;

package/lib/esm/components/chart/useUltimaOcorrenciaCCF.js

@@ -0,0 +1,15 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useContext, useMemo } from "react";
+import { Queries, RequestStatus } from "../webservice";
+import XPathUtils from "../../utils/xpath";
+var useUltimaOcorrenciaCCF = function () {
+    var ctxCCF = useContext(Queries.CCF);
+    var ultimaOcorrenciaCCF = useMemo(function () {
+        if ((ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type) === RequestStatus.Success) {
+            return XPathUtils.select('string(//ultimaOcorrencia)', ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.document);
+        }
+        return undefined;
+    }, [ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type]);
+    return ultimaOcorrenciaCCF;
+};
+export default useUltimaOcorrenciaCCF;

package/lib/esm/components/protestos/getTotalProtestos.d.ts

@@ -0,0 +1 @@
+export default function getTotalProtestos(response: Document): number;

package/lib/esm/components/protestos/getTotalProtestos.js

@@ -0,0 +1,4 @@
+import XPathUtils from "../../utils/xpath";
+export default function getTotalProtestos(response) {
+    return XPathUtils.select("number(//registros)", response);
+}

package/lib/esm/components/protestos/protestosCategory.js

@@ -6,7 +6,7 @@ import HeaderAction from "../common/headerAction";
 import { Result } from "../interface/result";
 var ProtestosCategory = function (_a) {
     var registros = _a.registros, title = _a.title, subtitle = _a.subtitle, children = _a.children;
-    var _b = useToggle(true), isOpen = _b[0], toggleOpen = _b[1];
+    var _b = useToggle(false), isOpen = _b[0], toggleOpen = _b[1];
     return (React.createElement(React.Fragment, null,
         React.createElement(Header, { title: title, subtitle: subtitle, description: !registros
                 ? "Não foram encontradas ocorrências."

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

@@ -103,5 +103,19 @@ export declare const Queries: {
             urlData?: Client.Form | undefined;
         }>>;
     };
+    GraficosAnaliticos: React.Context<RequestContext<string>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
+};
+export declare const headerStatus: {
+    1: string;
+    2: string;
+    3: string;
+    0: string;
 };
 export {};

package/lib/esm/components/webservice.js

@@ -62,7 +62,7 @@ function CustomProvider(Provider, query) {
                     : new Error(requestError));
             });
             return function () { return abortController.abort(); };
-        }, [abortController, client, data, urlData]);
+        }, []);
         var value = {
             type: error
                 ? RequestStatus.Error
@@ -161,10 +161,11 @@ export function query(query) {
 }
 export var Queries = {
     Finder: query("SELECT FROM 'FINDER'.'BILLING'"),
-    Protestos: query("SELECT FROM 'APICENPROT'.'PRINT'"),
+    Protestos: query("SELECT FROM 'IEPTB'.'IEPTBHARLAN'"),
     CCF: query("SELECT FROM 'SEEKLOC'.'CCF'"),
     ProcessosJuridicos: query("SELECT FROM 'PROCESSOSJURIDICOS'.'PROCESSOS'"),
     ReclameAqui: query("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'"),
+    GraficosAnaliticos: query("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'")
 };
 var Section = function (_a) {
     var onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? function () { return React.createElement(React.Fragment, null, "Erro"); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, children = _a.children, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, headerProps = __rest(_a, ["onSuccess", "onError", "onLoading", "ctx", "children", "className", "hideHeader"]);
@@ -194,7 +195,7 @@ var Section = function (_a) {
         React.createElement(Header, __assign({}, headerPropsUnified, { className: cn(className, headerStatus[ctx.type], headerPropsUnified.className), hidden: hideHeader })),
         renderedChildren));
 };
-var headerStatus = (_a = {},
+export var headerStatus = (_a = {},
     _a[RequestStatus.Loading] = "external-source loading",
     _a[RequestStatus.Success] = "success",
     _a[RequestStatus.Error] = "external-source error",

package/lib/esm/consultaSimples.js

@@ -1,20 +1,22 @@
 import React from "react";
-import { Section, Contacts, Partners, Dossie, Addresses, CCF, Protestos, ProcessosJuridicos, BankAccounts, WebServiceProvider, Queries, } from "./";
+import { Section, Contacts, Partners, Dossie, Addresses, CCF, Protestos, ProcessosJuridicos, BankAccounts, WebServiceProvider, Queries, CustomChartSection, } from "./";
 var ConsultaSimples = function (_a) {
     var documento = _a.documento, apiKey = _a.apiKey, onClose = _a.onClose;
     return (React.createElement(WebServiceProvider, { credential: apiKey },
         React.createElement(Section, { title: "Consulta Simples", subtitle: "Informa\u00E7\u00F5es agregadas do CPF ou CNPJ", description: "Registro encontrado", onClose: onClose },
             React.createElement(Queries.Finder.Request, { data: { documento: documento } },
-                React.createElement(Dossie, { onOpenNewTransactionModal: console.log }),
-                React.createElement(Addresses, { apiKey: apiKey }),
-                React.createElement(Contacts, { onClickConsutarEmail: console.log }),
-                React.createElement(Partners, null),
-                React.createElement(BankAccounts, null)),
-            React.createElement(Queries.CCF.Request, { data: { documento: documento } },
-                React.createElement(CCF, null)),
-            React.createElement(Queries.Protestos.Request, { data: { documento: documento } },
-                React.createElement(Protestos, null)),
-            React.createElement(Queries.ProcessosJuridicos.Request, { data: { documento: documento } },
-                React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log })))));
+                React.createElement(Queries.CCF.Request, { data: { documento: documento } },
+                    React.createElement(Queries.Protestos.Request, { data: { documento: documento } },
+                        React.createElement(Queries.ProcessosJuridicos.Request, { data: { documento: documento } },
+                            React.createElement(Dossie, { onOpenNewTransactionModal: console.log }),
+                            React.createElement(Addresses, { apiKey: apiKey }),
+                            React.createElement(Contacts, { onClickConsutarEmail: console.log }),
+                            React.createElement(Partners, null),
+                            React.createElement(BankAccounts, null),
+                            React.createElement(Queries.GraficosAnaliticos.Request, { data: { documento: documento } },
+                                React.createElement(CustomChartSection, { documento: documento })),
+                            React.createElement(Protestos, null),
+                            React.createElement(CCF, null),
+                            React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log }))))))));
 };
 export default ConsultaSimples;

package/lib/esm/index.d.ts

@@ -9,6 +9,7 @@ export { default as CCF } from "./components/ccf/ccf";
 export { default as Dossie } from "./components/dossie/dossie";
 export { default as ProcessosJuridicos } from "./components/processos-juridicos/processosJuridicos";
 export { default as Addresses } from "./components/adresses/adresses";
+export { default as Chart, ResumoDeNegativacoesChartSection as CustomChartSection } from "./components/chart/customChart";
 export { default as BankAccounts } from "./components/bank-accounts/bank-accounts";
 export { default as ResultWithoutInformation } from "./components/interface/resultWithoutInformation";
 export * from "./components/webservice";

package/lib/esm/index.js

@@ -9,6 +9,7 @@ export { default as CCF } from "./components/ccf/ccf";
 export { default as Dossie } from "./components/dossie/dossie";
 export { default as ProcessosJuridicos } from "./components/processos-juridicos/processosJuridicos";
 export { default as Addresses } from "./components/adresses/adresses";
+export { default as Chart, ResumoDeNegativacoesChartSection as CustomChartSection } from "./components/chart/customChart";
 export { default as BankAccounts } from "./components/bank-accounts/bank-accounts";
 export { default as ResultWithoutInformation } from "./components/interface/resultWithoutInformation";
 export * from "./components/webservice";

package/lib/esm/mock/mockDataInput.d.ts

@@ -0,0 +1,34 @@
+declare const mockDataInput: {
+    ccfs: {
+        data: string;
+        quantidade: number;
+        creation: string;
+        valorTotal: number;
+    }[];
+    protestos: {
+        data: string;
+        categoria: string;
+        quantidade: number;
+        creation: string;
+        valorTotal: number;
+    }[];
+    serasa: {
+        data: string;
+        quantidade: number;
+        creation: string;
+        valorTotal: number;
+    }[];
+    boaVista: {
+        data: string;
+        quantidade: number;
+        creation: string;
+        valorTotal: number;
+    }[];
+    dividasPublicasGrafico: {
+        data: string;
+        quantidade: number;
+        creation: string;
+        valorTotal: number;
+    }[];
+};
+export default mockDataInput;