@credithub/harlan-components 1.1.1

package/lib/esm/components/protestos/protestosCategory.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { HeaderProps } from "../interface/header";
+declare const ProtestosCategory: React.FC<HeaderProps & {
+    registros: number;
+    children: React.ReactNode;
+}>;
+export default ProtestosCategory;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import Header from "../interface/header";
+import useToggle from "../../hooks/useToggle";
+import classNames from "classnames";
+import HeaderAction from "../common/headerAction";
+import { Result } from "../interface/result";
+var ProtestosCategory = function (_a) {
+    var registros = _a.registros, title = _a.title, subtitle = _a.subtitle, children = _a.children;
+    var _b = useToggle(true), isOpen = _b[0], toggleOpen = _b[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, { title: title, subtitle: subtitle, description: !registros
+                ? "Não foram encontradas ocorrências."
+                : (registros === 1 ? 'Foi encontrado um protesto.' : "Foram encontrados ".concat(registros, " protestos.")), className: classNames({ error: registros }), actions: registros ? (React.createElement(HeaderAction, { iconClass: isOpen ? "minus-square-o" : "plus-square-o", onClick: toggleOpen })) : null }),
+        React.createElement(Result, { hidden: !isOpen, isContainer: true, contentClassName: "container-layout" }, children)));
+};
+export default ProtestosCategory;

package/lib/esm/components/protestos/protestosList.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+export type ProtestoData = {
+    quemProtestou: string;
+    atravesDe: string;
+    cpfCnpjProtestado: string;
+    dataDoProtestos: string;
+    possuiAnuencia: string;
+    anuenciaVencida: string;
+    valorDoProtesto: string;
+    valor?: number;
+    tipo: "CREDITO" | "IMPOSTO" | "GERAL";
+};
+export declare const ProtestoItem: React.MemoExoticComponent<({ protesto }: {
+    protesto: Node;
+}) => React.JSX.Element>;
+export declare const ProtestosList: React.FC<{
+    protestos: Node[];
+}>;
+/**
+ * const ProtestosList: React.FC<{
+    protestos: ProtestoData[]
+}> = ({ protestos }) => {
+    return (
+        <Result isContainer contentClassName='container-layout'>
+            {protestos?.length ? protestos.map((protesto, i) => (
+                <ProtestoItem key={i} protesto={protesto} />
+            )) : (
+                <AddItemField name="Informação" value="Não foi encontrado registros de protestos para o documento consultado." />
+            )}
+        </Result>
+    )
+}
+ */

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

@@ -0,0 +1,43 @@
+import React, { memo } from "react";
+import AddItemField from "../common/addItem";
+import XPathUtils from "../../utils/xpath";
+import { formatMoney } from "../../utils/number";
+import { Result } from "../interface/result";
+export var ProtestoItem = memo(function (_a) {
+    var protesto = _a.protesto;
+    var getField = function (path, formatter) {
+        var value = XPathUtils.select("string(".concat(path, ")"), protesto);
+        return formatter ? formatter(value) : value;
+    };
+    var formatBooleanField = function (value) {
+        return value === "true" ? "Sim" : "Não";
+    };
+    return (React.createElement("div", { className: "content-layout" },
+        React.createElement(AddItemField, { name: "Cart\u00F3rio", value: getField("../nome") }),
+        React.createElement(AddItemField, { name: "QUEM PROTESTOU", value: getField("./nomeCedente") }),
+        React.createElement(AddItemField, { name: "ATRAV\u00C9S DE", value: getField("./nomeApresentante") }),
+        React.createElement(AddItemField, { name: "CPF/CNPJ PROTESTADO", value: getField("./cpfCnpj") }),
+        React.createElement(AddItemField, { name: "DATA DO PROTESTO", value: getField("./dataProtesto") }),
+        React.createElement(AddItemField, { name: "POSSUI ANU\u00CANCIA", value: formatBooleanField(getField("./temAnuencia")) }),
+        React.createElement(AddItemField, { name: "ANU\u00CANCIA VENCIDA", value: formatBooleanField(getField("./anuenciaVencida")) }),
+        React.createElement(AddItemField, { name: "VALOR DO PROTESTO", value: formatMoney(getField("./valor")) })));
+});
+export var ProtestosList = function (_a) {
+    var protestos = _a.protestos;
+    return (React.createElement(Result, { isContainer: true, contentClassName: "container-layout" }, (protestos === null || protestos === void 0 ? void 0 : protestos.length) ? (protestos.map(function (protesto, i) { return (React.createElement(ProtestoItem, { key: i, protesto: protesto })); })) : (React.createElement(AddItemField, { name: "Informa\u00E7\u00E3o", value: "N\u00E3o h\u00E1 registros de protestos." }))));
+};
+/**
+ * const ProtestosList: React.FC<{
+    protestos: ProtestoData[]
+}> = ({ protestos }) => {
+    return (
+        <Result isContainer contentClassName='container-layout'>
+            {protestos?.length ? protestos.map((protesto, i) => (
+                <ProtestoItem key={i} protesto={protesto} />
+            )) : (
+                <AddItemField name="Informação" value="Não foi encontrado registros de protestos para o documento consultado." />
+            )}
+        </Result>
+    )
+}
+ */

package/lib/esm/components/reclameAqui/reclameAquiCarousel.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface ReclameAquiCarouselProps extends ReclameAquiStatsProps {
+}
+declare const statusMap: {
+    GREAT: string;
+    GOOD: string;
+    REGULAR: string;
+    NOT_RECOMMENDED: string;
+    NO_INDEX: string;
+    BAD: string;
+};
+type StatusMapType = keyof typeof statusMap;
+type ReclameAquiStatsProps = {
+    nome: string;
+    cnpj: string;
+    score: string;
+    status: string | StatusMapType;
+    shortname: string;
+    imageUrl: string;
+    quantidadeProblemasResolvidos: string;
+    percentualProblemasResolvidos: string;
+};
+export declare const ReclameAquiCarousel: React.FC<{
+    data: ReclameAquiCarouselProps[];
+}>;
+export {};

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

@@ -0,0 +1,57 @@
+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);
+};
+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',
+};
+var translateStatus = function (status) {
+    return statusMap[status] || '--';
+};
+var ProblemasResolvidos = function (_a) {
+    var value = _a.value;
+    return (React.createElement("div", { className: "reclame-aqui-problemas-resolvidos" },
+        React.createElement("span", null, "Problemas Resolvidos"),
+        React.createElement("span", null, value)));
+};
+var ReclameAquiStats = function (_a) {
+    var nome = _a.nome, cnpj = _a.cnpj, status = _a.status, shortname = _a.shortname, imageUrl = _a.imageUrl, quantidadeProblemasResolvidos = _a.quantidadeProblemasResolvidos, score = _a.score, percentualProblemasResolvidos = _a.percentualProblemasResolvidos;
+    return (React.createElement("div", { className: "reclame-aqui-stats-container" },
+        React.createElement("div", { className: "container-reclame-aqui-header" },
+            React.createElement("img", { src: imageUrl }),
+            React.createElement("span", { className: "bold" }, nome),
+            React.createElement("span", { className: "bold" }, cnpj)),
+        React.createElement("div", { className: "container-reclame-aqui-stats" },
+            React.createElement(ProblemasResolvidos, { value: quantidadeProblemasResolvidos }),
+            React.createElement("div", { className: "reclame-aqui-nota" },
+                React.createElement("a", { href: "https://www.reclameaqui.com.br/empresa/".concat(shortname), rel: "noreferrer", target: "_blank" },
+                    React.createElement("img", { src: "https://painel.credithub.com.br/images/RA-small.png" })),
+                React.createElement("span", null, translateStatus(status)),
+                React.createElement("span", null,
+                    score,
+                    "/10")),
+            React.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + '%' }))));
+};
+export var ReclameAquiCarousel = function (_a) {
+    var data = _a.data;
+    return (React.createElement("div", { className: "reclame-aqui-carousel" },
+        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 }));
+                } }, data === null || data === void 0 ? void 0 : data.map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); })))));
+};

package/lib/esm/components/resultWithoutInformation/ResultWithoutInformation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AddItemProps } from '../common/addItem';
+declare const ResultWithoutInformation: React.FC<Partial<AddItemProps>>;
+export default ResultWithoutInformation;

package/lib/esm/components/resultWithoutInformation/ResultWithoutInformation.js

@@ -0,0 +1,32 @@
+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 from 'react';
+import { Result } from '../interface/result';
+import AddItemField from '../common/addItem';
+var ResultWithoutInformation = function (_a) {
+    var _b = _a.name, name = _b === void 0 ? "Informação" : _b, _c = _a.value, value = _c === void 0 ? "Não foram encontradas informações para o documento pesquisado." : _c, props = __rest(_a, ["name", "value"]);
+    return (React.createElement(Result, null,
+        React.createElement(Result, { isContainer: true },
+            React.createElement(AddItemField, __assign({ name: name, value: value }, props)))));
+};
+export default ResultWithoutInformation;

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

@@ -0,0 +1,67 @@
+import { Client } from "@credithub/webservice";
+import React, { PropsWithChildren, FC } from "react";
+import Header from "./interface/header";
+export declare const WebService: React.Context<Client.WebService>;
+export declare const WebServiceProvider: FC<PropsWithChildren<{
+    credential: string;
+}>>;
+export declare enum RequestStatus {
+    Empty = 0,
+    Loading = 1,
+    Success = 2,
+    Error = 3
+}
+type ParsedResponse<T> = {
+    response: Response;
+    document: T;
+};
+export type RequestContext<T> = {
+    data?: Client.Form;
+    urlData?: Client.Form;
+    Section: ISection<T>;
+} & ({
+    type: RequestStatus.Empty;
+} | {
+    type: RequestStatus.Loading;
+} | {
+    type: RequestStatus.Error;
+    error: Error;
+} | ({
+    type: RequestStatus.Success;
+} & ParsedResponse<T>));
+type HeaderReplaceResponse = {
+    children: React.ReactNode;
+} & React.ComponentProps<typeof Header>;
+type RenderedResponse = HeaderReplaceResponse | React.ReactNode;
+type ISection<T> = React.FC<{
+    ctx?: RequestContext<T>;
+    onSuccess?: (data: T, ctx: RequestContext<T>) => RenderedResponse;
+    onError?: (data: Error, ctx: RequestContext<T>) => RenderedResponse;
+    onLoading?: (ctx: RequestContext<T>) => RenderedResponse;
+    hideHeader?: boolean;
+} & React.ComponentProps<typeof Header>>;
+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;
+        urlData?: Client.Form | undefined;
+    }>>;
+};
+export declare const Queries: {
+    Finder: React.Context<RequestContext<Document>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
+    Protestos: React.Context<RequestContext<Document>> & {
+        Request: React.FC<React.PropsWithChildren<{
+            data?: {
+                documento: string;
+            } | undefined;
+            urlData?: Client.Form | undefined;
+        }>>;
+    };
+};
+export {};

package/lib/esm/components/webservice.js

@@ -0,0 +1,119 @@
+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;
+};
+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";
+import Header from "./interface/header";
+import cn from "classnames";
+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));
+};
+export var RequestStatus;
+(function (RequestStatus) {
+    RequestStatus[RequestStatus["Empty"] = 0] = "Empty";
+    RequestStatus[RequestStatus["Loading"] = 1] = "Loading";
+    RequestStatus[RequestStatus["Success"] = 2] = "Success";
+    RequestStatus[RequestStatus["Error"] = 3] = "Error";
+})(RequestStatus || (RequestStatus = {}));
+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 _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 }); }); })
+                .then(function (document) { return setResponse(document); })
+                .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),
+            error: error,
+            data: data,
+            urlData: urlData,
+            response: response === null || response === void 0 ? void 0 : response.response,
+            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(Provider.Provider, { value: value }, children);
+    };
+}
+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),
+    });
+}
+export var Queries = {
+    Finder: query("SELECT FROM 'FINDER'.'BILLING'"),
+    Protestos: query("SELECT FROM 'APICENPROT'.'PRINT'")
+};
+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"]);
+    if (!ctx)
+        return null;
+    var renderResponse = function () {
+        switch (ctx.type) {
+            case RequestStatus.Success:
+                return onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(ctx.document, ctx);
+            case RequestStatus.Error:
+                return onError === null || onError === void 0 ? void 0 : onError(ctx.error, ctx);
+            case RequestStatus.Loading:
+                return onLoading === null || onLoading === void 0 ? void 0 : onLoading(ctx);
+            default:
+                return children;
+        }
+    };
+    var renderedResponse = renderResponse();
+    if (React.isValidElement(renderedResponse)) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Header, __assign({}, headerProps, { className: cn(className, headerStatus[ctx.type]), hidden: hideHeader })),
+            renderedResponse));
+    }
+    var _e = renderedResponse, renderedChildren = _e.children, headerReplaceProps = __rest(_e, ["children"]);
+    var headerPropsUnified = Object.assign(headerProps, headerReplaceProps);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, headerPropsUnified, { className: cn(className, headerStatus[ctx.type], headerPropsUnified.className), hidden: hideHeader })),
+        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);

package/lib/esm/constants/regex.d.ts

@@ -0,0 +1,2 @@
+export declare const REGEX_PROTESTOS_DE_CREDITO: RegExp;
+export declare const REGEX_PROTESTOS_DE_IMPOSTO: RegExp;

package/lib/esm/constants/regex.js

@@ -0,0 +1,2 @@
+export var REGEX_PROTESTOS_DE_CREDITO = /(banco|ativo|securitizadora|factoring|fidc|esc|psc|fomento|mercantil|cheque|sicredi|bco|santander|caixa|bradesco|itaú|itau)/i;
+export var REGEX_PROTESTOS_DE_IMPOSTO = /(procuradoria|secretaria|estado|sefaz|municipio|prefeitura|fazenda|ipva)/i;

package/lib/esm/hooks/useToggle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Custom hook to toggle a boolean state.
+ * Can be used for toggling visibility, state, etc.
+ *
+ * @param {boolean} initOpen Initial state value. Defaults to `true`.
+ * @param {Function} [onChange] Callback function to be called after state change.
+ * @return {[boolean, () => void]} Current state and a toggle function.
+ */
+declare function useToggle(initialState?: boolean, onChange?: (state: boolean) => void): [boolean, () => void];
+export default useToggle;

package/lib/esm/hooks/useToggle.js

@@ -0,0 +1,24 @@
+import { useCallback, useState } from "react";
+/**
+ * Custom hook to toggle a boolean state.
+ * Can be used for toggling visibility, state, etc.
+ *
+ * @param {boolean} initOpen Initial state value. Defaults to `true`.
+ * @param {Function} [onChange] Callback function to be called after state change.
+ * @return {[boolean, () => void]} Current state and a toggle function.
+ */
+function useToggle(initialState, onChange) {
+    if (initialState === void 0) { initialState = true; }
+    var _a = useState(initialState), state = _a[0], setState = _a[1];
+    var toggle = useCallback(function () {
+        setState(function (prevState) {
+            var newState = !prevState;
+            if (onChange) {
+                onChange(newState);
+            }
+            return newState;
+        });
+    }, [onChange]);
+    return [state, toggle];
+}
+export default useToggle;

package/lib/esm/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Section } from "./components/interface/section";
+export { default as Header } from "./components/interface/header";
+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 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 BankAccounts } from './components/bank-accounts/bank-accounts';
+export * from "./components/interface/result";

package/lib/esm/index.js

@@ -0,0 +1,12 @@
+export { default as Section } from "./components/interface/section";
+export { default as Header } from "./components/interface/header";
+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 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 BankAccounts } from './components/bank-accounts/bank-accounts';
+export * from "./components/interface/result";