@credithub/harlan-components 1.3.4 → 1.4.0

package/lib/cjs/components/ccf/ccf.js

@@ -43,16 +43,13 @@ var CCF = function () {
         ultimaOcorrencia: xpath_1.default.select("string(./ultimo)", node),
         motivo: xpath_1.default.select("string(./motivo)", node),
     }); };
-    var calculateTotalOcorrencias = function (ccfData) {
-        return ccfData.reduce(function (acc, item) { return acc + item.quantidadeDeOcorrencias; }, 0);
-    };
-    return (react_1.default.createElement(Section, { ctx: ctx, title: "Cheques Sem Fundo Em Institui\u00E7\u00E3o Banc\u00E1ria", subtitle: "Detalhes Acerca De Cheques Sem Fundo Emitidos", onLoading: function () { return react_1.default.createElement(react_1.default.Fragment, null, "Carregando..."); }, onError: function () { return react_1.default.createElement(react_1.default.Fragment, null, "Erro"); }, onSuccess: function (data) {
+    return (react_1.default.createElement(Section, { ctx: ctx, title: "Cheques Sem Fundo Em Institui\u00E7\u00E3o Banc\u00E1ria", subtitle: "Detalhes Acerca De Cheques Sem Fundo Emitidos", onSuccess: function (data) {
             var allItems = xpath_1.default.select("//list/*", data);
             var filteredItems = allItems.filter(function (node) {
                 return node.nodeName.startsWith("item");
             });
             var ccfData = filteredItems.map(mapNodeToCCFData);
-            var totalOcorrencias = calculateTotalOcorrencias(ccfData);
+            var totalOcorrencias = xpath_1.default.select('number(//sumQteOcorrencias)', data);
             var children = totalOcorrencias ? (react_1.default.createElement(result_1.Result, null, ccfData.map(function (ccf, key) { return (react_1.default.createElement(ccfList_1.default, { key: key, data: [ccf] })); }))) : (react_1.default.createElement(resultWithoutInformation_1.default, null));
             return {
                 children: children,

package/lib/cjs/components/chart/categoryProtestos.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CategoriaProtestoProps } from "./plotly/types";
+declare const CategoriaProtesto: React.FC<CategoriaProtestoProps>;
+export default CategoriaProtesto;

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

@@ -0,0 +1,97 @@
+"use strict";
+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 });
+var react_1 = __importStar(require("react"));
+var react_plotly_js_1 = __importDefault(require("react-plotly.js"));
+var webservice_1 = require("../webservice");
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+var regex_1 = require("../../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 = (0, react_1.useContext)(webservice_1.Queries.Protestos);
+    var Section = ctx.Section;
+    return (react_1.default.createElement(Section, { hideHeader: true, onSuccess: function (document) {
+            var _a, _b, _c;
+            var filterProtestos = function (regex, data) {
+                return xpath_1.default.select("//body//protesto", data).filter(function (protesto) {
+                    return regex.test(xpath_1.default.select("string(./nomeCedente)", protesto));
+                });
+            };
+            var data = [
+                {
+                    categoria: 'Protestos de Crédito',
+                    quantidade: (_a = filterProtestos(regex_1.REGEX_PROTESTOS_DE_CREDITO, document)) === null || _a === void 0 ? void 0 : _a.length
+                }, {
+                    categoria: 'Protestos de Impostos',
+                    quantidade: (_b = filterProtestos(regex_1.REGEX_PROTESTOS_DE_IMPOSTO, document)) === null || _b === void 0 ? void 0 : _b.length
+                }, {
+                    categoria: 'Protestos em Geral',
+                    quantidade: (_c = xpath_1.default.select("//body//protesto", document).filter(function (protesto) {
+                        var nomeCedente = xpath_1.default.select("string(./nomeCedente)", protesto);
+                        return (!regex_1.REGEX_PROTESTOS_DE_IMPOSTO.test(nomeCedente) &&
+                            !regex_1.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_1.default.createElement(react_1.default.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_1.default.createElement(react_plotly_js_1.default, { data: plotData, layout: layout, config: config });
+        } }));
+};
+exports.default = CategoriaProtesto;

package/lib/cjs/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/cjs/components/chart/chartContent.js

@@ -0,0 +1,77 @@
+"use strict";
+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 });
+var react_1 = __importStar(require("react"));
+var react_plotly_js_1 = __importDefault(require("react-plotly.js"));
+var classnames_1 = __importDefault(require("classnames"));
+var chartHelper_1 = require("./chartHelper");
+var plotly_1 = require("./plotly");
+var processChartData_1 = require("./processChartData");
+var pieChartDataStrategy_1 = require("./plotly/pieChartDataStrategy");
+var getUniqueDates_1 = require("./getUniqueDates");
+var underscore_1 = require("underscore");
+var categoryProtestos_1 = __importDefault(require("./categoryProtestos"));
+var ChartContent = function (_a) {
+    var dataInput = _a.dataInput;
+    var _b = (0, react_1.useState)(window.innerWidth), windowWidth = _b[0], setWindowWidth = _b[1];
+    // Atualiza a largura da janela
+    var updateWindowWidth = function () {
+        setWindowWidth(window.innerWidth);
+    };
+    (0, react_1.useEffect)(function () {
+        window.addEventListener("resize", updateWindowWidth);
+        return function () { return window.removeEventListener("resize", updateWindowWidth); };
+    }, []);
+    var pieChartData = (0, react_1.useMemo)(function () {
+        var pieChartStrategy = new pieChartDataStrategy_1.PieChartDataStrategy();
+        return (0, chartHelper_1.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 = (0, react_1.useMemo)(function () {
+        return (0, getUniqueDates_1.getUniqueDates)(dataInput);
+    }, [dataInput]);
+    var chartData = (0, react_1.useMemo)(function () {
+        return dataInput ? (0, processChartData_1.processChartData)({ dataInput: dataInput, dates: dates }) : [];
+    }, [dataInput, dates]);
+    var lastDate = (0, underscore_1.max)(dates, function (x) { return x.getTime(); });
+    var plotLayout = (0, plotly_1.layoutLineBarChart)(lineBarChartWidth, lastDate);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: (0, classnames_1.default)("container", "chart-container") },
+            react_1.default.createElement("div", { className: (0, classnames_1.default)("chart-content") },
+                react_1.default.createElement("div", { className: (0, classnames_1.default)("mdl-grid") },
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)("mdl-cell", "mdl-cell--".concat(windowWidth < 1100 ? 12 : 4, "-col")), hidden: !pieChartData.possuiPendencias },
+                        react_1.default.createElement("h2", { className: (0, classnames_1.default)("title-chart") }, "Quantidade de Ocorr\u00EAncias"),
+                        react_1.default.createElement(react_plotly_js_1.default, { config: { displayModeBar: false }, data: [pieChartData], layout: { width: pieChartWidth } })),
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)("mdl-cell", "mdl-cell--".concat(pieChartData.possuiPendencias ? 8 : 12, "-col")) },
+                        react_1.default.createElement("h2", { className: (0, classnames_1.default)("title-chart") }, "Quantidade de Ocorr\u00EAncias por Consulta"),
+                        react_1.default.createElement(react_plotly_js_1.default, { data: chartData, layout: plotLayout }))))),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)("category-protestos") },
+            react_1.default.createElement(categoryProtestos_1.default, { width: windowWidth * 0.9, height: 256 }))));
+};
+exports.default = ChartContent;

package/lib/cjs/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/cjs/components/chart/chartHelper.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLineChart = exports.createBarChart = exports.createPieChart = void 0;
+var number_1 = require("../../utils/number");
+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 (0, number_1.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",
+        },
+    };
+};
+exports.createPieChart = createPieChart;
+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>",
+    };
+};
+exports.createBarChart = createBarChart;
+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>"),
+    };
+};
+exports.createLineChart = createLineChart;

package/lib/cjs/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/cjs/components/chart/customChart.js

@@ -0,0 +1,125 @@
+"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 });
+exports.ResumoDeNegativacoesChartSection = void 0;
+/* eslint-disable react-hooks/exhaustive-deps */
+var react_1 = __importStar(require("react"));
+var result_1 = require("../interface/result");
+var useCalculation_1 = require("./useCalculation");
+var chartContent_1 = __importDefault(require("./chartContent"));
+var quantityResult_1 = __importDefault(require("./quantityResult"));
+var webservice_1 = require("../webservice");
+var string_1 = require("../../utils/string");
+var underscore_1 = require("underscore");
+var header_1 = __importDefault(require("../interface/header"));
+var classnames_1 = __importDefault(require("classnames"));
+var useUltimaOcorrenciaCCF_1 = __importDefault(require("./useUltimaOcorrenciaCCF"));
+var ResumoDeNegativacoesChartSection = function (_a) {
+    var documento = _a.documento;
+    var _b = (0, webservice_1.useQuery)("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'", { documento: documento }), response = _b.response, error = _b.error, isLoading = _b.isLoading, refetch = _b.refetch;
+    var ctxProtestos = (0, react_1.useContext)(webservice_1.Queries.Protestos);
+    var ctxCCF = (0, react_1.useContext)(webservice_1.Queries.CCF);
+    var ctxProcessosJuridicos = (0, react_1.useContext)(webservice_1.Queries.ProcessosJuridicos);
+    var quantidadeProcessosJuridicos = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        if ((ctxProcessosJuridicos === null || ctxProcessosJuridicos === void 0 ? void 0 : ctxProcessosJuridicos.type) === webservice_1.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 = (0, react_1.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 != webservice_1.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]);
+    (0, react_1.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 = (0, underscore_1.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 = (0, underscore_1.sortBy)((0, underscore_1.unique)(data.protestos, function (x) { return x.data; }).filter(removeZeros).filter(removeSameAsNext).map(function (info) { return (__assign(__assign({}, info), { data: (0, string_1.formatDatePtBrToDate)(info.data) })); }), function (info) { return info.data; });
+        data.ccfs = (0, underscore_1.sortBy)((0, underscore_1.unique)(data.ccfs, function (x) { return x.data; }).filter(removeZeros)
+            .filter(removeSameAsNext)
+            .map(function (info) { return (__assign(__assign({}, info), { data: (0, string_1.formatDatePtBrToDate)(info.data) })); }), function (info) { return info.data; });
+        data.boaVista = data.boaVista.map(function (pefin) { return (__assign(__assign({}, pefin), { creation: (0, string_1.formatDatePtBrToDate)(pefin.creation) })); }).filter(function (info) { return info.creation; });
+        data.serasa = data.serasa.map(function (pefin) { return (__assign(__assign({}, pefin), { creation: (0, string_1.formatDatePtBrToDate)(pefin.creation) })); }).filter(function (info) { return info.creation; });
+        data.dividasPublicasGrafico = data.dividasPublicasGrafico.map(function (info) { return (__assign(__assign({}, info), { data: (0, string_1.formatDatePtBrToDate)(info.data) })); }).filter(function (info) { return info.data; });
+        return react_1.default.createElement(CustomChart, { dataInput: data });
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(header_1.default, { title: "Resumo de Negativa\u00E7\u00F5es", subtitle: "Veja a quantidade de ocorr\u00EAncias conforme o documento foi consultado ao longo do tempo", className: (0, classnames_1.default)({ '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)));
+};
+exports.ResumoDeNegativacoesChartSection = ResumoDeNegativacoesChartSection;
+var CustomChart = function (_a) {
+    var _b, _c, _d, _e;
+    var dataInput = _a.dataInput;
+    var ultimaOcorrenciaCCF = (0, useUltimaOcorrenciaCCF_1.default)();
+    var _f = (0, useCalculation_1.useCalculation)(dataInput.protestos), quantidadeProtestos = _f.quantidade, valorTotalProtestos = _f.valorTotal;
+    var _g = (0, useCalculation_1.useCalculation)(dataInput.dividasPublicasGrafico), quantidadeDividas = _g.quantidade, valorTotalDividas = _g.valorTotal;
+    var _h = (0, useCalculation_1.useCalculation)(dataInput.serasa), quantidadeDeNegativacoesSerasa = _h.quantidade, valorTotalDeNegativacoesSerasa = _h.valorTotal;
+    var _j = (0, useCalculation_1.useCalculation)(dataInput.boaVista), quantidadeDeNegativacoesBoaVista = _j.quantidade, valorTotalDeNegativacoesBoaVista = _j.valorTotal;
+    var quantidadeCCF = (0, useCalculation_1.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_1.default.createElement(result_1.Result, null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(chartContent_1.default, { dataInput: dataInput }),
+            react_1.default.createElement(quantityResult_1.default, { 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 }))));
+};
+exports.default = CustomChart;

package/lib/cjs/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/cjs/components/chart/getUniqueDates.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUniqueDates = void 0;
+var underscore_1 = require("underscore");
+function getUniqueDates(data) {
+    return (0, underscore_1.union)(data.ccfs.map(function (ccf) { return ccf.data; }), (0, underscore_1.unique)(data.protestos, "data").map(function (protesto) { return protesto.data; }), (0, underscore_1.unique)(data.serasa, "creation").map(function (pefinRefin) { return pefinRefin.creation; }), (0, underscore_1.unique)(data.boaVista, "creation").map(function (pefinRefin) { return pefinRefin.creation; }), (0, underscore_1.unique)(data.dividasPublicasGrafico, "data").map(function (dividas) { return dividas.data; })).filter(function (date) { return date; }).sort(function (dateA, dateB) { return dateA.getTime() - dateB.getTime(); });
+}
+exports.getUniqueDates = getUniqueDates;

package/lib/cjs/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/cjs/components/chart/plotly/barChartDataStrategy.js

@@ -0,0 +1,152 @@
+"use strict";
+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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.barBoaVista = exports.barSerasa = exports.barProtestos = exports.barDividasPublicas = void 0;
+var _1 = require("./");
+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;
+}(_1.BaseChartDataStrategy));
+exports.barDividasPublicas = 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;
+}(_1.BaseChartDataStrategy));
+exports.barProtestos = 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;
+}(_1.BaseChartDataStrategy));
+exports.barSerasa = 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;
+}(_1.BaseChartDataStrategy));
+exports.barBoaVista = barBoaVista;

package/lib/cjs/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/cjs/components/chart/plotly/baseChartDataStrategy.js

@@ -0,0 +1,31 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseChartDataStrategy = void 0;
+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;
+}());
+exports.BaseChartDataStrategy = BaseChartDataStrategy;

package/lib/cjs/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[];