@credithub/harlan-components 1.13.9 → 1.14.0

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

@@ -16,30 +16,31 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var theme_1 = __importDefault(require("../interface/theme"));
 var QuantityContainer = function (_a) {
     var children = _a.children;
-    return react_1.default.createElement("div", { className: "t" }, children);
+    return (react_1.default.createElement("div", { className: "t" }, children));
 };
-var QuantidadeResultadosWrapper = (0, styled_components_1.default)(result_1.ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 18px 0px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"], ["\n  padding: 18px 0px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n  \n"])), theme_1.default.colors.cinzaClaro);
+var QuantidadeResultadosWrapper = (0, styled_components_1.default)(result_1.ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 18px 20px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n"], ["\n  padding: 18px 20px;\n  row-gap: 20px;\n  > * {\n    row-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    > * {\n      :not(:last-child) {\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n"])), theme_1.default.colors.cinzaClaro);
 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_1.default.createElement(QuantidadeResultadosWrapper, { desktop: "repeat(6, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr" },
-        react_1.default.createElement(QuantityContainer, null,
-            react_1.default.createElement(addItem_1.default, { name: "Total Protestos", value: (0, number_1.formatValue)(quantidadeProtestos) }),
-            react_1.default.createElement(addItem_1.default, { name: "Valor Total Protestos", value: (0, number_1.formatMoney)(valorTotalProtestos) }),
-            react_1.default.createElement(addItem_1.default, { hidden: quantidadeProtestos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaProtestos })),
-        react_1.default.createElement(QuantityContainer, null,
-            react_1.default.createElement(addItem_1.default, { name: "Cheques Sem Fundos", value: (0, number_1.formatValue)(quantidadeChequesSemFundos) }),
-            react_1.default.createElement(addItem_1.default, { hidden: quantidadeChequesSemFundos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaChequesSemFundos })),
-        react_1.default.createElement(QuantityContainer, null,
-            react_1.default.createElement(addItem_1.default, { name: "Processos Jur\u00EDdicos", value: (0, number_1.formatValue)(quantidadeProcessos) })),
-        react_1.default.createElement(QuantityContainer, null,
-            react_1.default.createElement(addItem_1.default, { name: "D\u00EDvidas P\u00FAblicas", value: (0, number_1.formatValue)(quantidadeDividas) }),
-            react_1.default.createElement(addItem_1.default, { name: "Total D\u00EDvidas P\u00FAblicas", value: (0, number_1.formatMoney)(valorTotalDividas) })),
-        react_1.default.createElement(QuantityContainer, null,
-            react_1.default.createElement(addItem_1.default, { name: "Pefin Refin Serasa", value: (0, number_1.formatValue)(quantidadeDividasSerasa) }),
-            react_1.default.createElement(addItem_1.default, { name: "Total Pefin Refin Serasa", value: (0, number_1.formatMoney)(valorTotalDividasSerasa) })),
-        react_1.default.createElement(QuantityContainer, null,
-            react_1.default.createElement(addItem_1.default, { name: "Pefin Refin Boa Vista", value: (0, number_1.formatValue)(quantidadeDividasBoaVista) }),
-            react_1.default.createElement(addItem_1.default, { name: "Total Pefin Refin Boa Vista", value: (0, number_1.formatMoney)(valorTotalDividasBoaVista) }))));
+    return (react_1.default.createElement(result_1.Result, { resultContentStriped: false },
+        react_1.default.createElement(QuantidadeResultadosWrapper, { desktop: "repeat(6, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr" },
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Total Protestos", value: (0, number_1.formatValue)(quantidadeProtestos) }),
+                react_1.default.createElement(addItem_1.default, { name: "Valor Total Protestos", value: (0, number_1.formatMoney)(valorTotalProtestos) }),
+                react_1.default.createElement(addItem_1.default, { hidden: quantidadeProtestos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaProtestos })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Cheques Sem Fundos", value: (0, number_1.formatValue)(quantidadeChequesSemFundos) }),
+                react_1.default.createElement(addItem_1.default, { hidden: quantidadeChequesSemFundos == 0, name: "\u00DAltima Ocorr\u00EAncia", value: ultimaOcorrenciaChequesSemFundos })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Processos Jur\u00EDdicos", value: (0, number_1.formatValue)(quantidadeProcessos) })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "D\u00EDvidas P\u00FAblicas", value: (0, number_1.formatValue)(quantidadeDividas) }),
+                react_1.default.createElement(addItem_1.default, { name: "Total D\u00EDvidas P\u00FAblicas", value: (0, number_1.formatMoney)(valorTotalDividas) })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Pefin Refin Serasa", value: (0, number_1.formatValue)(quantidadeDividasSerasa) }),
+                react_1.default.createElement(addItem_1.default, { name: "Total Pefin Refin Serasa", value: (0, number_1.formatMoney)(valorTotalDividasSerasa) })),
+            react_1.default.createElement(QuantityContainer, null,
+                react_1.default.createElement(addItem_1.default, { name: "Pefin Refin Boa Vista", value: (0, number_1.formatValue)(quantidadeDividasBoaVista) }),
+                react_1.default.createElement(addItem_1.default, { name: "Total Pefin Refin Boa Vista", value: (0, number_1.formatMoney)(valorTotalDividasBoaVista) })))));
 };
 exports.default = QuantidadeResultados;
 var templateObject_1;

package/lib/cjs/components/chart/types/iChart.d.ts

@@ -0,0 +1,58 @@
+export interface Consulta {
+    data: string | Date;
+    categoria?: string;
+    quantidade?: number | null;
+    creation?: string | Date;
+    valorTotal?: number | null;
+    total?: number | null;
+}
+export interface DataInput {
+    ccfs: Consulta[];
+    protestos: Consulta[];
+    serasa: Consulta[];
+    boaVista: Consulta[];
+    dividasPublicasGrafico: Consulta[];
+    pieChartTotalConfig?: {
+        protestos?: {
+            total: number | null;
+            valorTotal: number | null;
+            ultimaOcorrencia: string | null;
+        };
+        processosJuridicos?: number;
+        ccf?: {
+            total: number | null;
+            ultimaOcorrencia: string | null;
+        };
+    };
+    protestosCategory?: ProtestoData[];
+}
+export interface ProtestoData {
+    categoria: string;
+    quantidade: number;
+}
+export interface DataSetCommon {
+    label: string;
+    data: {
+        x: string;
+        y: number;
+    }[];
+    borderColor?: string;
+    backgroundColor?: string;
+    borderWidth?: number;
+    yAxisID?: "y" | "y2";
+}
+export interface DataSetLine extends DataSetCommon {
+    type: "line";
+    tension?: number;
+    spanGaps: boolean;
+    showLine: boolean;
+    pointRadius: number;
+    fill?: boolean;
+}
+export interface DataSetBar extends DataSetCommon {
+    type: "bar";
+    borderRadius?: number;
+    categoryPercentage?: number;
+    barPercentage?: number;
+}
+export type TimeFilter = "1y" | "6m" | "1m" | "all";

package/lib/cjs/components/chart/utils/chartCustomization.d.ts

@@ -0,0 +1,7 @@
+import { DataInput, TimeFilter } from "../types/iChart";
+import { ChartDataset, ChartOptions } from "chart.js";
+export declare function createDatasets(data: DataInput, uniqueDates: string[], timeFilter: TimeFilter): ChartDataset<"line" | "bar", (number | {
+    x: string;
+    y: number;
+})[]>[];
+export declare function getChartOptions(timeFilter: TimeFilter): ChartOptions<"line" | "bar">;

package/lib/cjs/components/chart/utils/chartCustomization.js

@@ -0,0 +1,159 @@
+"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.getChartOptions = exports.createDatasets = void 0;
+var date_fns_1 = require("date-fns");
+var dataManipulation_1 = require("./dataManipulation");
+function createDatasets(data, uniqueDates, timeFilter) {
+    var _a = (0, dataManipulation_1.getBarSettings)(timeFilter), categoryPercentage = _a.categoryPercentage, barPercentage = _a.barPercentage;
+    var createDataSet = function (entries, label, borderColor, chartType, valueKey, yAxisID) {
+        var dateValues = new Map(entries.map(function (entry) {
+            var _a;
+            return [
+                (0, date_fns_1.format)(typeof entry.data === "string" ? (0, date_fns_1.parseISO)(entry.data) : entry.data, "yyyy-MM-dd"),
+                (_a = entry[valueKey]) !== null && _a !== void 0 ? _a : 0,
+            ];
+        }));
+        var datasetData = uniqueDates.map(function (date) {
+            var _a;
+            var value = (_a = dateValues.get(date)) !== null && _a !== void 0 ? _a : 0;
+            return { x: date, y: value };
+        });
+        var datasetConfiguration = __assign({ type: chartType, label: label, data: datasetData, borderColor: borderColor, backgroundColor: chartType === "bar" ? borderColor + "60" : undefined, tension: chartType === "line" ? 0.4 : undefined, spanGaps: true, showLine: chartType === "line", pointRadius: 2, yAxisID: yAxisID }, (chartType === "bar" && {
+            categoryPercentage: categoryPercentage,
+            barPercentage: barPercentage,
+        }));
+        return datasetConfiguration;
+    };
+    return [
+        createDataSet(data.protestos, "Protestos - Quantidade", "#ff4081", "line", "quantidade", "y"),
+        createDataSet(data.protestos, "Protestos - Valor Total", "#ff4081", "bar", "valorTotal", "y2"),
+        createDataSet(data.ccfs, "CCFs - Quantidade", "#3f51b5", "line", "quantidade", "y"),
+        createDataSet(data.ccfs, "CCFs - Valor Total", "#3f51b5", "bar", "valorTotal", "y2"),
+        createDataSet(data.serasa, "Serasa - Quantidade", "#008cf8", "line", "quantidade", "y"),
+        createDataSet(data.serasa, "Serasa - Valor Total", "#008cf8", "bar", "valorTotal", "y2"),
+        createDataSet(data.boaVista, "Boa Vista - Quantidade", "#ffc107", "line", "quantidade", "y"),
+        createDataSet(data.boaVista, "Boa Vista - Valor Total", "#ffc107", "bar", "valorTotal", "y2"),
+        createDataSet(data.dividasPublicasGrafico, "Dívidas Públicas - Quantidade", "#4caf50", "line", "quantidade", "y"),
+        createDataSet(data.dividasPublicasGrafico, "Dívidas Públicas - Valor Total", "#4caf50", "bar", "valorTotal", "y2"),
+    ];
+}
+exports.createDatasets = createDatasets;
+function getChartOptions(timeFilter) {
+    var unit = "day";
+    switch (timeFilter) {
+        case "1m":
+            unit = "day";
+            break;
+        case "6m":
+            unit = "week";
+            break;
+        case "1y":
+            unit = "month";
+            break;
+        case "all":
+            unit = "quarter";
+            break;
+    }
+    return {
+        responsive: true,
+        maintainAspectRatio: true,
+        interaction: {
+            mode: "index",
+            intersect: false,
+        },
+        plugins: {
+            legend: {
+                fullSize: true,
+                position: "right",
+                labels: {
+                    boxWidth: 16,
+                    padding: 16,
+                },
+            },
+            title: {
+                display: true,
+                text: "Histórico de Consultas",
+            },
+        },
+        scales: {
+            y: {
+                type: "linear",
+                display: true,
+                position: "right",
+                beginAtZero: true,
+                title: {
+                    display: true,
+                    text: "Quantidade de Ocorrências por Consulta",
+                    font: {
+                        size: 14,
+                        family: "open sans",
+                        weight: "bold",
+                    },
+                },
+            },
+            y2: {
+                type: "logarithmic",
+                display: true,
+                position: "left",
+                suggestedMin: 1,
+                title: {
+                    display: true,
+                    text: "Valor Total de Negativações (R$)",
+                    font: {
+                        size: 14,
+                        family: "open sans",
+                        weight: "bold",
+                    },
+                },
+                grid: {
+                    drawOnChartArea: false,
+                },
+                ticks: {
+                    font: {
+                        size: 12,
+                    },
+                    callback: function (value) {
+                        return new Intl.NumberFormat("pt-BR", {
+                            style: "currency",
+                            currency: "BRL",
+                            minimumFractionDigits: 2,
+                            notation: "compact",
+                        }).format(value);
+                    },
+                },
+            },
+            x: {
+                type: "time",
+                time: {
+                    unit: unit,
+                    parser: "yyyy-MM-dd",
+                },
+                title: {
+                    display: true,
+                    text: "Data",
+                },
+            },
+        },
+        elements: {
+            line: {
+                fill: false,
+                tension: 0.4,
+            },
+            point: {
+                radius: 3,
+            },
+        },
+    };
+}
+exports.getChartOptions = getChartOptions;

package/lib/cjs/components/chart/utils/chartUtils.d.ts

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

package/lib/cjs/components/chart/utils/chartUtils.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDividasPublicas = exports.useUltimaOcorrenciaCCF = exports.useCalculation = void 0;
+/* eslint-disable react-hooks/exhaustive-deps */
+var react_1 = require("react");
+var calculation_1 = require("../../../utils/calculation");
+var webservice_1 = require("../../../components/webservice");
+var xpath_1 = __importDefault(require("../../../utils/xpath"));
+var useCalculation = function (itens) {
+    var quantidade = (0, react_1.useMemo)(function () { return (0, calculation_1.somarQuantidades)(itens); }, [itens]);
+    var valorTotal = (0, react_1.useMemo)(function () { return (0, calculation_1.somarValoresTotais)(itens); }, [itens]);
+    var dataMaisRecente = (0, react_1.useMemo)(function () { return (0, calculation_1.encontrarDataMaisRecente)(itens); }, [itens]);
+    return { quantidade: quantidade, valorTotal: valorTotal, dataMaisRecente: dataMaisRecente };
+};
+exports.useCalculation = useCalculation;
+var useUltimaOcorrenciaCCF = function () {
+    var ctxCCF = (0, react_1.useContext)(webservice_1.Queries.CCF);
+    var ultimaOcorrenciaCCF = (0, react_1.useMemo)(function () {
+        if ((ctxCCF === null || ctxCCF === void 0 ? void 0 : ctxCCF.type) === webservice_1.RequestStatus.Success) {
+            return xpath_1.default.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;
+};
+exports.useUltimaOcorrenciaCCF = useUltimaOcorrenciaCCF;
+var useDividasPublicas = function () {
+    var ctxFinder = (0, react_1.useContext)(webservice_1.Queries.Finder);
+    var dividasPublicasData = (0, react_1.useMemo)(function () {
+        if ((ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type) === webservice_1.RequestStatus.Success) {
+            return {
+                quantidade: xpath_1.default.select("number(//dividas/resumo/quantidade_dividas)", ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.document) || 0,
+                valorTotal: xpath_1.default.select("number(//dividas/resumo/valor_total_dividas)", ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.document) || 0,
+            };
+        }
+        return {
+            quantidade: 0,
+            valorTotal: 0,
+        };
+    }, [ctxFinder === null || ctxFinder === void 0 ? void 0 : ctxFinder.type]);
+    return dividasPublicasData;
+};
+exports.useDividasPublicas = useDividasPublicas;

package/lib/cjs/components/chart/utils/dataManipulation.d.ts

@@ -0,0 +1,10 @@
+import { Consulta, DataInput, TimeFilter } from "../types/iChart";
+export declare const addMissingDateEntries: (data: Consulta[], startDate: Date, endDate: Date) => Consulta[];
+export declare const getFilteredStartDate: (timeFilter: TimeFilter, data: DataInput) => Date;
+export declare const getEarliestDate: (data: DataInput) => Date;
+export declare const getEndDate: () => Date;
+export declare function getUniqueDates(data: DataInput): string[];
+export declare const getBarSettings: (timeFilter: TimeFilter) => {
+    categoryPercentage: number;
+    barPercentage: number;
+};

package/lib/cjs/components/chart/utils/dataManipulation.js

@@ -0,0 +1,106 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBarSettings = exports.getUniqueDates = exports.getEndDate = exports.getEarliestDate = exports.getFilteredStartDate = exports.addMissingDateEntries = void 0;
+var underscore_1 = require("underscore");
+var date_fns_1 = require("date-fns");
+var addMissingDateEntries = function (data, startDate, endDate) {
+    var datesInRange = (0, date_fns_1.eachDayOfInterval)({
+        start: startDate,
+        end: endDate,
+    }).map(function (date) { return (0, date_fns_1.format)(date, "yyyy-MM-dd"); });
+    var lastKnownQuantidade;
+    var lastKnownValorTotal;
+    var formattedData = data.map(function (entry) { return (__assign(__assign({}, entry), { data: (0, date_fns_1.format)(typeof entry.data === "string" ? (0, date_fns_1.parseISO)(entry.data) : entry.data, "yyyy-MM-dd"), quantidade: entry.quantidade !== null ? entry.quantidade : lastKnownQuantidade, valorTotal: entry.valorTotal !== null ? entry.valorTotal : lastKnownValorTotal })); });
+    var dataMap = new Map(formattedData.map(function (entry) { return [entry.data, entry]; }));
+    return datesInRange.map(function (dateStr) {
+        var existingEntry = dataMap.get(dateStr);
+        if (existingEntry) {
+            lastKnownQuantidade = existingEntry.quantidade;
+            lastKnownValorTotal = existingEntry.valorTotal;
+            return existingEntry;
+        }
+        return {
+            data: dateStr,
+            quantidade: lastKnownQuantidade,
+            valorTotal: null,
+        };
+    });
+};
+exports.addMissingDateEntries = addMissingDateEntries;
+var getFilteredStartDate = function (timeFilter, data) {
+    var now = new Date();
+    switch (timeFilter) {
+        case "1y":
+            return (0, date_fns_1.subYears)(now, 1);
+        case "6m":
+            return (0, date_fns_1.subMonths)(now, 6);
+        case "1m":
+            return (0, date_fns_1.subMonths)(now, 1);
+        case "all":
+            return (0, exports.getEarliestDate)(data);
+        default:
+            console.warn("TimeFilter not recognized: ".concat(timeFilter, ", defaulting to current date."));
+            return now;
+    }
+};
+exports.getFilteredStartDate = getFilteredStartDate;
+var getEarliestDate = function (data) {
+    var allDates = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], data.protestos, true), data.ccfs, true), data.serasa, true), data.boaVista, true), data.dividasPublicasGrafico, true).map(function (entry) { return entry.data; })
+        .filter(function (date) { return date !== undefined; })
+        .map(function (date) { return (typeof date === "string" ? (0, date_fns_1.parseISO)(date) : date); })
+        .filter(date_fns_1.isValid);
+    return allDates.length > 0 ? (0, date_fns_1.min)(allDates) : new Date();
+};
+exports.getEarliestDate = getEarliestDate;
+var getEndDate = function () {
+    return new Date();
+};
+exports.getEndDate = getEndDate;
+function getUniqueDates(data) {
+    var allEntries = (0, underscore_1.union)(data.protestos, data.ccfs, data.serasa, data.boaVista, data.dividasPublicasGrafico);
+    var allDates = allEntries
+        .map(function (entry) {
+        var dateString = typeof entry.data === "string" ? entry.data : "";
+        var date = (0, date_fns_1.parseISO)(dateString);
+        return (0, date_fns_1.isValid)(date) ? (0, date_fns_1.format)(date, "yyyy-MM-dd") : "";
+    })
+        .filter(Boolean);
+    var uniqueSortedDates = Array.from(new Set(allDates)).sort();
+    return uniqueSortedDates;
+}
+exports.getUniqueDates = getUniqueDates;
+var getBarSettings = function (timeFilter) {
+    switch (timeFilter) {
+        case "1m":
+            return { categoryPercentage: 1.5, barPercentage: 1.5 };
+        case "6m":
+            return { categoryPercentage: 2.1, barPercentage: 2.1 };
+        case "1y":
+            return { categoryPercentage: 3.5, barPercentage: 3.5 };
+        case "all":
+            return { categoryPercentage: 7, barPercentage: 7 };
+        default:
+            return { categoryPercentage: 1.5, barPercentage: 1.5 };
+    }
+};
+exports.getBarSettings = getBarSettings;

package/lib/cjs/components/chart/utils/dataProcessing.d.ts

@@ -0,0 +1,3 @@
+import { DataInput } from "../../../components/chart/types/iChart";
+export declare const processData: (data: DataInput, quantidadeProcessosJuridicos: number) => DataInput;
+export declare function processProtestData(document: Document): DataInput["protestosCategory"];

package/lib/cjs/components/chart/utils/dataProcessing.js

@@ -0,0 +1,94 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processProtestData = exports.processData = void 0;
+var string_1 = require("../../../utils/string");
+var underscore_1 = require("underscore");
+var xpath_1 = __importDefault(require("../../../utils/xpath"));
+var regex_1 = require("../../../constants/regex");
+var processData = function (data, quantidadeProcessosJuridicos) {
+    var removeZeros = function (current, index, arr) {
+        return (index === 0 || index === arr.length - 1 || Number(current.quantidade) > 0);
+    };
+    var removeSameAsNext = function (current, index, arr) {
+        if (index === 0 || index === arr.length - 1)
+            return true;
+        return current.quantidade !== arr[index + 1].quantidade;
+    };
+    data.pieChartTotalConfig = {
+        processosJuridicos: quantidadeProcessosJuridicos,
+    };
+    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 (entry) {
+        var formattedDate = (0, string_1.formatDatePtBrToDate)(entry.creation);
+        return __assign(__assign({}, entry), { data: formattedDate, creation: undefined });
+    })
+        .filter(function (entry) { return entry.data; });
+    data.serasa = data.serasa
+        .map(function (entry) {
+        var formattedDate = (0, string_1.formatDatePtBrToDate)(entry.creation);
+        return __assign(__assign({}, entry), { data: formattedDate, creation: undefined });
+    })
+        .filter(function (entry) { return entry.data; });
+    data.dividasPublicasGrafico = data.dividasPublicasGrafico
+        .map(function (info) { return (__assign(__assign({}, info), { data: (0, string_1.formatDatePtBrToDate)(info.data), valorTotal: info.total, total: undefined })); })
+        .filter(function (info) { return info.data; });
+    return __assign(__assign({}, data), { protestos: data.protestos, ccfs: data.ccfs, boaVista: data.boaVista, serasa: data.serasa, dividasPublicasGrafico: data.dividasPublicasGrafico, pieChartTotalConfig: __assign(__assign({}, data.pieChartTotalConfig), { processosJuridicos: quantidadeProcessosJuridicos }) });
+};
+exports.processData = processData;
+function processProtestData(document) {
+    var _a, _b;
+    var filterProtestos = function (regex, data) {
+        return xpath_1.default.selectArray("//body//protesto", data).filter(function (protesto) {
+            return regex.test(xpath_1.default.select("string(./nomeCedente)", protesto));
+        });
+    };
+    return [
+        {
+            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 Gerais",
+            quantidade: xpath_1.default.selectArray("//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));
+            }).length,
+        },
+    ];
+}
+exports.processProtestData = processProtestData;

package/lib/cjs/consultaSimples.js

@@ -16,9 +16,11 @@ var imoveisService_1 = __importDefault(require("./components/imoveis/imoveisServ
 var globalStyle_1 = __importDefault(require("./components/interface/globalStyle"));
 var consultaRfb_1 = require("./components/consultaRfb");
 var styled_components_1 = __importDefault(require("styled-components"));
+var chart_js_1 = require("chart.js");
 var dominios_1 = __importDefault(require("./components/dominios/dominios"));
 var liminar_1 = __importDefault(require("./components/liminar/liminar"));
 var consultaSimplesSection_1 = __importDefault(require("./components/consultaSimplesSection/consultaSimplesSection"));
+chart_js_1.Chart.register.apply(chart_js_1.Chart, chart_js_1.registerables);
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n"])));
 var ConsultaSimples = function (_a) {
     var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
@@ -43,7 +45,7 @@ var ConsultaSimples = function (_a) {
                                                 react_1.default.createElement(dominios_1.default, null),
                                                 react_1.default.createElement(_1.BankAccounts, null),
                                                 react_1.default.createElement(_1.Queries.GraficosAnaliticos.Request, { data: { documento: documento } },
-                                                    react_1.default.createElement(_1.CustomChartSection, { documento: documento }),
+                                                    react_1.default.createElement(_1.ChartSystem, { documento: documento }),
                                                     react_1.default.createElement(scr_1.default, { documento: documento }),
                                                     react_1.default.createElement(_1.RefinBoaVista, { documento: documento }),
                                                     react_1.default.createElement(_1.RefinSerasa, { documento: documento }),

package/lib/cjs/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};

package/lib/cjs/hooks/useWindowSize.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+var react_1 = require("react");
+function useWindowSize() {
+    var _a = (0, react_1.useState)({
+        width: 0,
+        height: 0,
+    }), windowSize = _a[0], setWindowSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        function handleResize() {
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        }
+        window.addEventListener("resize", handleResize);
+        handleResize();
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, []);
+    return windowSize;
+}
+exports.useWindowSize = useWindowSize;

package/lib/cjs/index.d.ts

@@ -9,7 +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/addresses";
-export { default as Chart, ResumoDeNegativacoesChartSection as CustomChartSection, } from "./components/chart/customChart";
+export { default as ChartSystem, } from "./components/chart/chartSystem";
 export { default as BankAccounts } from "./components/bank-accounts/bank-accounts";
 export { default as ResultWithoutInformation } from "./components/interface/resultWithoutInformation";
 export * from "./components/webservice";