@credithub/harlan-components 1.1.1

package/lib/cjs/utils/xpath.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var webservice_1 = require("@credithub/webservice");
+var XPathUtils = /** @class */ (function () {
+    function XPathUtils() {
+    }
+    XPathUtils.select = function (expression, node) {
+        return webservice_1.xpath.select(expression, node);
+    };
+    return XPathUtils;
+}());
+exports.default = XPathUtils;

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

@@ -0,0 +1,18 @@
+import React from "react";
+export type Address = {
+    type: string;
+    address: string;
+    number: string;
+    zipcode: string;
+    district: string;
+    city: string;
+    state: string;
+    urlMaps: string;
+    urlImage: string;
+    main?: boolean;
+};
+interface Addresses {
+    apiKey: string;
+}
+declare const Addresses: React.FC<Addresses>;
+export default Addresses;

package/lib/esm/components/adresses/adresses.js

@@ -0,0 +1,40 @@
+import React, { useContext } from "react";
+import cn from "classnames";
+import { Result } from "../interface/result";
+import AddItemField from "../common/addItem";
+import { Queries } from "../webservice";
+import XPathUtils from "../../utils/xpath";
+var LazyMap = React.lazy(function () { return import("./map"); });
+var Addresses = function (_a) {
+    var apiKey = _a.apiKey;
+    var ctx = useContext(Queries.Finder);
+    var Section = ctx.Section;
+    return (React.createElement(Section, { title: "Endere\u00E7os", subtitle: "Localiza\u00E7\u00E3o", description: "Endere\u00E7amento e Mapa", ctx: ctx, onLoading: function () { return React.createElement(React.Fragment, null, "Carregando..."); }, onError: function () { return React.createElement(React.Fragment, null, "Erro"); }, onSuccess: function (data) {
+            var _addresses = XPathUtils.select("//enderecos/enderecos", data);
+            var addresses = _addresses.map(function (address) { return ({
+                type: XPathUtils.select('string(//tipoLogradouro)', address),
+                address: XPathUtils.select('string(//logradouro)', address),
+                number: XPathUtils.select('string(//numero)', address),
+                zipcode: XPathUtils.select('string(//cep)', address),
+                district: XPathUtils.select('string(//bairro)', address),
+                city: XPathUtils.select('string(//cidade)', address),
+                state: XPathUtils.select('string(//uf)', address),
+                urlImage: '',
+                urlMaps: ''
+            }); });
+            return (React.createElement(Result, null,
+                React.createElement(React.Suspense, { fallback: React.createElement("div", null, "Carregando...") }, addresses.map(function (address, index) { return (React.createElement("div", { key: index, className: cn("container") },
+                    React.createElement("div", { className: cn("addresses-content") },
+                        React.createElement(AddItemField, { name: "Tipo", value: address.type, style: { display: "inline-block" } }),
+                        React.createElement(AddItemField, { name: "Endere\u00E7o", value: address.address, style: { display: "inline-block" } }),
+                        React.createElement(AddItemField, { name: "N\u00FAmero", value: address.number, style: { display: "inline-block" } }),
+                        React.createElement(AddItemField, { name: "CEP", value: address.zipcode, style: { display: "inline-block" } }),
+                        React.createElement(AddItemField, { name: "Bairro", value: address.district, style: { display: "inline-block" } }),
+                        React.createElement(AddItemField, { name: "Cidade", value: address.city, style: { display: "inline-block" } }),
+                        React.createElement(AddItemField, { name: "Estado", value: address.state, style: { display: "inline-block" } })),
+                    React.createElement("div", { className: cn("field map") },
+                        React.createElement("a", { href: '' },
+                            React.createElement(LazyMap, { address: address.address, apiKey: apiKey }))))); }))));
+        } }));
+};
+export default Addresses;

package/lib/esm/components/adresses/getGeocode.d.ts

@@ -0,0 +1,6 @@
+interface GeocodeResponse {
+    lat: number;
+    lng: number;
+}
+export declare function getGeocode(address: string, apiKey: string): Promise<GeocodeResponse | null>;
+export {};

package/lib/esm/components/adresses/getGeocode.js

@@ -0,0 +1,67 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import axios from "axios";
+export function getGeocode(address, apiKey) {
+    return __awaiter(this, void 0, void 0, function () {
+        var response, results, location_1, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, axios.get("https://maps.googleapis.com/maps/api/geocode/json", {
+                            params: {
+                                address: address,
+                                key: apiKey,
+                            },
+                        })];
+                case 1:
+                    response = _a.sent();
+                    results = response.data.results;
+                    if (results.length > 0) {
+                        location_1 = results[0].geometry.location;
+                        return [2 /*return*/, { lat: location_1.lat, lng: location_1.lng }];
+                    }
+                    return [2 /*return*/, null];
+                case 2:
+                    error_1 = _a.sent();
+                    console.error("Erro ao obter geocódigo:", error_1);
+                    return [2 /*return*/, null];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}

package/lib/esm/components/adresses/map.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface MapContainerProps {
+    address: string;
+    apiKey: string;
+}
+interface MapContainerProps {
+    log?: number;
+    lat?: number;
+}
+declare const MapContainer: React.FC<MapContainerProps>;
+export default MapContainer;

package/lib/esm/components/adresses/map.js

@@ -0,0 +1,25 @@
+import React, { useEffect, useState } from "react";
+import { GoogleMap, LoadScript, Marker } from "@react-google-maps/api";
+import { getGeocode } from "./getGeocode";
+var MapContainer = function (_a) {
+    var address = _a.address, apiKey = _a.apiKey;
+    var _b = useState({ lat: 0, lng: 0 }), coordinates = _b[0], setCoordinates = _b[1];
+    useEffect(function () {
+        getGeocode(address, apiKey).then(function (coords) {
+            if (coords) {
+                setCoordinates(coords);
+            }
+        });
+    }, [address, apiKey]);
+    var mapStyles = {
+        height: "100px",
+        width: "100px",
+    };
+    if (!coordinates) {
+        return React.createElement("div", null, "Carregando mapa...");
+    }
+    return (React.createElement(LoadScript, { googleMapsApiKey: apiKey },
+        React.createElement(GoogleMap, { mapContainerStyle: mapStyles, zoom: 13, center: coordinates },
+            React.createElement(Marker, { position: coordinates }))));
+};
+export default MapContainer;

package/lib/esm/components/bank-accounts/bank-accounts.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BankAccounts: () => React.JSX.Element;
+export default BankAccounts;

package/lib/esm/components/bank-accounts/bank-accounts.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { useContext } from "react";
+import { Queries } from "../webservice";
+import { Result } from '../interface/result';
+import AddItemField from '../common/addItem';
+import XPathUtils from '../../utils/xpath';
+import ResultWithoutInformation from '../resultWithoutInformation/ResultWithoutInformation';
+var BankAccounts = function () {
+    var ctx = useContext(Queries.Finder);
+    var Section = ctx.Section;
+    return (React.createElement(Section, { title: 'Informações de Contas Bancárias', subtitle: 'Vejas as informações disponíveis de contas bancárias', ctx: ctx, onSuccess: function (data) {
+            var accounts = XPathUtils.select('//bank-info/node', data);
+            if (!(accounts === null || accounts === void 0 ? void 0 : accounts.length))
+                return React.createElement(ResultWithoutInformation, null);
+            return (React.createElement(Result, null, accounts.map(function (account, key) {
+                return React.createElement(Result, { key: key, isContainer: true },
+                    React.createElement(AddItemField, { name: "Banco", value: XPathUtils.select('string(banco)', account) }),
+                    React.createElement(AddItemField, { name: "Ag\u00EAncia", value: XPathUtils.select('string(agencia)', account) }),
+                    React.createElement(AddItemField, { name: "Conta", value: XPathUtils.select('string(conta)', account) }));
+            })));
+        } }));
+};
+export default BankAccounts;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CCFData } from './ccfList';
+declare const CCF: React.FC<{
+    data: CCFData[];
+}>;
+export default CCF;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import Header from '../interface/header';
+import { Result } from '../interface/result';
+import CCFList from './ccfList';
+import classNames from 'classnames';
+import HeaderAction from '../common/headerAction';
+import useToggle from '../../hooks/useToggle';
+var CCF = function (_a) {
+    var data = _a.data;
+    var _b = useToggle(false), isOpen = _b[0], toggleOpen = _b[1];
+    if (!(data === null || data === void 0 ? void 0 : data.length))
+        return (React.createElement(Result, null,
+            React.createElement(Header, { title: "Cheques Sem Fundos" }),
+            React.createElement(CCFList, { data: data })));
+    return (React.createElement(Result, null,
+        React.createElement(Header, { title: "Cheques Sem Fundo Em Institui\u00E7\u00E3o Banc\u00E1ria", subtitle: "Detalhes Acerca De Cheques Sem Fundo Emitidos", description: "Foram localizados ".concat(data.reduce(function (acc, _a) {
+                var quantidadeDeOcorrencias = _a.quantidadeDeOcorrencias;
+                return acc + quantidadeDeOcorrencias;
+            }, 0), " cheques sem fundo em institui\u00E7\u00F5es banc\u00E1rias."), 
+            //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(CCFList, { data: data }))));
+};
+export default CCF;

package/lib/esm/components/ccf/ccfList.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type CCFData = {
+    banco: string;
+    codigoBancario: string;
+    agencia: string;
+    quantidadeDeOcorrencias: number;
+    ultimaOcorrencia: string;
+    alinea: string;
+};
+declare const CCFList: React.FC<{
+    data: CCFData[];
+}>;
+export default CCFList;

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

@@ -0,0 +1,18 @@
+import React, { memo } from "react";
+import { Result } from "../interface/result";
+import AddCffField from "../common/addItem";
+var CCFItem = memo(function (_a) {
+    var ccf = _a.ccf;
+    return (React.createElement("div", { className: "content-layout" },
+        React.createElement(AddCffField, { name: "Banco", value: ccf.banco }),
+        React.createElement(AddCffField, { name: "C\u00F3digo Banc\u00E1rio", value: ccf.codigoBancario }),
+        React.createElement(AddCffField, { name: "Ag\u00EAncia", value: ccf.agencia }),
+        React.createElement(AddCffField, { name: "Qtde. Ocorr\u00EAncias", value: ccf.quantidadeDeOcorrencias }),
+        React.createElement(AddCffField, { name: "\u00DAltima Ocorr\u00EAncia (h\u00E1 24 dias)", value: ccf.ultimaOcorrencia }),
+        React.createElement(AddCffField, { name: "Al\u00EDnea", value: ccf.alinea })));
+});
+var CCFList = function (_a) {
+    var data = _a.data;
+    return (React.createElement(Result, { isContainer: true, contentClassName: 'container-layout' }, (data === null || data === void 0 ? void 0 : data.length) ? data.map(function (ccf, i) { return (React.createElement(CCFItem, { key: i, ccf: ccf })); }) : (React.createElement(AddCffField, { name: "Informa\u00E7\u00E3o", value: "N\u00E3o foi encontrado registros de Cheques Sem Fundos para o documento consultado." }))));
+};
+export default CCFList;

package/lib/esm/components/common/addItem.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties, DetailedHTMLProps, HTMLAttributes, ReactNode } from "react";
+export interface AddItemProps extends React.PropsWithChildren<{
+    name: ReactNode;
+    value: ReactNode;
+    valueClassName?: string;
+    nameClassName?: string;
+    styleName?: CSSProperties;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>> {
+}
+declare function AddItemField({ name, value, children, className, valueClassName, nameClassName, styleName, ...props }: AddItemProps): React.JSX.Element;
+export default AddItemField;

package/lib/esm/components/common/addItem.js

@@ -0,0 +1,35 @@
+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 cn from "classnames";
+function AddItemField(_a) {
+    var name = _a.name, value = _a.value, children = _a.children, className = _a.className, valueClassName = _a.valueClassName, nameClassName = _a.nameClassName, styleName = _a.styleName, props = __rest(_a, ["name", "value", "children", "className", "valueClassName", "nameClassName", "styleName"]);
+    var fieldClassName = cn("field", className);
+    var valueClass = cn("value", valueClassName);
+    var nameClass = cn("name", nameClassName);
+    return (React.createElement("div", __assign({}, props, { className: fieldClassName }),
+        React.createElement("div", { className: valueClass }, value),
+        React.createElement("div", { className: nameClass, style: styleName }, name),
+        children));
+}
+export default AddItemField;

package/lib/esm/components/common/button.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Button: React.FC<React.PropsWithChildren<React.HTMLProps<HTMLDivElement> & {
+    price?: string;
+}>>;
+export default Button;

package/lib/esm/components/common/button.js

@@ -0,0 +1,10 @@
+import classNames from 'classnames';
+import React from 'react';
+var Button = function (_a) {
+    var children = _a.children, className = _a.className, price = _a.price;
+    var buttonClassName = classNames('button', 'product-button', className);
+    return (React.createElement("button", { className: buttonClassName },
+        children,
+        price && React.createElement("small", null, price)));
+};
+export default Button;

package/lib/esm/components/common/carousel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ReactElasticCarouselProps } from '@itseasy21/react-elastic-carousel';
+declare const Carousel: React.ForwardRefExoticComponent<ReactElasticCarouselProps & React.RefAttributes<unknown>>;
+export default Carousel;

package/lib/esm/components/common/carousel.js

@@ -0,0 +1,19 @@
+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);
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React from 'react';
+import CarouselElastic from '@itseasy21/react-elastic-carousel';
+var CustomCarousel = function (props, ref) {
+    return React.createElement(CarouselElastic, __assign({}, props, { ref: ref }));
+};
+var Carousel = React.forwardRef(CustomCarousel);
+export default Carousel;

package/lib/esm/components/common/headerAction.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface HeaderActionProps {
+    iconClass: string;
+    onClick: () => void;
+    className?: string;
+    iconClassName?: string;
+}
+declare const HeaderAction: React.FC<HeaderActionProps>;
+export default HeaderAction;

package/lib/esm/components/common/headerAction.js

@@ -0,0 +1,10 @@
+import React from "react";
+import classNames from "classnames";
+var HeaderAction = function (_a) {
+    var iconClass = _a.iconClass, onClick = _a.onClick, className = _a.className, iconClassName = _a.iconClassName;
+    var actionClass = classNames("header-action", className);
+    var iconClassNames = classNames("fa fa-".concat(iconClass), iconClassName);
+    return (React.createElement("li", { className: actionClass, onClick: onClick, "aria-hidden": "true" },
+        React.createElement("i", { className: iconClassNames })));
+};
+export default HeaderAction;

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

@@ -0,0 +1,14 @@
+import React from "react";
+export type Contact = {
+    tipo: string;
+    valor: string;
+    likes?: number;
+    dislikes?: number;
+    onClickLike: () => void;
+    onClickDislike: () => void;
+};
+export type ContactsProps = {
+    onClickConsutarEmail: () => void;
+};
+declare const Contacts: React.FC<ContactsProps>;
+export default Contacts;

package/lib/esm/components/contacts/contacts.js

@@ -0,0 +1,40 @@
+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));
+};
+import React, { memo, useContext } from "react";
+import { Result } from "../interface/result";
+import AddItemField from "../common/addItem";
+import ContactsLikeDislike from "./contactsLikeDislike";
+import { Queries } from "../webservice";
+import XPathUtils from "../../utils/xpath";
+var Contacts = function (_a) {
+    var onClickConsutarEmail = _a.onClickConsutarEmail;
+    var ctx = useContext(Queries.Finder);
+    var Section = ctx.Section;
+    return (React.createElement(Section, { ctx: ctx, title: "Contato", subtitle: "Meios De Contato", description: "Telefone, e-mail e outros", onError: function () { return React.createElement(React.Fragment, null, "Erro"); }, onLoading: function () { return React.createElement(React.Fragment, null, "Carregando"); }, onSuccess: function (data) {
+            var telefones = __spreadArray(__spreadArray([], XPathUtils.select('//telefones/fixos/fixos', data), true), XPathUtils.select('//telefones/moveis/moveis', data), true).map(function (telefone) { return ({ tipo: 'Telefone', valor: XPathUtils.select('string(./telefone)', telefone) }); });
+            var emails = XPathUtils.select('//emails/emails', data).map(function (email) { return ({ tipo: 'Email', valor: XPathUtils.select('string(./email)', email) }); });
+            var contacts = __spreadArray(__spreadArray([], telefones, true), emails, true);
+            var children = (React.createElement(Result, null,
+                React.createElement(Result, { isContainer: true }, contacts.map(function (_a, key) {
+                    var tipo = _a.tipo, valor = _a.valor;
+                    return (React.createElement(ContactField, { key: key, tipo: tipo, valor: valor, onClickLike: console.log, onClickDislike: console.log }));
+                }))));
+            return {
+                children: children,
+                actions: (React.createElement("li", { className: "contacts-atualizar-email" },
+                    React.createElement("button", { className: "button", onClick: onClickConsutarEmail }, "Consultar E-mail em Dom\u00EDnio")))
+            };
+        } }));
+};
+var ContactField = memo(function (contact) {
+    return (React.createElement(AddItemField, { name: contact.tipo, value: contact.valor },
+        React.createElement(ContactsLikeDislike, { likes: contact === null || contact === void 0 ? void 0 : contact.likes, dislikes: contact === null || contact === void 0 ? void 0 : contact.dislikes, onClickLike: contact.onClickLike, onClickDislike: contact.onClickDislike })));
+});
+export default Contacts;

package/lib/esm/components/contacts/contactsLikeDislike.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type ContactsLikeDislikeProps = {
+    likes?: number;
+    dislikes?: number;
+    onClickLike: () => void;
+    onClickDislike: () => void;
+};
+declare const ContactsLikeDislike: React.FC<ContactsLikeDislikeProps>;
+export default ContactsLikeDislike;

package/lib/esm/components/contacts/contactsLikeDislike.js

@@ -0,0 +1,9 @@
+import React from "react";
+import ThumbsButton from "./thumbsButton";
+var ContactsLikeDislike = function (_a) {
+    var likes = _a.likes, dislikes = _a.dislikes, onClickLike = _a.onClickLike, onClickDislike = _a.onClickDislike;
+    return (React.createElement("div", { className: "thumbs-container" },
+        React.createElement(ThumbsButton, { action: "like", count: likes, iconClass: "fa-thumbs-o-up", onClick: onClickLike }),
+        React.createElement(ThumbsButton, { action: "dislike", count: dislikes, iconClass: "fa-thumbs-o-down", onClick: onClickDislike })));
+};
+export default ContactsLikeDislike;

package/lib/esm/components/contacts/thumbsButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type ThumbsButtonProps = {
+    count?: number;
+    iconClass: string;
+    action: "like" | "dislike";
+    onClick: () => void;
+    className?: string;
+};
+declare const ThumbsButton: React.FC<ThumbsButtonProps>;
+export default ThumbsButton;

package/lib/esm/components/contacts/thumbsButton.js

@@ -0,0 +1,17 @@
+import React from "react";
+import classnames from "classnames";
+var ThumbsButton = function (_a) {
+    var _b = _a.count, count = _b === void 0 ? 0 : _b, action = _a.action, iconClass = _a.iconClass, onClick = _a.onClick, className = _a.className;
+    var likeButtonIsActive = action == 'like' && count > 0;
+    var dislikeButtonIsActive = action == 'dislike' && count > 0;
+    var buttonClasses = classnames('thumbs-field', {
+        'thumbs-field-like': likeButtonIsActive,
+        'thumbs-field-dislike': dislikeButtonIsActive
+    }, className);
+    return (React.createElement("div", { className: buttonClasses, onClick: onClick },
+        React.createElement("span", null,
+            dislikeButtonIsActive ? "-".concat(count) : count,
+            " "),
+        React.createElement("i", { className: "fa ".concat(iconClass) })));
+};
+export default ThumbsButton;

package/lib/esm/components/dossie/carrousel/carrousel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface CarrouselProps {
+    name: string;
+    document: string;
+    image?: string;
+}
+export declare const Carrousel: React.FC<CarrouselProps>;
+export default Carrousel;

package/lib/esm/components/dossie/carrousel/carrousel.js

@@ -0,0 +1,8 @@
+import React from "react";
+import Companylogo from "../companyLogo/companyLogo";
+export var Carrousel = function (_a) {
+    var name = _a.name, document = _a.document;
+    return (React.createElement("div", { className: "carrousel-container" },
+        React.createElement(Companylogo, { name: name, document: document })));
+};
+export default Carrousel;

package/lib/esm/components/dossie/companyLogo/companyLogo.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface CircleImageProps {
+    name: string;
+    document: string;
+}
+declare const Companylogo: React.FC<CircleImageProps>;
+export default Companylogo;

package/lib/esm/components/dossie/companyLogo/companyLogo.js

@@ -0,0 +1,14 @@
+import React from "react";
+import cn from "classnames";
+import AddItemField from "../../../components/common/addItem";
+var Companylogo = function (_a) {
+    var name = _a.name, document = _a.document;
+    var hiddenStyle = { display: "none" };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: cn("companyLogo-icon") },
+            React.createElement("i", { className: "fa fa-user-circle-o" })),
+        React.createElement("div", { className: cn("content", "companyLogo-content") },
+            React.createElement(AddItemField, { name: "Nome", value: name, className: cn("field", "companyLogo-field"), styleName: hiddenStyle }),
+            React.createElement(AddItemField, { name: "Documento", value: document, styleName: hiddenStyle }))));
+};
+export default Companylogo;

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { ReclameAquiCarouselProps } from "../reclameAqui/reclameAquiCarousel";
+interface Target {
+    "@types": string;
+    "@version": string;
+    about: {
+        [name: string]: unknown;
+    };
+    identificator: {
+        [name: string]: string;
+    };
+}
+interface DossieUiProps {
+    dossie?: {
+        target: Target;
+        identificator: string;
+        webhook?: string | null;
+        events: {
+            [name: string]: {};
+        }[];
+        notations: {
+            [name: string]: {};
+        };
+        relations: {
+            [name: string]: {};
+        };
+        associates: {
+            [name: string]: {};
+        }[];
+    };
+    reclameAquiData?: Omit<ReclameAquiCarouselProps, 'nome' | 'cnpj'>[];
+    onOpenNewTransactionModal: () => void;
+}
+declare const Dossie: React.FC<DossieUiProps>;
+export default Dossie;

package/lib/esm/components/dossie/dossie.js

@@ -0,0 +1,38 @@
+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);
+};
+//eslint-disable-ban-types
+import React, { useContext } from "react";
+import cn from "classnames";
+import { Summary } from "./summary/summary";
+import { TransactionsTable } from "./transactionTable/transactionTable";
+import { Carrousel } from "./carrousel/carrousel";
+import { Result } from "../interface/result";
+import { ReclameAquiCarousel } from "../reclameAqui/reclameAquiCarousel";
+import { Queries } from "../webservice";
+import XPathUtils from "../../utils/xpath";
+import { formatCnpj, formatCpf } from "../../utils/string";
+var Dossie = function (_a) {
+    var _b = _a.reclameAquiData, reclameAquiData = _b === void 0 ? [] : _b;
+    var ctx = useContext(Queries.Finder);
+    var Section = ctx.Section;
+    return (React.createElement(Section, { ctx: ctx, hideHeader: true, onError: function () { return React.createElement(React.Fragment, null, "Erro"); }, onLoading: function () { return React.createElement(React.Fragment, null, "Carregando..."); }, onSuccess: function (data) {
+            var isPF = !!XPathUtils.select('string(//cadastro/cpf)', data);
+            var name = isPF ? XPathUtils.select('string(//cadastro/nome)', data) : XPathUtils.select('string(//cadastro/razaoSocial)', data);
+            var document = isPF ? formatCpf(XPathUtils.select('string(//cadastro/cpf)', data)) : formatCnpj(XPathUtils.select('string(//cadastro/cnpj)', data));
+            return (React.createElement(Result, null,
+                React.createElement("div", { className: cn("dossie-grid", "dossie") },
+                    reclameAquiData && !isPF ? (React.createElement(ReclameAquiCarousel, { data: reclameAquiData === null || reclameAquiData === void 0 ? void 0 : reclameAquiData.map(function (empresa) { return (__assign(__assign({}, empresa), { nome: name, cnpj: document })); }) })) : (React.createElement(Carrousel, { name: name, document: document })),
+                    React.createElement(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) })),
+                React.createElement(Summary, { finderResponse: data })));
+        } }));
+};
+export default Dossie;