@credithub/harlan-components 1.3.4 → 1.4.1

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

@@ -0,0 +1,69 @@
+import React, { useContext } from "react";
+import Plot from "react-plotly.js";
+import { Queries } from "../webservice";
+import XPathUtils from "../../utils/xpath";
+import { REGEX_PROTESTOS_DE_CREDITO, REGEX_PROTESTOS_DE_IMPOSTO } from "../../constants/regex";
+var CategoriaProtesto = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? 600 : _b, _c = _a.height, height = _c === void 0 ? 400 : _c;
+    var ctx = useContext(Queries.Protestos);
+    var Section = ctx.Section;
+    return (React.createElement(Section, { hideHeader: true, onSuccess: function (document) {
+            var _a, _b, _c;
+            var filterProtestos = function (regex, data) {
+                return XPathUtils.select("//body//protesto", data).filter(function (protesto) {
+                    return regex.test(XPathUtils.select("string(./nomeCedente)", protesto));
+                });
+            };
+            var data = [
+                {
+                    categoria: 'Protestos de Crédito',
+                    quantidade: (_a = filterProtestos(REGEX_PROTESTOS_DE_CREDITO, document)) === null || _a === void 0 ? void 0 : _a.length
+                }, {
+                    categoria: 'Protestos de Impostos',
+                    quantidade: (_b = filterProtestos(REGEX_PROTESTOS_DE_IMPOSTO, document)) === null || _b === void 0 ? void 0 : _b.length
+                }, {
+                    categoria: 'Protestos em Geral',
+                    quantidade: (_c = XPathUtils.select("//body//protesto", document).filter(function (protesto) {
+                        var nomeCedente = XPathUtils.select("string(./nomeCedente)", protesto);
+                        return (!REGEX_PROTESTOS_DE_IMPOSTO.test(nomeCedente) &&
+                            !REGEX_PROTESTOS_DE_CREDITO.test(nomeCedente));
+                    })) === null || _c === void 0 ? void 0 : _c.length
+                }
+            ];
+            // Filtrar dados com quantidade nula ou zero
+            var dadosFiltrados = data === null || data === void 0 ? void 0 : data.filter(function (dado) { return dado.quantidade > 0; });
+            if (dadosFiltrados.length === 0) {
+                return React.createElement(React.Fragment, null);
+            }
+            var categoriaParaCor = {
+                "Protestos de Crédito": 'red',
+                "Protestos de Impostos": "orange",
+            };
+            var categorias = dadosFiltrados.map(function (dado) { return dado.categoria; });
+            var quantidades = dadosFiltrados.map(function (dado) { return dado.quantidade; });
+            var cores = categorias.map(function (categoria) { return categoriaParaCor[categoria] || "rgb(30, 144, 255)"; });
+            var plotData = [
+                {
+                    x: categorias,
+                    y: quantidades,
+                    type: "bar",
+                    marker: {
+                        color: cores,
+                    },
+                    text: quantidades.map(String),
+                    textposition: "auto",
+                },
+            ];
+            var layout = {
+                title: "Protestos por Categoria",
+                width: width,
+                height: height,
+                yaxis: { fixedrange: true, autorange: true },
+                xaxis: { fixedrange: true },
+                margin: { l: 50, r: 50, b: 100, t: 50, pad: 4 },
+            };
+            var config = { displayModeBar: false, responsive: true };
+            return React.createElement(Plot, { data: plotData, layout: layout, config: config });
+        } }));
+};
+export default CategoriaProtesto;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { DataInput } from "./plotly/types";
+interface ChartContentProps {
+    dataInput: DataInput;
+}
+declare const ChartContent: React.FC<ChartContentProps>;
+export default ChartContent;

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

@@ -0,0 +1,49 @@
+import React, { useEffect, useMemo, useState } from "react";
+import Plot from "react-plotly.js";
+import cn from "classnames";
+import { createPieChart } from "./chartHelper";
+import { layoutLineBarChart } from "./plotly";
+import { processChartData } from "./processChartData";
+import { PieChartDataStrategy } from "./plotly/pieChartDataStrategy";
+import { getUniqueDates } from "./getUniqueDates";
+import { max } from "underscore";
+import CategoriaProtesto from "./categoryProtestos";
+var ChartContent = function (_a) {
+    var dataInput = _a.dataInput;
+    var _b = useState(window.innerWidth), windowWidth = _b[0], setWindowWidth = _b[1];
+    // Atualiza a largura da janela
+    var updateWindowWidth = function () {
+        setWindowWidth(window.innerWidth);
+    };
+    useEffect(function () {
+        window.addEventListener("resize", updateWindowWidth);
+        return function () { return window.removeEventListener("resize", updateWindowWidth); };
+    }, []);
+    var pieChartData = useMemo(function () {
+        var pieChartStrategy = new PieChartDataStrategy();
+        return createPieChart(pieChartStrategy.processData(dataInput));
+    }, [dataInput]);
+    var pieChartWidth = (windowWidth * (windowWidth > 1100 ? 4 : 11)) / 12;
+    var lineBarChartWidth = (windowWidth * (windowWidth > 1100 && pieChartData.possuiPendencias ? 7.8 : 11)) / 12;
+    var dates = useMemo(function () {
+        return getUniqueDates(dataInput);
+    }, [dataInput]);
+    var chartData = useMemo(function () {
+        return dataInput ? processChartData({ dataInput: dataInput, dates: dates }) : [];
+    }, [dataInput, dates]);
+    var lastDate = max(dates, function (x) { return x.getTime(); });
+    var plotLayout = layoutLineBarChart(lineBarChartWidth, lastDate);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: cn("container", "chart-container") },
+            React.createElement("div", { className: cn("chart-content") },
+                React.createElement("div", { className: cn("mdl-grid") },
+                    React.createElement("div", { className: cn("mdl-cell", "mdl-cell--".concat(windowWidth < 1100 ? 12 : 4, "-col")), hidden: !pieChartData.possuiPendencias },
+                        React.createElement("h2", { className: cn("title-chart") }, "Quantidade de Ocorr\u00EAncias"),
+                        React.createElement(Plot, { config: { displayModeBar: false }, data: [pieChartData], layout: { width: pieChartWidth } })),
+                    React.createElement("div", { className: cn("mdl-cell", "mdl-cell--".concat(pieChartData.possuiPendencias ? 8 : 12, "-col")) },
+                        React.createElement("h2", { className: cn("title-chart") }, "Quantidade de Ocorr\u00EAncias por Consulta"),
+                        React.createElement(Plot, { data: chartData, layout: plotLayout }))))),
+        React.createElement("div", { className: cn("category-protestos") },
+            React.createElement(CategoriaProtesto, { width: windowWidth * 0.9, height: 256 }))));
+};
+export default ChartContent;

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

@@ -0,0 +1,7 @@
+import Plotly from "react-plotly.js";
+import { ChartDataAndLayoutState } from "./plotly/types";
+export declare const createPieChart: (data: ChartDataAndLayoutState) => Plotly.Data & {
+    possuiPendencias: boolean;
+};
+export declare const createBarChart: (data: ChartDataAndLayoutState) => Plotly.Data;
+export declare const createLineChart: (data: ChartDataAndLayoutState) => Plotly.Data;

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

@@ -0,0 +1,60 @@
+import { formatValue } from "../../utils/number";
+export var createPieChart = function (data) {
+    var _a;
+    var defaultColors = [
+        "#ff4081",
+        "#3f51b5",
+        "#008cf8",
+        "#ffc107",
+        "#4caf50",
+        "#58508d",
+    ];
+    return {
+        values: data.data.map(function (d) { return d.y; }).filter(function (y) { return y !== null; }).map(function (value) { return formatValue(value); }),
+        labels: data.data.map(function (d) { return d.x; }),
+        possuiPendencias: !!data.data.map(function (d) { return d.y; }).filter(function (y) { return y; }).length,
+        type: "pie",
+        marker: {
+            colors: ((_a = data.marker) === null || _a === void 0 ? void 0 : _a.color) ? [data.marker.color] : defaultColors,
+        },
+        textinfo: "value",
+        hovertemplate: "Total de %{label}: %{value}<extra></extra>",
+        textfont: data.textfont || {
+            family: "Arial, sans-serif",
+            size: 14,
+            color: "white",
+        },
+    };
+};
+export var createBarChart = function (data) {
+    var _a;
+    return {
+        x: data.data.map(function (d) { return d.x; }),
+        y: data.data.map(function (d) { return d.y; }),
+        type: "bar",
+        name: data.name,
+        yaxis: data.yaxis,
+        marker: { color: ((_a = data.marker) === null || _a === void 0 ? void 0 : _a.color) || "#000000" },
+        text: data.text,
+        textposition: "auto",
+        textfont: data.textfont,
+        hovertemplate: data.hovertemplate || "%{y}<extra></extra>",
+    };
+};
+export var createLineChart = function (data) {
+    var _a;
+    return {
+        x: data.data.map(function (d) { return d.x; }),
+        y: data.data.map(function (d) { return d.y; }),
+        type: "scatter",
+        mode: "lines+markers",
+        name: data.name,
+        yaxis: data.yaxis,
+        line: { color: ((_a = data.marker) === null || _a === void 0 ? void 0 : _a.color) || "#000000" },
+        connectgaps: data.connectgaps || false,
+        text: data.text,
+        textposition: "auto",
+        textfont: data.textfont,
+        hovertemplate: data.hovertemplate || "%{x|%d/%m/%Y}<br>".concat(data.name, ": %{y} <extra></extra>"),
+    };
+};

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { DataInput } from "./plotly/types";
+interface ChartProps {
+    dataInput: DataInput;
+}
+export declare const ResumoDeNegativacoesChartSection: ({ documento }: {
+    documento: string;
+}) => React.JSX.Element;
+declare const CustomChart: React.FC<ChartProps>;
+export default CustomChart;

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

@@ -0,0 +1,95 @@
+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 */
+import React, { useContext, useEffect, useMemo } from "react";
+import { Result } from "../interface/result";
+import { useCalculation } from "./useCalculation";
+import ChartContent from "./chartContent";
+import QuantidadeResultados from "./quantityResult";
+import { Queries, RequestStatus, useQuery } from "../webservice";
+import { formatDatePtBrToDate } from "../../utils/string";
+import { groupBy, sortBy, unique } from "underscore";
+import Header from "../interface/header";
+import classNames from "classnames";
+import useUltimaOcorrenciaCCF from "./useUltimaOcorrenciaCCF";
+export var ResumoDeNegativacoesChartSection = function (_a) {
+    var documento = _a.documento;
+    var _b = useQuery("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'", { documento: documento }), response = _b.response, error = _b.error, isLoading = _b.isLoading, refetch = _b.refetch;
+    var ctxProtestos = useContext(Queries.Protestos);
+    var ctxCCF = useContext(Queries.CCF);
+    var ctxProcessosJuridicos = useContext(Queries.ProcessosJuridicos);
+    var quantidadeProcessosJuridicos = useMemo(function () {
+        var _a, _b;
+        if ((ctxProcessosJuridicos === null || ctxProcessosJuridicos === void 0 ? void 0 : ctxProcessosJuridicos.type) === RequestStatus.Success)
+            return (_b = (_a = ctxProcessosJuridicos === null || ctxProcessosJuridicos === void 0 ? void 0 : ctxProcessosJuridicos.document) === null || _a === void 0 ? void 0 : _a.empresa) === null || _b === void 0 ? void 0 : _b.length;
+        return undefined;
+    }, [ctxProcessosJuridicos === null || ctxProcessosJuridicos === void 0 ? void 0 : ctxProcessosJuridicos.type]);
+    var liveQueriesIsFinish = useMemo(function () {
+        return [ctxProtestos === null || ctxProtestos === void 0 ? void 0 : ctxProtestos.type, ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type].map(function (type) { return type != RequestStatus.Loading; }).every(function (e) { return e; });
+    }, [ctxProtestos === null || ctxProtestos === void 0 ? void 0 : ctxProtestos.type, ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type]);
+    useEffect(function () {
+        if (liveQueriesIsFinish) {
+            refetch();
+        }
+    }, [liveQueriesIsFinish]);
+    var process = function (_data) {
+        if (!_data)
+            return null;
+        var data = JSON.parse(_data);
+        data.pieChartTotalConfig = {
+            processosJuridicos: quantidadeProcessosJuridicos,
+        };
+        var removeZeros = function (current, index, arr) {
+            // Combine firstOrLastObjects check for efficiency
+            return index === 0 || index === arr.length - 1 || Number(current.quantidade) > 0;
+        };
+        var removeSameAsNext = function (current, index, arr) {
+            // Return early for first/last objects
+            if (index === 0 || index === arr.length - 1)
+                return true;
+            return current.quantidade !== arr[index + 1].quantidade;
+        };
+        var grouped = groupBy(data.protestos, function (e) { return e.data; });
+        data.protestos = Object.values(grouped).map(function (e) {
+            if (e.length === 1)
+                return e;
+            return e.filter(function (el) { return Number(el.quantidade) > 0; });
+        }).flat();
+        data.protestos = sortBy(unique(data.protestos, function (x) { return x.data; }).filter(removeZeros).filter(removeSameAsNext).map(function (info) { return (__assign(__assign({}, info), { data: formatDatePtBrToDate(info.data) })); }), function (info) { return info.data; });
+        data.ccfs = sortBy(unique(data.ccfs, function (x) { return x.data; }).filter(removeZeros)
+            .filter(removeSameAsNext)
+            .map(function (info) { return (__assign(__assign({}, info), { data: formatDatePtBrToDate(info.data) })); }), function (info) { return info.data; });
+        data.boaVista = data.boaVista.map(function (pefin) { return (__assign(__assign({}, pefin), { creation: formatDatePtBrToDate(pefin.creation) })); }).filter(function (info) { return info.creation; });
+        data.serasa = data.serasa.map(function (pefin) { return (__assign(__assign({}, pefin), { creation: formatDatePtBrToDate(pefin.creation) })); }).filter(function (info) { return info.creation; });
+        data.dividasPublicasGrafico = data.dividasPublicasGrafico.map(function (info) { return (__assign(__assign({}, info), { data: formatDatePtBrToDate(info.data) })); }).filter(function (info) { return info.data; });
+        return React.createElement(CustomChart, { dataInput: data });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, { title: "Resumo de Negativa\u00E7\u00F5es", subtitle: "Veja a quantidade de ocorr\u00EAncias conforme o documento foi consultado ao longo do tempo", className: classNames({ 'external-source loading': isLoading, 'external-source error': error }) }),
+        !isLoading && (response === null || response === void 0 ? void 0 : response.document) && process(response === null || response === void 0 ? void 0 : response.document)));
+};
+var CustomChart = function (_a) {
+    var _b, _c, _d, _e;
+    var dataInput = _a.dataInput;
+    var ultimaOcorrenciaCCF = useUltimaOcorrenciaCCF();
+    var _f = useCalculation(dataInput.protestos), quantidadeProtestos = _f.quantidade, valorTotalProtestos = _f.valorTotal;
+    var _g = useCalculation(dataInput.dividasPublicasGrafico), quantidadeDividas = _g.quantidade, valorTotalDividas = _g.valorTotal;
+    var _h = useCalculation(dataInput.serasa), quantidadeDeNegativacoesSerasa = _h.quantidade, valorTotalDeNegativacoesSerasa = _h.valorTotal;
+    var _j = useCalculation(dataInput.boaVista), quantidadeDeNegativacoesBoaVista = _j.quantidade, valorTotalDeNegativacoesBoaVista = _j.valorTotal;
+    var quantidadeCCF = useCalculation(dataInput.ccfs).quantidade;
+    var ultimaOcorrenciaProtestos = (_d = (_c = dataInput === null || dataInput === void 0 ? void 0 : dataInput.protestos[((_b = dataInput === null || dataInput === void 0 ? void 0 : dataInput.protestos) === null || _b === void 0 ? void 0 : _b.length) - 1]) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.toLocaleDateString();
+    return (React.createElement(Result, null,
+        React.createElement("div", null,
+            React.createElement(ChartContent, { dataInput: dataInput }),
+            React.createElement(QuantidadeResultados, { quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_e = dataInput === null || dataInput === void 0 ? void 0 : dataInput.pieChartTotalConfig) === null || _e === void 0 ? void 0 : _e.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeDeNegativacoesSerasa, quantidadeDividasBoaVista: quantidadeDeNegativacoesBoaVista, quantidadeChequesSemFundos: quantidadeCCF, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalDeNegativacoesSerasa, valorTotalDividasBoaVista: valorTotalDeNegativacoesBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos }))));
+};
+export default CustomChart;

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

@@ -0,0 +1,2 @@
+import { DataInput } from "./plotly/types";
+export declare function getUniqueDates(data: DataInput): (string | Date | undefined)[];

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

@@ -0,0 +1,4 @@
+import { union, unique } from "underscore";
+export function getUniqueDates(data) {
+    return union(data.ccfs.map(function (ccf) { return ccf.data; }), unique(data.protestos, "data").map(function (protesto) { return protesto.data; }), unique(data.serasa, "creation").map(function (pefinRefin) { return pefinRefin.creation; }), unique(data.boaVista, "creation").map(function (pefinRefin) { return pefinRefin.creation; }), unique(data.dividasPublicasGrafico, "data").map(function (dividas) { return dividas.data; })).filter(function (date) { return date; }).sort(function (dateA, dateB) { return dateA.getTime() - dateB.getTime(); });
+}

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

@@ -0,0 +1,14 @@
+import { BaseChartDataStrategy } from "./";
+import { ChartDataAndLayoutState, DataInput } from "./types";
+export declare class barDividasPublicas extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class barProtestos extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class barSerasa extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}
+export declare class barBoaVista extends BaseChartDataStrategy<DataInput> {
+    processData(data: DataInput): ChartDataAndLayoutState;
+}

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

@@ -0,0 +1,149 @@
+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 barDividasPublicas = /** @class */ (function (_super) {
+    __extends(barDividasPublicas, _super);
+    function barDividasPublicas() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    barDividasPublicas.prototype.processData = function (data) {
+        var dividasPublicasData = data.dividasPublicasGrafico
+            .filter(function (consulta) {
+            return consulta.valorTotal !== null;
+        })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.valorTotal,
+        }); });
+        if ((dividasPublicasData === null || dividasPublicasData === void 0 ? void 0 : dividasPublicasData.length) > 1) {
+            dividasPublicasData[(dividasPublicasData === null || dividasPublicasData === void 0 ? void 0 : dividasPublicasData.length) - 1].y = data.dividasPublicas.valorTotal;
+        }
+        var dividasPublicasState = {
+            name: "Dívidas",
+            yaxis: "y2",
+            type: "bar",
+            textposition: "auto",
+            marker: {
+                color: "#bb3b55",
+                opacity: 0.6,
+                line: {
+                    color: "#bb3b55",
+                    width: 1.5,
+                },
+            },
+            hovertemplate: "%{x|%d/%m/%Y}<br> Dívidas Públicas: R$ %{y} <extra></extra>",
+            data: dividasPublicasData,
+            layout: layout,
+        };
+        return dividasPublicasState;
+    };
+    return barDividasPublicas;
+}(BaseChartDataStrategy));
+export { barDividasPublicas };
+var barProtestos = /** @class */ (function (_super) {
+    __extends(barProtestos, _super);
+    function barProtestos() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    barProtestos.prototype.processData = function (data) {
+        var protestosData = data.protestos
+            .filter(function (consulta) { return consulta.valorTotal !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.data,
+            y: consulta.valorTotal,
+        }); });
+        var protestosState = {
+            name: "Protestos",
+            yaxis: "y2",
+            type: "bar",
+            textposition: "outside",
+            marker: {
+                color: "#800000",
+                opacity: 0.6,
+                line: {
+                    color: "#800000",
+                    width: 1.5,
+                },
+            },
+            hovertemplate: "%{x|%d/%m/%Y}<br> Protestos: R$ %{y} <extra></extra>",
+            data: protestosData,
+            layout: layout,
+        };
+        return protestosState;
+    };
+    return barProtestos;
+}(BaseChartDataStrategy));
+export { barProtestos };
+var barSerasa = /** @class */ (function (_super) {
+    __extends(barSerasa, _super);
+    function barSerasa() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    barSerasa.prototype.processData = function (data) {
+        var serasaData = data.serasa
+            .filter(function (consulta) { return consulta.valorTotal !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.creation,
+            y: consulta.valorTotal,
+        }); });
+        var serasaState = {
+            name: "Pefin/Refin Serasa",
+            yaxis: "y2",
+            type: "bar",
+            color: "orange",
+            marker: {
+                color: "rgb(158,202,225)",
+                opacity: 0.6,
+                line: {
+                    color: "rgb(8,48,107)",
+                    width: 1.5,
+                },
+            },
+            hovertemplate: "%{x|%d/%m/%Y}<br> Serasa: R$ %{y} <extra></extra>",
+            data: serasaData,
+            layout: layout,
+        };
+        return serasaState;
+    };
+    return barSerasa;
+}(BaseChartDataStrategy));
+export { barSerasa };
+var barBoaVista = /** @class */ (function (_super) {
+    __extends(barBoaVista, _super);
+    function barBoaVista() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    barBoaVista.prototype.processData = function (data) {
+        var boaVistaData = data.boaVista
+            .filter(function (consulta) { return consulta.valorTotal !== null; })
+            .map(function (consulta) { return ({
+            x: consulta.creation,
+            y: consulta.valorTotal,
+        }); });
+        var boaVistaState = {
+            name: "Pefin/Refin Boa Vista",
+            yaxis: "y2",
+            type: "bar",
+            hovertemplate: "%{x|%d/%m/%Y}<br> Boa Vista: R$ %{y} <extra></extra>",
+            data: boaVistaData,
+            layout: layout,
+        };
+        return boaVistaState;
+    };
+    return barBoaVista;
+}(BaseChartDataStrategy));
+export { barBoaVista };

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

@@ -0,0 +1,8 @@
+import { ChartDataState, IChartDataStrategy } from "./iChartDataStrategy";
+import { LayoutConfig } from "./layoutLineBarChart";
+import { ChartDataAndLayoutState } from "./types";
+export declare abstract class BaseChartDataStrategy<T> implements IChartDataStrategy<T> {
+    abstract processData(data: T): ChartDataAndLayoutState;
+    protected parseDate(dateStr: string): Date;
+    protected createProcessedData(chartData: ChartDataState, layout?: LayoutConfig): ChartDataAndLayoutState;
+}

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

@@ -0,0 +1,28 @@
+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 BaseChartDataStrategy = /** @class */ (function () {
+    function BaseChartDataStrategy() {
+    }
+    BaseChartDataStrategy.prototype.parseDate = function (dateStr) {
+        var _a = dateStr.split("/").map(Number), day = _a[0], month = _a[1], year = _a[2];
+        return new Date(year, month - 1, day);
+    };
+    BaseChartDataStrategy.prototype.createProcessedData = function (chartData, layout) {
+        var processedData = chartData.data.map(function (d) { return ({
+            x: d.x.toISOString(),
+            y: d.y,
+        }); });
+        return __assign(__assign({}, chartData), { data: processedData, text: processedData.map(function (d) { return (d.y !== null ? d.y.toString() : ""); }), layout: layout || {} });
+    };
+    return BaseChartDataStrategy;
+}());
+export { BaseChartDataStrategy };

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

@@ -0,0 +1,3 @@
+import { ChartDataState } from "./iChartDataStrategy";
+import { DataInput } from "./types";
+export declare function getSeries(data: DataInput): ChartDataState[];

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

@@ -0,0 +1,31 @@
+import { find, isEqual, sortBy } from "underscore";
+import { barDividasPublicas, barProtestos, barSerasa, barBoaVista, lineProtestos, lineDividasPublicas, lineCCF, lineSerasa, lineBoaVista, } from "./";
+import { getUniqueDates } from "../getUniqueDates";
+export function getSeries(data) {
+    var strategies = [
+        new lineCCF(),
+        new lineProtestos(),
+        new lineSerasa(),
+        new lineBoaVista(),
+        new lineDividasPublicas(),
+        new barSerasa(),
+        new barBoaVista(),
+        new barProtestos(),
+        new barDividasPublicas(),
+    ];
+    var processedDataSets = strategies.map(function (strategy) {
+        return strategy.processData(data);
+    });
+    var dates = getUniqueDates(data);
+    processedDataSets.forEach(function (dataset) {
+        dataset.data = dates.map(function (date) {
+            var foundItem = find(dataset.data, function (d) { return isEqual(d.x, date); });
+            return foundItem !== null && foundItem !== void 0 ? foundItem : { x: date, y: null };
+        });
+    });
+    processedDataSets.forEach(function (dataset) {
+        dataset.data = sortBy(dataset.data, function (d) { return d.x.getTime(); });
+        //dataset.data = sortBy(dataset.data, (d) => new Date(d.x).getTime());
+    });
+    return processedDataSets;
+}

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

@@ -0,0 +1,35 @@
+import { ChartDataAndLayoutState } from "./types";
+export interface ChartDataState {
+    name: string;
+    yaxis: string;
+    type: string;
+    data: {
+        x: string | Date;
+        y: number | null;
+    }[];
+    text?: string[];
+    textposition?: string;
+    values?: number[];
+    labels?: string[];
+    color?: string;
+    marker?: {
+        color: string;
+        opacity?: number;
+        line?: {
+            color: string;
+            width: number;
+        };
+    };
+    textfont?: {
+        bgcolor?: string;
+        family: string;
+        size: number;
+        color: string;
+    };
+    mode?: string;
+    connectgaps?: boolean;
+    hovertemplate?: string;
+}
+export interface IChartDataStrategy<T> {
+    processData: (data: T) => ChartDataAndLayoutState;
+}

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

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

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

@@ -0,0 +1,5 @@
+export { BaseChartDataStrategy } from "./baseChartDataStrategy";
+export { barDividasPublicas, barProtestos, barSerasa, barBoaVista, } from "./barChartDataStrategy";
+export { lineDividasPublicas, lineCCF, lineSerasa, lineBoaVista, lineProtestos, } from "./lineChartDataStrategy";
+export { getSeries } from "./getSeries";
+export { layoutLineBarChart } from "./layoutLineBarChart";

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

@@ -0,0 +1,5 @@
+export { BaseChartDataStrategy } from "./baseChartDataStrategy";
+export { barDividasPublicas, barProtestos, barSerasa, barBoaVista, } from "./barChartDataStrategy";
+export { lineDividasPublicas, lineCCF, lineSerasa, lineBoaVista, lineProtestos, } from "./lineChartDataStrategy";
+export { getSeries } from "./getSeries";
+export { layoutLineBarChart } from "./layoutLineBarChart";

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

@@ -0,0 +1,39 @@
+export interface LayoutConfig extends Partial<Plotly.Layout> {
+    xaxis?: {
+        range: [string, string];
+        domain: [number, number];
+        rangeslider: {};
+        rangeselector: {
+            buttons: Array<{
+                step: "month" | "year" | "all";
+                stepmode?: "backward" | "todate";
+                count?: number;
+                label?: string;
+            }>;
+        };
+    };
+    yaxis2?: {
+        title: string;
+        titlefont: {
+            color: string;
+        };
+        tickfont: {
+            color: string;
+        };
+        tickformat: string;
+    };
+    yaxis?: {
+        title: string;
+        titlefont: {
+            color: string;
+        };
+        tickfont: {
+            color: string;
+        };
+        anchor: "x";
+        side: "right";
+        overlaying: "y2";
+    };
+}
+declare const layoutLineBarChart: (layoutWidth: number, lastDate: Date) => LayoutConfig;
+export { layoutLineBarChart };