@credithub/harlan-components 1.3.3 → 1.4.0

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable react-hooks/exhaustive-deps */
+var react_1 = require("react");
+var webservice_1 = require("../webservice");
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+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.default = useUltimaOcorrenciaCCF;

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+function getTotalProtestos(response) {
+    return xpath_1.default.select("number(//registros)", response);
+}
+exports.default = getTotalProtestos;

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

@@ -11,7 +11,7 @@ var headerAction_1 = __importDefault(require("../common/headerAction"));
 var result_1 = require("../interface/result");
 var ProtestosCategory = function (_a) {
     var registros = _a.registros, title = _a.title, subtitle = _a.subtitle, children = _a.children;
-    var _b = (0, useToggle_1.default)(true), isOpen = _b[0], toggleOpen = _b[1];
+    var _b = (0, useToggle_1.default)(false), isOpen = _b[0], toggleOpen = _b[1];
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(header_1.default, { title: title, subtitle: subtitle, description: !registros
                 ? "Não foram encontradas ocorrências."

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

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

package/lib/cjs/components/webservice.js

@@ -49,7 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Queries = exports.query = exports.useMutation = exports.useQuery = exports.RequestStatus = exports.WebServiceProvider = exports.WebService = void 0;
+exports.headerStatus = exports.Queries = exports.query = exports.useMutation = exports.useQuery = exports.RequestStatus = exports.WebServiceProvider = exports.WebService = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/rules-of-hooks */
 var webservice_1 = require("@credithub/webservice");
@@ -92,7 +92,7 @@ function CustomProvider(Provider, query) {
                     : new Error(requestError));
             });
             return function () { return abortController.abort(); };
-        }, [abortController, client, data, urlData]);
+        }, []);
         var value = {
             type: error
                 ? RequestStatus.Error
@@ -194,10 +194,11 @@ function query(query) {
 exports.query = query;
 exports.Queries = {
     Finder: query("SELECT FROM 'FINDER'.'BILLING'"),
-    Protestos: query("SELECT FROM 'APICENPROT'.'PRINT'"),
+    Protestos: query("SELECT FROM 'IEPTB'.'IEPTBHARLAN'"),
     CCF: query("SELECT FROM 'SEEKLOC'.'CCF'"),
     ProcessosJuridicos: query("SELECT FROM 'PROCESSOSJURIDICOS'.'PROCESSOS'"),
     ReclameAqui: query("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'"),
+    GraficosAnaliticos: query("SELECT FROM 'DOCUMENTHISTORY'.'BASICHISTORY'")
 };
 var Section = function (_a) {
     var onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? function () { return react_1.default.createElement(react_1.default.Fragment, null, "Erro"); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return react_1.default.createElement(react_1.default.Fragment, null); } : _c, ctx = _a.ctx, children = _a.children, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, headerProps = __rest(_a, ["onSuccess", "onError", "onLoading", "ctx", "children", "className", "hideHeader"]);
@@ -218,16 +219,16 @@ var Section = function (_a) {
     var renderedResponse = renderResponse();
     if (react_1.default.isValidElement(renderedResponse)) {
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(header_1.default, __assign({}, headerProps, { className: (0, classnames_1.default)(className, headerStatus[ctx.type]), hidden: hideHeader })),
+            react_1.default.createElement(header_1.default, __assign({}, headerProps, { className: (0, classnames_1.default)(className, exports.headerStatus[ctx.type]), hidden: hideHeader })),
             renderedResponse));
     }
     var _e = renderedResponse, renderedChildren = _e.children, headerReplaceProps = __rest(_e, ["children"]);
     var headerPropsUnified = Object.assign(headerProps, headerReplaceProps);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(header_1.default, __assign({}, headerPropsUnified, { className: (0, classnames_1.default)(className, headerStatus[ctx.type], headerPropsUnified.className), hidden: hideHeader })),
+        react_1.default.createElement(header_1.default, __assign({}, headerPropsUnified, { className: (0, classnames_1.default)(className, exports.headerStatus[ctx.type], headerPropsUnified.className), hidden: hideHeader })),
         renderedChildren));
 };
-var headerStatus = (_a = {},
+exports.headerStatus = (_a = {},
     _a[RequestStatus.Loading] = "external-source loading",
     _a[RequestStatus.Success] = "success",
     _a[RequestStatus.Error] = "external-source error",

package/lib/cjs/consultaSimples.js

@@ -10,16 +10,18 @@ var ConsultaSimples = function (_a) {
     return (react_1.default.createElement(_1.WebServiceProvider, { credential: apiKey },
         react_1.default.createElement(_1.Section, { title: "Consulta Simples", subtitle: "Informa\u00E7\u00F5es agregadas do CPF ou CNPJ", description: "Registro encontrado", onClose: onClose },
             react_1.default.createElement(_1.Queries.Finder.Request, { data: { documento: documento } },
-                react_1.default.createElement(_1.Dossie, { onOpenNewTransactionModal: console.log }),
-                react_1.default.createElement(_1.Addresses, { apiKey: apiKey }),
-                react_1.default.createElement(_1.Contacts, { onClickConsutarEmail: console.log }),
-                react_1.default.createElement(_1.Partners, null),
-                react_1.default.createElement(_1.BankAccounts, null)),
-            react_1.default.createElement(_1.Queries.CCF.Request, { data: { documento: documento } },
-                react_1.default.createElement(_1.CCF, null)),
-            react_1.default.createElement(_1.Queries.Protestos.Request, { data: { documento: documento } },
-                react_1.default.createElement(_1.Protestos, null)),
-            react_1.default.createElement(_1.Queries.ProcessosJuridicos.Request, { data: { documento: documento } },
-                react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log })))));
+                react_1.default.createElement(_1.Queries.CCF.Request, { data: { documento: documento } },
+                    react_1.default.createElement(_1.Queries.Protestos.Request, { data: { documento: documento } },
+                        react_1.default.createElement(_1.Queries.ProcessosJuridicos.Request, { data: { documento: documento } },
+                            react_1.default.createElement(_1.Dossie, { onOpenNewTransactionModal: console.log }),
+                            react_1.default.createElement(_1.Addresses, { apiKey: apiKey }),
+                            react_1.default.createElement(_1.Contacts, { onClickConsutarEmail: console.log }),
+                            react_1.default.createElement(_1.Partners, 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.Protestos, null),
+                            react_1.default.createElement(_1.CCF, null),
+                            react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log }))))))));
 };
 exports.default = ConsultaSimples;

package/lib/cjs/index.d.ts

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

package/lib/cjs/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConsultaSimples = exports.ResultWithoutInformation = exports.BankAccounts = exports.Addresses = exports.ProcessosJuridicos = exports.Dossie = exports.CCF = exports.Protestos = exports.Partners = exports.Contacts = exports.AddItemField = exports.Loading = exports.Header = exports.Section = void 0;
+exports.ConsultaSimples = exports.ResultWithoutInformation = exports.BankAccounts = exports.CustomChartSection = exports.Chart = exports.Addresses = exports.ProcessosJuridicos = exports.Dossie = exports.CCF = exports.Protestos = exports.Partners = exports.Contacts = exports.AddItemField = exports.Loading = exports.Header = exports.Section = void 0;
 var section_1 = require("./components/interface/section");
 Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return __importDefault(section_1).default; } });
 var header_1 = require("./components/interface/header");
@@ -40,6 +40,9 @@ var processosJuridicos_1 = require("./components/processos-juridicos/processosJu
 Object.defineProperty(exports, "ProcessosJuridicos", { enumerable: true, get: function () { return __importDefault(processosJuridicos_1).default; } });
 var adresses_1 = require("./components/adresses/adresses");
 Object.defineProperty(exports, "Addresses", { enumerable: true, get: function () { return __importDefault(adresses_1).default; } });
+var customChart_1 = require("./components/chart/customChart");
+Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return __importDefault(customChart_1).default; } });
+Object.defineProperty(exports, "CustomChartSection", { enumerable: true, get: function () { return customChart_1.ResumoDeNegativacoesChartSection; } });
 var bank_accounts_1 = require("./components/bank-accounts/bank-accounts");
 Object.defineProperty(exports, "BankAccounts", { enumerable: true, get: function () { return __importDefault(bank_accounts_1).default; } });
 var resultWithoutInformation_1 = require("./components/interface/resultWithoutInformation");

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

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

package/lib/cjs/mock/mockDataInput.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var mockDataInput = {
+    ccfs: [
+        {
+            data: "01/01/2023",
+            quantidade: 10,
+            creation: "01/01/2023",
+            valorTotal: 5000,
+        },
+        {
+            data: "02/01/2023",
+            quantidade: 8,
+            creation: "02/01/2023",
+            valorTotal: 4500,
+        },
+        {
+            data: "03/01/2023",
+            quantidade: 12,
+            creation: "03/01/2023",
+            valorTotal: 5200,
+        },
+        {
+            data: "04/01/2023",
+            quantidade: 7,
+            creation: "04/01/2023",
+            valorTotal: 4300,
+        },
+    ],
+    protestos: [
+        {
+            data: "01/01/2023",
+            categoria: "Protestos de Crédito",
+            quantidade: 5,
+            creation: "01/01/2023",
+            valorTotal: 3000,
+        },
+        {
+            data: "02/01/2023",
+            categoria: "Protestos de Impostos",
+            quantidade: 7,
+            creation: "02/01/2023",
+            valorTotal: 3500,
+        },
+        {
+            data: "03/01/2023",
+            categoria: "Protestos em Geral",
+            quantidade: 6,
+            creation: "03/01/2023",
+            valorTotal: 3200,
+        },
+        {
+            data: "04/01/2023",
+            categoria: "Protestos em Geral",
+            quantidade: 9,
+            creation: "04/01/2023",
+            valorTotal: 3700,
+        },
+    ],
+    serasa: [
+        {
+            data: "01/01/2023",
+            quantidade: 20,
+            creation: "01/01/2023",
+            valorTotal: 10000,
+        },
+        {
+            data: "02/01/2023",
+            quantidade: 15,
+            creation: "02/01/2023",
+            valorTotal: 9000,
+        },
+        {
+            data: "03/01/2023",
+            quantidade: 18,
+            creation: "03/01/2023",
+            valorTotal: 9500,
+        },
+        {
+            data: "04/01/2023",
+            quantidade: 16,
+            creation: "04/01/2023",
+            valorTotal: 8800,
+        },
+    ],
+    boaVista: [
+        {
+            data: "01/01/2023",
+            quantidade: 8,
+            creation: "01/01/2023",
+            valorTotal: 4000,
+        },
+        {
+            data: "02/01/2023",
+            quantidade: 6,
+            creation: "02/01/2023",
+            valorTotal: 3600,
+        },
+        {
+            data: "03/01/2023",
+            quantidade: 7,
+            creation: "03/01/2023",
+            valorTotal: 3800,
+        },
+        {
+            data: "04/01/2023",
+            quantidade: 5,
+            creation: "04/01/2023",
+            valorTotal: 3500,
+        },
+    ],
+    dividasPublicasGrafico: [
+        {
+            data: "01/01/2023",
+            quantidade: 12,
+            creation: "01/01/2023",
+            valorTotal: 6000,
+        },
+        {
+            data: "02/01/2023",
+            quantidade: 10,
+            creation: "02/01/2023",
+            valorTotal: 5500,
+        },
+        {
+            data: "03/01/2023",
+            quantidade: 14,
+            creation: "03/01/2023",
+            valorTotal: 6200,
+        },
+        {
+            data: "04/01/2023",
+            quantidade: 11,
+            creation: "04/01/2023",
+            valorTotal: 5800,
+        },
+    ],
+};
+exports.default = mockDataInput;

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

@@ -0,0 +1,9 @@
+export interface ItemCalculo {
+    quantidade?: number | null;
+    valorTotal?: number | null;
+    data?: string | Date;
+    creation?: string | Date;
+}
+export declare function somarQuantidades(itens: ItemCalculo[]): number;
+export declare function somarValoresTotais(itens: ItemCalculo[]): number;
+export declare function encontrarDataMaisRecente(itens: ItemCalculo[]): string;

package/lib/cjs/utils/calculation.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.encontrarDataMaisRecente = exports.somarValoresTotais = exports.somarQuantidades = void 0;
+function somarQuantidades(itens) {
+    return itens.reduce(function (total, item) { var _a; return total + ((_a = item.quantidade) !== null && _a !== void 0 ? _a : 0); }, 0);
+}
+exports.somarQuantidades = somarQuantidades;
+function somarValoresTotais(itens) {
+    return itens.reduce(function (total, item) { var _a; return total + ((_a = item.valorTotal) !== null && _a !== void 0 ? _a : 0); }, 0);
+}
+exports.somarValoresTotais = somarValoresTotais;
+function encontrarDataMaisRecente(itens) {
+    var maisRecente = itens.reduce(function (maisRecente, item) {
+        var dataAtual = item.data ? new Date(item.data) : new Date(0);
+        return dataAtual > maisRecente ? dataAtual : maisRecente;
+    }, new Date(0));
+    return (maisRecente.getDate().toString().padStart(2, "0") +
+        "/" +
+        (maisRecente.getMonth() + 1).toString().padStart(2, "0") +
+        "/" +
+        maisRecente.getFullYear().toString());
+}
+exports.encontrarDataMaisRecente = encontrarDataMaisRecente;

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

@@ -0,0 +1 @@
+export declare function isDate(date: string | Date): boolean;

package/lib/cjs/utils/date.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDate = void 0;
+var dateRegex = /^\d{4}-\d{2}-\d{2}$/;
+function isDate(date) {
+    if (typeof date === 'string' && !dateRegex.test(date))
+        return false;
+    return !isNaN(new Date(date).getTime());
+}
+exports.isDate = isDate;

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

@@ -0,0 +1,2 @@
+declare const formatter: Intl.NumberFormat;
+export default formatter;

package/lib/cjs/utils/formatter.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var formatter = new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL",
+});
+exports.default = formatter;

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

@@ -1,2 +1,3 @@
-export declare const formatMoney: (value: string | number) => string;
-export declare const phoneMask: (value: string) => string;
+export declare const formatMoney: (value?: string | number) => string;
+export declare const phoneMask: (value?: string) => string;
+export declare function formatValue(valor?: number): string | undefined;

package/lib/cjs/utils/number.js

@@ -1,19 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.phoneMask = exports.formatMoney = void 0;
+exports.formatValue = exports.phoneMask = exports.formatMoney = void 0;
 var formatMoney = function (value) {
-    return new Intl.NumberFormat('pt-BR', {
-        style: 'currency',
-        currency: 'BRL'
+    return new Intl.NumberFormat("pt-BR", {
+        style: "currency",
+        currency: "BRL"
     }).format(Number(value));
 };
 exports.formatMoney = formatMoney;
 var phoneMask = function (value) {
     if (!value)
         return "";
-    value = value.replace(/\D/g, '');
+    value = value.replace(/\D/g, "");
     value = value.replace(/(\d{2})(\d)/, "($1) $2");
     value = value.replace(/(\d)(\d{4})$/, "$1-$2");
     return value;
 };
 exports.phoneMask = phoneMask;
+function formatValue(valor) {
+    return valor === null || valor === void 0 ? void 0 : valor.toLocaleString('pt-BR');
+}
+exports.formatValue = formatValue;

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

@@ -1,3 +1,4 @@
 export declare function formatCpf(cpf: string): string;
 export declare function formatCnpj(cnpj: string): string;
 export declare function isCnpj(documento: string): boolean;
+export declare function formatDatePtBrToDate(date: string): Date;

package/lib/cjs/utils/string.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCnpj = exports.formatCnpj = exports.formatCpf = void 0;
+exports.formatDatePtBrToDate = exports.isCnpj = exports.formatCnpj = exports.formatCpf = void 0;
 function formatCpf(cpf) {
     cpf = cpf.replace(/[^0-9]/g, "");
     if (cpf.length !== 11)
-        return '';
+        return "";
     return "".concat(cpf.slice(0, 3), ".").concat(cpf.slice(3, 6), ".").concat(cpf.slice(6, 9), "-").concat(cpf.slice(9));
 }
 exports.formatCpf = formatCpf;
 function formatCnpj(cnpj) {
     cnpj = cnpj.replace(/[^0-9]/g, "");
     if (cnpj.length !== 14)
-        return '';
+        return "";
     return "".concat(cnpj.slice(0, 2), ".").concat(cnpj.slice(2, 5), ".").concat(cnpj.slice(5, 8), "/").concat(cnpj.slice(8, 12), "-").concat(cnpj.slice(12));
 }
 exports.formatCnpj = formatCnpj;
@@ -20,3 +20,8 @@ function isCnpj(documento) {
     return documento.length === 14;
 }
 exports.isCnpj = isCnpj;
+function formatDatePtBrToDate(date) {
+    var _a, _b;
+    return new Date((_b = (_a = date === null || date === void 0 ? void 0 : date.split('/')) === null || _a === void 0 ? void 0 : _a.reverse()) === null || _b === void 0 ? void 0 : _b.join('-'));
+}
+exports.formatDatePtBrToDate = formatDatePtBrToDate;

package/lib/esm/components/ccf/ccf.js

@@ -15,16 +15,13 @@ var CCF = function () {
         ultimaOcorrencia: XPathUtils.select("string(./ultimo)", node),
         motivo: XPathUtils.select("string(./motivo)", node),
     }); };
-    var calculateTotalOcorrencias = function (ccfData) {
-        return ccfData.reduce(function (acc, item) { return acc + item.quantidadeDeOcorrencias; }, 0);
-    };
-    return (React.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.createElement(React.Fragment, null, "Carregando..."); }, onError: function () { return React.createElement(React.Fragment, null, "Erro"); }, onSuccess: function (data) {
+    return (React.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 = XPathUtils.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 = XPathUtils.select('number(//sumQteOcorrencias)', data);
             var children = totalOcorrencias ? (React.createElement(Result, null, ccfData.map(function (ccf, key) { return (React.createElement(CCFList, { key: key, data: [ccf] })); }))) : (React.createElement(ResultWithoutInformation, null));
             return {
                 children: children,

package/lib/esm/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/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;