@credithub/harlan-components 1.2.0 → 1.3.0

package/lib/esm/components/processos-juridicos/envolvidosList.js

@@ -12,6 +12,6 @@ var EnvolvidosList = function (_a) {
         open && envolvidos.map(function (envolvido, i) { return (React.createElement("div", { key: i, className: "envolvidos-list" },
             React.createElement("div", { className: "content" },
                 React.createElement(AddItemField, { name: "Nome", value: envolvido.nome }),
-                React.createElement(AddItemField, { name: "Envolvimento", value: envolvido.envolvimento })))); })));
+                React.createElement(AddItemField, { name: "Envolvimento", value: envolvido.envolvido_tipo || 'Não Informado' })))); })));
 };
 export default EnvolvidosList;

package/lib/esm/components/processos-juridicos/processosJuridicos.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
-import { ProcessosJuridicosData } from './processosJuridicosList';
+import React from "react";
 declare const ProcessosJuridicos: React.FC<{
-    data: ProcessosJuridicosData[];
-    onClickConsultarProcessoJuridico: () => void;
+    onClickConsultarProcessoJuridico: (processo: string) => void;
 }>;
 export default ProcessosJuridicos;

package/lib/esm/components/processos-juridicos/processosJuridicos.js

@@ -1,19 +1,22 @@
-import React from 'react';
-import Header from '../interface/header';
-import { Result } from '../interface/result';
-import ProcessosJuridicosList from './processosJuridicosList';
-import classNames from 'classnames';
-import HeaderAction from '../common/headerAction';
-import useToggle from '../../hooks/useToggle';
+import React, { useContext } from "react";
+import { Result } from "../interface/result";
+import ProcessosJuridicosList from "./processosJuridicosList";
+import { Queries } from "../webservice";
+import ResultWithoutInformation from "../interface/resultWithoutInformation";
 var ProcessosJuridicos = function (_a) {
-    var data = _a.data, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
-    var _b = useToggle(false), isOpen = _b[0], toggleOpen = _b[1];
-    return (React.createElement(Result, null,
-        React.createElement(Header, { title: "Processos Jur\u00EDdicos", subtitle: "Veja Os Processos Jur\u00EDdicos Para Este Cnpj", description: "Pesquisa concluída", 
-            //style={{ background: 'url("images/textures/brilliant.png"), linear-gradient(rgb(247, 8, 8), rgb(255, 255, 255) 160%)' }}
-            className: classNames({
-                'gradient-error': data === null || data === void 0 ? void 0 : data.length
-            }), actions: React.createElement(HeaderAction, { iconClass: isOpen ? "minus-square-o" : "plus-square-o", onClick: toggleOpen }) }),
-        isOpen && (React.createElement(ProcessosJuridicosList, { processos: data, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico }))));
+    var onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
+    var ctx = useContext(Queries.ProcessosJuridicos);
+    var Section = ctx.Section;
+    return (React.createElement(Section, { ctx: ctx, title: "Processos Jur\u00EDdicos", subtitle: "Veja os Processos Jur\u00EDdicos para este documento.", onSuccess: function (data) {
+            var _a;
+            if (!((_a = data === null || data === void 0 ? void 0 : data.empresa) === null || _a === void 0 ? void 0 : _a.length))
+                return (React.createElement(ResultWithoutInformation, { value: "N\u00E3o foram econtrados processos jur\u00EDdicos para o documento pesquisado." }));
+            var children = (React.createElement(Result, null,
+                React.createElement(ProcessosJuridicosList, { processos: data === null || data === void 0 ? void 0 : data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })));
+            return {
+                children: children,
+                description: "Pesquisa concluída",
+            };
+        } }));
 };
 export default ProcessosJuridicos;

package/lib/esm/components/processos-juridicos/processosJuridicosList.d.ts

@@ -1,15 +1,7 @@
 import React from "react";
-import { Envolvido } from "./envolvidosList";
-export type ProcessosJuridicosData = {
-    numeroCnj: string;
-    assuntos: string;
-    classeProcessual: string;
-    siglaDoDiario: string;
-    estado: string;
-    envolvidosUltimaMovimentacao: Envolvido[];
-};
+import { ProcessoJuridicoResume } from "./types";
 declare const ProcessosJuridicosList: React.FC<{
-    processos: ProcessosJuridicosData[];
-    onClickConsultarProcessoJuridico: () => void;
+    processos: ProcessoJuridicoResume[];
+    onClickConsultarProcessoJuridico: (processo: string) => void;
 }>;
 export default ProcessosJuridicosList;

package/lib/esm/components/processos-juridicos/processosJuridicosList.js

@@ -1,24 +1,50 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React, { memo } from "react";
 import { Result } from "../interface/result";
-import AddProcessoJuridicoField from "../common/addItem";
+import AddItem from "../common/addItem";
 import Button from "../common/button";
 import EnvolvidosList from "./envolvidosList";
+var AddProcessoJuridicoField = function (_a) {
+    var value = _a.value, props = __rest(_a, ["value"]);
+    return (React.createElement(AddItem, __assign({}, props, { value: value || "Não Informado" })));
+};
 var ProcessoJuridicoItem = memo(function (_a) {
     var processo = _a.processo, children = _a.children;
     return (React.createElement("div", { className: "content-layout" },
-        React.createElement(AddProcessoJuridicoField, { name: "N\u00FAmero CNJ", value: processo.numeroCnj }),
+        React.createElement(AddProcessoJuridicoField, { name: "N\u00FAmero CNJ", value: processo.numero_novo }),
         React.createElement(AddProcessoJuridicoField, { name: "Assunto(s)", value: processo.assuntos }),
-        React.createElement(AddProcessoJuridicoField, { name: "Classe Processual", value: processo.classeProcessual }),
-        React.createElement(AddProcessoJuridicoField, { name: "Sigla do Di\u00E1rio", value: processo.siglaDoDiario }),
+        React.createElement(AddProcessoJuridicoField, { name: "Classe Processual", value: processo.classe_processual }),
+        React.createElement(AddProcessoJuridicoField, { name: "Sigla do Di\u00E1rio", value: processo.diario_sigla }),
         React.createElement(AddProcessoJuridicoField, { name: "Estado", value: processo.estado }),
         children));
 });
 var ProcessosJuridicosList = function (_a) {
     var processos = _a.processos, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
-    return (React.createElement(React.Fragment, null, processos.map(function (processo, i) { return (React.createElement(React.Fragment, null,
+    return processos.map(function (processo, i) { return (React.createElement(React.Fragment, null,
         React.createElement(Result, { isContainer: true, contentClassName: 'container-layout' },
             React.createElement(ProcessoJuridicoItem, { key: i, processo: processo },
-                React.createElement(Button, { onClick: function () { return onClickConsultarProcessoJuridico(); }, price: "R$ 1" }, "Consultar Processo Jur\u00EDdico"))),
-        React.createElement(EnvolvidosList, { envolvidos: processo === null || processo === void 0 ? void 0 : processo.envolvidosUltimaMovimentacao }))); })));
+                React.createElement(Button, { onClick: function () { return onClickConsultarProcessoJuridico(processo.numero_novo); }, price: "R$ 1" }, "Consultar Processo Jur\u00EDdico"))),
+        React.createElement(EnvolvidosList, { envolvidos: processo === null || processo === void 0 ? void 0 : processo.envolvidos_ultima_movimentacao }))); });
 };
 export default ProcessosJuridicosList;

package/lib/esm/components/processos-juridicos/types.d.ts

@@ -0,0 +1,27 @@
+export interface ProcessoJuridicoResponse {
+    empresa: ProcessoJuridicoResume[];
+}
+export interface ProcessoJuridicoResume {
+    id: string;
+    numero_antigo: string;
+    numero_novo: string;
+    created_at: string;
+    updated_at: string;
+    tipo_envolvido: string;
+    diario_sigla: string;
+    diario_nome: string;
+    estado: string;
+    data_movimentacoes: string;
+    quantidade_movimentacoes: string;
+    classe_processual: string;
+    assuntos: string;
+    envolvidos_ultima_movimentacao: EnvolvidoUltimaMovimentacao[];
+}
+export interface EnvolvidoUltimaMovimentacao {
+    nome: string;
+    nome_sem_filtro: string;
+    envolvido_tipo: string;
+    envolvido_extra_nome: string;
+    oab: string;
+    advogado_de: string;
+}

package/lib/esm/components/processos-juridicos/types.js

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

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

@@ -6,7 +6,7 @@ import ProtestosCategory from "./protestosCategory";
 import { ProtestoItem } from "./protestosList";
 import XPathUtils from "../../utils/xpath";
 import { REGEX_PROTESTOS_DE_CREDITO, REGEX_PROTESTOS_DE_IMPOSTO, } from "../../constants/regex";
-import ResultWithoutInformation from "../resultWithoutInformation/ResultWithoutInformation";
+import ResultWithoutInformation from "../interface/resultWithoutInformation";
 var Protestos = function () {
     var ctx = useContext(Queries.Protestos);
     var Section = ctx.Section;
@@ -15,7 +15,7 @@ var Protestos = function () {
             return regex.test(XPathUtils.select("string(./nomeCedente)", protesto));
         });
     };
-    return (React.createElement(Section, { ctx: ctx, title: "Protestos", subtitle: "Consulta de Protestos ao CENPROT", onError: function () { return React.createElement(React.Fragment, null, "Erro"); }, onLoading: function () { return React.createElement(React.Fragment, null, "Carregando..."); }, onSuccess: function (data) {
+    return (React.createElement(Section, { ctx: ctx, title: "Protestos", subtitle: "Consulta de Protestos ao CENPROT", onError: function () { return React.createElement(React.Fragment, null, "Erro"); }, onSuccess: function (data) {
             var registros = XPathUtils.select("number(//registros)", data);
             var protestosDeCredito = filterProtestos(REGEX_PROTESTOS_DE_CREDITO, data);
             var protestosDeImposto = filterProtestos(REGEX_PROTESTOS_DE_IMPOSTO, data);
@@ -26,14 +26,15 @@ var Protestos = function () {
             });
             var children = registros ? (React.createElement(Result, null,
                 React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", registros: protestosDeCredito === null || protestosDeCredito === void 0 ? void 0 : protestosDeCredito.length }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })),
-                React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Confira os protestos da Categoria Cr\u00E9dito deste Documento", registros: protestosDeCredito === null || protestosDeCredito === void 0 ? void 0 : protestosDeCredito.length }, protestosDeCredito.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })),
                 React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Confira os protestos da Categoria Imposto deste Documento", registros: protestosDeImposto === null || protestosDeImposto === void 0 ? void 0 : protestosDeImposto.length }, protestosDeImposto.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })),
-                React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Confira os protestos da Categoria Geral deste Documento", registros: protestosGerais === null || protestosGerais === void 0 ? void 0 : protestosGerais.length }, protestosGerais.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))) : React.createElement(ResultWithoutInformation, null);
+                React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Confira os protestos da Categoria Geral deste Documento", registros: protestosGerais === null || protestosGerais === void 0 ? void 0 : protestosGerais.length }, protestosGerais.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))) : (React.createElement(ResultWithoutInformation, null));
             return {
                 children: children,
-                className: registros && 'gradient-error' || '',
+                className: (registros && "gradient-error") || "",
                 description: registros
-                    ? (registros === 1 ? 'Encontrado um protesto.' : "Encontrados ".concat(registros, " protestos."))
+                    ? registros === 1
+                        ? "Encontrado um protesto."
+                        : "Encontrados ".concat(registros, " protestos.")
                     : "Não há ocorrência de protesto.",
             };
         } }));

package/lib/esm/components/reclameAqui/reclameAquiCarousel.js

@@ -12,15 +12,15 @@ var __assign = (this && this.__assign) || function () {
 import React from "react";
 import Carousel from "../common/carousel";
 var statusMap = {
-    'GREAT': 'Ótimo',
-    'GOOD': 'Bom',
-    'REGULAR': 'Regular',
-    'NOT_RECOMMENDED': 'Não Recomendado',
-    'NO_INDEX': '--',
-    'BAD': 'Ruim',
+    GREAT: "Ótimo",
+    GOOD: "Bom",
+    REGULAR: "Regular",
+    NOT_RECOMMENDED: "Não Recomendado",
+    NO_INDEX: "--",
+    BAD: "Ruim",
 };
 var translateStatus = function (status) {
-    return statusMap[status] || '--';
+    return statusMap[status] || "--";
 };
 var ProblemasResolvidos = function (_a) {
     var value = _a.value;
@@ -44,7 +44,7 @@ var ReclameAquiStats = function (_a) {
                 React.createElement("span", null,
                     score,
                     "/10")),
-            React.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + '%' }))));
+            React.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + "%" }))));
 };
 export var ReclameAquiCarousel = function (_a) {
     var data = _a.data;
@@ -52,6 +52,6 @@ export var ReclameAquiCarousel = function (_a) {
         React.createElement("div", { className: "carrossel-content" },
             React.createElement(Carousel, { pagination: false, isRTL: false, showArrows: (data === null || data === void 0 ? void 0 : data.length) > 1, renderArrow: function (_a) {
                     var type = _a.type, onClick = _a.onClick;
-                    return (React.createElement("i", { className: "fa fa-angle-".concat(type == 'PREV' ? 'left' : 'right', " reclame-aqui-carousel-btn"), onClick: onClick }));
+                    return (React.createElement("i", { className: "fa fa-angle-".concat(type == "PREV" ? "left" : "right", " reclame-aqui-carousel-btn"), onClick: onClick }));
                 } }, data === null || data === void 0 ? void 0 : data.map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); })))));
 };

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

@@ -1,6 +1,7 @@
 import { Client } from "@credithub/webservice";
 import React, { PropsWithChildren, FC } from "react";
 import Header from "./interface/header";
+import { ProcessoJuridicoResponse } from "./processos-juridicos/types";
 export declare const WebService: React.Context<Client.WebService>;
 export declare const WebServiceProvider: FC<PropsWithChildren<{
     credential: string;
@@ -40,6 +41,18 @@ type ISection<T> = React.FC<{
     onLoading?: (ctx: RequestContext<T>) => RenderedResponse;
     hideHeader?: boolean;
 } & React.ComponentProps<typeof Header>>;
+export declare function useQuery<R = unknown, T extends Client.Form = Client.Form>(query: string, data?: T): {
+    response: ParsedResponse<R> | null;
+    error: Error | null;
+    isLoading: boolean;
+    refetch: () => void;
+};
+export declare function useMutation<R = unknown, T extends Client.Form = Client.Form>(query: string, data?: T): {
+    isLoading: boolean;
+    error: Error | null;
+    response: ParsedResponse<R> | null;
+    mutate: () => void;
+};
 export declare function query<T extends Client.Form = Client.Form, R = unknown>(query: string): React.Context<RequestContext<R>> & {
     Request: React.FC<React.PropsWithChildren<{
         data?: T | undefined;
@@ -63,5 +76,32 @@ export declare const Queries: {
             urlData?: Client.Form | undefined;
         }>>;
     };
+    CCF: React.Context<RequestContext<Document>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
+    ProcessosJuridicos: React.Context<RequestContext<ProcessoJuridicoResponse>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+                nome?: string | undefined;
+                estado?: string | undefined;
+                pf?: string | undefined;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
+    ReclameAqui: React.Context<RequestContext<Document>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
 };
 export {};

package/lib/esm/components/webservice.js

@@ -22,11 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 var _a;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable react-hooks/rules-of-hooks */ import { Client } from "@credithub/webservice";
-import React, { createContext, useState, useContext, useEffect, useMemo } from "react";
+/* eslint-disable react-hooks/rules-of-hooks */
+import { Client } from "@credithub/webservice";
+import React, { createContext, useState, useContext, useEffect, useMemo, useCallback, } from "react";
 import Header from "./interface/header";
 import cn from "classnames";
-export var WebService = createContext(new Client.WebService);
+export var WebService = createContext(new Client.WebService());
 export var WebServiceProvider = function (_a) {
     var credential = _a.credential, children = _a.children;
     return (React.createElement(WebService.Provider, { value: new Client.WebService(credential) }, children));
@@ -42,18 +43,32 @@ function CustomProvider(Provider, query) {
     return function (_a) {
         var children = _a.children, data = _a.data, urlData = _a.urlData;
         var client = useContext(WebService);
-        var abortController = useMemo(function () { return new AbortController; }, []);
+        var abortController = useMemo(function () { return new AbortController(); }, []);
         var _b = useState(null), response = _b[0], setResponse = _b[1];
         var _c = useState(null), error = _c[0], setError = _c[1];
         useEffect(function () {
-            client.request(query, data, urlData, abortController.signal)
-                .then(function (response) { return Client.WebService.parse(response).then(function (document) { return ({ response: response, document: document }); }); })
+            client
+                .request(query, data, urlData, abortController.signal)
+                .then(function (response) {
+                return Client.WebService.parse(response).then(function (document) { return ({
+                    response: response,
+                    document: document,
+                }); });
+            })
                 .then(function (document) { return setResponse(document); })
-                .catch(function (requestError) { return setError(requestError instanceof Error ? requestError : new Error(requestError)); });
+                .catch(function (requestError) {
+                return setError(requestError instanceof Error
+                    ? requestError
+                    : new Error(requestError));
+            });
             return function () { return abortController.abort(); };
         }, [abortController, client, data, urlData]);
         var value = {
-            type: error ? RequestStatus.Error : (response ? RequestStatus.Success : RequestStatus.Loading),
+            type: error
+                ? RequestStatus.Error
+                : response
+                    ? RequestStatus.Success
+                    : RequestStatus.Loading,
             error: error,
             data: data,
             urlData: urlData,
@@ -61,19 +76,84 @@ function CustomProvider(Provider, query) {
             document: response === null || response === void 0 ? void 0 : response.document,
             Section: function (_a) {
                 var props = __rest(_a, []);
-                return React.createElement(Section, __assign({}, props, { ctx: value }));
-            }
+                return (React.createElement(Section, __assign({}, props, { ctx: value })));
+            },
         };
         return React.createElement(Provider.Provider, { value: value }, children);
     };
 }
+export function useQuery(query, data) {
+    var client = useContext(WebService);
+    var abortController = useMemo(function () { return new AbortController(); }, []);
+    var _a = useState(null), response = _a[0], setResponse = _a[1];
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    var fetch = useCallback(function () {
+        setIsLoading(true);
+        client
+            .request(query, data, undefined, abortController.signal)
+            .then(function (response) {
+            return Client.WebService.parse(response).then(function (document) { return ({
+                response: response,
+                document: document,
+            }); });
+        })
+            .then(function (document) { return setResponse(document); })
+            .catch(function (requestError) {
+            return setError(requestError instanceof Error && requestError.name !== "AbortError"
+                ? requestError
+                : new Error(requestError));
+        })
+            .finally(function () { return setIsLoading(false); });
+    }, [client, query, data, abortController.signal]);
+    useEffect(function () {
+        fetch();
+    }, [fetch]);
+    return {
+        response: response,
+        error: error,
+        isLoading: isLoading,
+        refetch: fetch,
+    };
+}
+export function useMutation(query, data) {
+    var client = useContext(WebService);
+    var abortController = useMemo(function () { return new AbortController(); }, []);
+    var _a = useState(null), response = _a[0], setResponse = _a[1];
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    var mutate = useCallback(function () {
+        setIsLoading(true);
+        client
+            .request(query, data, undefined, abortController.signal)
+            .then(function (response) {
+            return Client.WebService.parse(response).then(function (document) { return ({
+                response: response,
+                document: document,
+            }); });
+        })
+            .then(function (document) { return setResponse(document); })
+            .catch(function (requestError) {
+            return setError(requestError instanceof Error && requestError.name !== "AbortError"
+                ? requestError
+                : new Error(requestError));
+        })
+            .finally(function () { return setIsLoading(false); });
+    }, [client, query, data, abortController.signal]);
+    return {
+        isLoading: isLoading,
+        error: error,
+        response: response,
+        mutate: mutate,
+    };
+}
 export function query(query) {
     var RequestContext = createContext({
         type: RequestStatus.Empty,
         Section: function (_a) {
             var props = __rest(_a, []);
             return React.createElement(Section, __assign({}, props));
-        }
+        },
     });
     return Object.assign(RequestContext, {
         Request: CustomProvider(RequestContext, query),
@@ -81,10 +161,13 @@ export function query(query) {
 }
 export var Queries = {
     Finder: query("SELECT FROM 'FINDER'.'BILLING'"),
-    Protestos: query("SELECT FROM 'APICENPROT'.'PRINT'")
+    Protestos: query("SELECT FROM 'APICENPROT'.'PRINT'"),
+    CCF: query("SELECT FROM 'SEEKLOC'.'CCF'"),
+    ProcessosJuridicos: query("SELECT FROM 'PROCESSOSJURIDICOS'.'PROCESSOS'"),
+    ReclameAqui: query("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'"),
 };
 var Section = function (_a) {
-    var onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? function () { return React.createElement(React.Fragment, null, "Erro"); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null, "Loading"); } : _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"]);
+    var onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? function () { return React.createElement(React.Fragment, null, "Erro"); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, children = _a.children, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, headerProps = __rest(_a, ["onSuccess", "onError", "onLoading", "ctx", "children", "className", "hideHeader"]);
     if (!ctx)
         return null;
     var renderResponse = function () {
@@ -112,8 +195,8 @@ var Section = function (_a) {
         renderedChildren));
 };
 var headerStatus = (_a = {},
-    _a[RequestStatus.Loading] = 'external-source loading',
-    _a[RequestStatus.Success] = 'success',
-    _a[RequestStatus.Error] = 'external-source error',
-    _a[RequestStatus.Empty] = 'external-source error',
+    _a[RequestStatus.Loading] = "external-source loading",
+    _a[RequestStatus.Success] = "success",
+    _a[RequestStatus.Error] = "external-source error",
+    _a[RequestStatus.Empty] = "external-source error",
     _a);

package/lib/esm/consultaSimples.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type ConsultaSimplesProps = {
+    documento: string;
+    apiKey: string;
+    onClose: () => void;
+};
+declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
+export default ConsultaSimples;

package/lib/esm/consultaSimples.js

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

package/lib/esm/index.d.ts

@@ -1,12 +1,16 @@
 export { default as Section } from "./components/interface/section";
 export { default as Header } from "./components/interface/header";
+export { default as Loading } from "./components/interface/loading";
 export { default as AddItemField } from "./components/common/addItem";
 export { default as Contacts } from "./components/contacts/contacts";
 export { default as Partners } from "./components/partners/partners";
 export { default as Protestos } from "./components/protestos/protestos";
-export { default as CCF } from './components/ccf/ccf';
+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 ProcessosJuridicos } from "./components/processos-juridicos/processosJuridicos";
 export { default as Addresses } from "./components/adresses/adresses";
-export { default as BankAccounts } from './components/bank-accounts/bank-accounts';
+export { default as BankAccounts } from "./components/bank-accounts/bank-accounts";
+export { default as ResultWithoutInformation } from "./components/interface/resultWithoutInformation";
+export * from "./components/webservice";
 export * from "./components/interface/result";
+export * from "./consultaSimples";

package/lib/esm/index.js

@@ -1,12 +1,16 @@
 export { default as Section } from "./components/interface/section";
 export { default as Header } from "./components/interface/header";
+export { default as Loading } from "./components/interface/loading";
 export { default as AddItemField } from "./components/common/addItem";
 export { default as Contacts } from "./components/contacts/contacts";
 export { default as Partners } from "./components/partners/partners";
 export { default as Protestos } from "./components/protestos/protestos";
-export { default as CCF } from './components/ccf/ccf';
+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 ProcessosJuridicos } from "./components/processos-juridicos/processosJuridicos";
 export { default as Addresses } from "./components/adresses/adresses";
-export { default as BankAccounts } from './components/bank-accounts/bank-accounts';
+export { default as BankAccounts } from "./components/bank-accounts/bank-accounts";
+export { default as ResultWithoutInformation } from "./components/interface/resultWithoutInformation";
+export * from "./components/webservice";
 export * from "./components/interface/result";
+export * from "./consultaSimples";

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

@@ -1 +1,2 @@
 export declare const formatMoney: (value: string | number) => string;
+export declare const phoneMask: (value: string) => string;

package/lib/esm/utils/number.js

@@ -4,3 +4,11 @@ export var formatMoney = function (value) {
         currency: 'BRL'
     }).format(Number(value));
 };
+export var phoneMask = function (value) {
+    if (!value)
+        return "";
+    value = value.replace(/\D/g, '');
+    value = value.replace(/(\d{2})(\d)/, "($1) $2");
+    value = value.replace(/(\d)(\d{4})$/, "$1-$2");
+    return value;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@credithub/harlan-components",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Provide a set of web components to be used in Harlan and other projects",
   "keywords": [
     "harlan",
@@ -40,7 +40,6 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@babel/runtime": "^7.23.2",
-    "@types/axios": "^0.14.0",
     "@types/node": "^20.8.10",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",