@credithub/harlan-components 1.1.1

package/README.md

@@ -0,0 +1,44 @@
+# Harlan Components
+
+## Visão Geral
+
+O **Harlan Components** é uma biblioteca robusta de componentes reutilizáveis, projetada especificamente para aplicações web desenvolvidas no ambiente do CreditHub. Esta biblioteca visa facilitar e agilizar o desenvolvimento de interfaces de usuário (UI) ricas e interativas, oferecendo uma gama de componentes pré-fabricados e altamente configuráveis.
+
+## Características
+
+- **Alta Reutilização:** Maximiza a eficiência do desenvolvimento ao permitir a reutilização de componentes em diferentes partes da aplicação.
+- **Facilidade de Integração:** Projetado para se integrar perfeitamente com as aplicações web existentes no ecossistema do CreditHub.
+- **Personalizável:** Oferece flexibilidade para personalizar a aparência e o comportamento dos componentes, alinhando-os com a identidade visual e as necessidades específicas do seu projeto.
+- **Documentação Completa:** Cada componente vem com sua própria documentação detalhada, incluindo exemplos de uso e diretrizes de implementação.
+
+## Começando
+
+Para começar a usar o **Harlan Components** em seu projeto, siga estes passos:
+
+1. **Instalação:** Primeiramente, instale o pacote utilizando seu gerenciador de pacotes preferido.
+   ```bash
+   npm install @credithub/harlan-components
+   ```
+   ou
+   ```bash
+   yarn add @credithub/harlan-components
+   ```
+
+2. **Importação:** Importe os componentes que deseja utilizar em seu projeto.
+   ```javascript
+   import { CCF } from '@credithub/harlan-components';
+   ```
+
+3. **Implementação:** Integre os componentes importados em sua aplicação.
+
+## Contribuições
+
+Encorajamos contribuições da comunidade! Se você deseja contribuir para o **Harlan Components**, por favor, consulte nossas diretrizes de contribuição no arquivo `CONTRIBUTING.md`.
+
+## Suporte e Comunidade
+
+Se você tiver dúvidas ou precisar de ajuda, junte-se à nossa comunidade no [Fórum do CreditHub] ou abra uma issue no nosso [repositório GitHub].
+
+## Licença
+
+**Harlan Components** é disponibilizado sob a [Licença XYZ]. Consulte o arquivo `LICENSE` para mais detalhes.

package/lib/cjs/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/cjs/components/adresses/adresses.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var result_1 = require("../interface/result");
+var addItem_1 = __importDefault(require("../common/addItem"));
+var webservice_1 = require("../webservice");
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+var LazyMap = react_1.default.lazy(function () { return Promise.resolve().then(function () { return __importStar(require("./map")); }); });
+var Addresses = function (_a) {
+    var apiKey = _a.apiKey;
+    var ctx = (0, react_1.useContext)(webservice_1.Queries.Finder);
+    var Section = ctx.Section;
+    return (react_1.default.createElement(Section, { title: "Endere\u00E7os", subtitle: "Localiza\u00E7\u00E3o", description: "Endere\u00E7amento e Mapa", ctx: ctx, onLoading: function () { return react_1.default.createElement(react_1.default.Fragment, null, "Carregando..."); }, onError: function () { return react_1.default.createElement(react_1.default.Fragment, null, "Erro"); }, onSuccess: function (data) {
+            var _addresses = xpath_1.default.select("//enderecos/enderecos", data);
+            var addresses = _addresses.map(function (address) { return ({
+                type: xpath_1.default.select('string(//tipoLogradouro)', address),
+                address: xpath_1.default.select('string(//logradouro)', address),
+                number: xpath_1.default.select('string(//numero)', address),
+                zipcode: xpath_1.default.select('string(//cep)', address),
+                district: xpath_1.default.select('string(//bairro)', address),
+                city: xpath_1.default.select('string(//cidade)', address),
+                state: xpath_1.default.select('string(//uf)', address),
+                urlImage: '',
+                urlMaps: ''
+            }); });
+            return (react_1.default.createElement(result_1.Result, null,
+                react_1.default.createElement(react_1.default.Suspense, { fallback: react_1.default.createElement("div", null, "Carregando...") }, addresses.map(function (address, index) { return (react_1.default.createElement("div", { key: index, className: (0, classnames_1.default)("container") },
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)("addresses-content") },
+                        react_1.default.createElement(addItem_1.default, { name: "Tipo", value: address.type, style: { display: "inline-block" } }),
+                        react_1.default.createElement(addItem_1.default, { name: "Endere\u00E7o", value: address.address, style: { display: "inline-block" } }),
+                        react_1.default.createElement(addItem_1.default, { name: "N\u00FAmero", value: address.number, style: { display: "inline-block" } }),
+                        react_1.default.createElement(addItem_1.default, { name: "CEP", value: address.zipcode, style: { display: "inline-block" } }),
+                        react_1.default.createElement(addItem_1.default, { name: "Bairro", value: address.district, style: { display: "inline-block" } }),
+                        react_1.default.createElement(addItem_1.default, { name: "Cidade", value: address.city, style: { display: "inline-block" } }),
+                        react_1.default.createElement(addItem_1.default, { name: "Estado", value: address.state, style: { display: "inline-block" } })),
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)("field map") },
+                        react_1.default.createElement("a", { href: '' },
+                            react_1.default.createElement(LazyMap, { address: address.address, apiKey: apiKey }))))); }))));
+        } }));
+};
+exports.default = Addresses;

package/lib/cjs/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/cjs/components/adresses/getGeocode.js

@@ -0,0 +1,74 @@
+"use strict";
+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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGeocode = void 0;
+var axios_1 = __importDefault(require("axios"));
+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_1.default.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*/];
+            }
+        });
+    });
+}
+exports.getGeocode = getGeocode;

package/lib/cjs/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/cjs/components/adresses/map.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var api_1 = require("@react-google-maps/api");
+var getGeocode_1 = require("./getGeocode");
+var MapContainer = function (_a) {
+    var address = _a.address, apiKey = _a.apiKey;
+    var _b = (0, react_1.useState)({ lat: 0, lng: 0 }), coordinates = _b[0], setCoordinates = _b[1];
+    (0, react_1.useEffect)(function () {
+        (0, getGeocode_1.getGeocode)(address, apiKey).then(function (coords) {
+            if (coords) {
+                setCoordinates(coords);
+            }
+        });
+    }, [address, apiKey]);
+    var mapStyles = {
+        height: "100px",
+        width: "100px",
+    };
+    if (!coordinates) {
+        return react_1.default.createElement("div", null, "Carregando mapa...");
+    }
+    return (react_1.default.createElement(api_1.LoadScript, { googleMapsApiKey: apiKey },
+        react_1.default.createElement(api_1.GoogleMap, { mapContainerStyle: mapStyles, zoom: 13, center: coordinates },
+            react_1.default.createElement(api_1.Marker, { position: coordinates }))));
+};
+exports.default = MapContainer;

package/lib/cjs/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/cjs/components/bank-accounts/bank-accounts.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var webservice_1 = require("../webservice");
+var result_1 = require("../interface/result");
+var addItem_1 = __importDefault(require("../common/addItem"));
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+var ResultWithoutInformation_1 = __importDefault(require("../resultWithoutInformation/ResultWithoutInformation"));
+var BankAccounts = function () {
+    var ctx = (0, react_2.useContext)(webservice_1.Queries.Finder);
+    var Section = ctx.Section;
+    return (react_1.default.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 = xpath_1.default.select('//bank-info/node', data);
+            if (!(accounts === null || accounts === void 0 ? void 0 : accounts.length))
+                return react_1.default.createElement(ResultWithoutInformation_1.default, null);
+            return (react_1.default.createElement(result_1.Result, null, accounts.map(function (account, key) {
+                return react_1.default.createElement(result_1.Result, { key: key, isContainer: true },
+                    react_1.default.createElement(addItem_1.default, { name: "Banco", value: xpath_1.default.select('string(banco)', account) }),
+                    react_1.default.createElement(addItem_1.default, { name: "Ag\u00EAncia", value: xpath_1.default.select('string(agencia)', account) }),
+                    react_1.default.createElement(addItem_1.default, { name: "Conta", value: xpath_1.default.select('string(conta)', account) }));
+            })));
+        } }));
+};
+exports.default = BankAccounts;

package/lib/cjs/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/cjs/components/ccf/ccf.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var header_1 = __importDefault(require("../interface/header"));
+var result_1 = require("../interface/result");
+var ccfList_1 = __importDefault(require("./ccfList"));
+var classnames_1 = __importDefault(require("classnames"));
+var headerAction_1 = __importDefault(require("../common/headerAction"));
+var useToggle_1 = __importDefault(require("../../hooks/useToggle"));
+var CCF = function (_a) {
+    var data = _a.data;
+    var _b = (0, useToggle_1.default)(false), isOpen = _b[0], toggleOpen = _b[1];
+    if (!(data === null || data === void 0 ? void 0 : data.length))
+        return (react_1.default.createElement(result_1.Result, null,
+            react_1.default.createElement(header_1.default, { title: "Cheques Sem Fundos" }),
+            react_1.default.createElement(ccfList_1.default, { data: data })));
+    return (react_1.default.createElement(result_1.Result, null,
+        react_1.default.createElement(header_1.default, { 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: (0, classnames_1.default)({
+                'gradient-error': data === null || data === void 0 ? void 0 : data.length
+            }), actions: react_1.default.createElement(headerAction_1.default, { iconClass: isOpen ? "minus-square-o" : "plus-square-o", onClick: toggleOpen }) }),
+        isOpen && (react_1.default.createElement(ccfList_1.default, { data: data }))));
+};
+exports.default = CCF;

package/lib/cjs/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/cjs/components/ccf/ccfList.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var result_1 = require("../interface/result");
+var addItem_1 = __importDefault(require("../common/addItem"));
+var CCFItem = (0, react_1.memo)(function (_a) {
+    var ccf = _a.ccf;
+    return (react_1.default.createElement("div", { className: "content-layout" },
+        react_1.default.createElement(addItem_1.default, { name: "Banco", value: ccf.banco }),
+        react_1.default.createElement(addItem_1.default, { name: "C\u00F3digo Banc\u00E1rio", value: ccf.codigoBancario }),
+        react_1.default.createElement(addItem_1.default, { name: "Ag\u00EAncia", value: ccf.agencia }),
+        react_1.default.createElement(addItem_1.default, { name: "Qtde. Ocorr\u00EAncias", value: ccf.quantidadeDeOcorrencias }),
+        react_1.default.createElement(addItem_1.default, { name: "\u00DAltima Ocorr\u00EAncia (h\u00E1 24 dias)", value: ccf.ultimaOcorrencia }),
+        react_1.default.createElement(addItem_1.default, { name: "Al\u00EDnea", value: ccf.alinea })));
+});
+var CCFList = function (_a) {
+    var data = _a.data;
+    return (react_1.default.createElement(result_1.Result, { isContainer: true, contentClassName: 'container-layout' }, (data === null || data === void 0 ? void 0 : data.length) ? data.map(function (ccf, i) { return (react_1.default.createElement(CCFItem, { key: i, ccf: ccf })); }) : (react_1.default.createElement(addItem_1.default, { name: "Informa\u00E7\u00E3o", value: "N\u00E3o foi encontrado registros de Cheques Sem Fundos para o documento consultado." }))));
+};
+exports.default = CCFList;

package/lib/cjs/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/cjs/components/common/addItem.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("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 = (0, classnames_1.default)("field", className);
+    var valueClass = (0, classnames_1.default)("value", valueClassName);
+    var nameClass = (0, classnames_1.default)("name", nameClassName);
+    return (react_1.default.createElement("div", __assign({}, props, { className: fieldClassName }),
+        react_1.default.createElement("div", { className: valueClass }, value),
+        react_1.default.createElement("div", { className: nameClass, style: styleName }, name),
+        children));
+}
+exports.default = AddItemField;

package/lib/cjs/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/cjs/components/common/button.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var Button = function (_a) {
+    var children = _a.children, className = _a.className, price = _a.price;
+    var buttonClassName = (0, classnames_1.default)('button', 'product-button', className);
+    return (react_1.default.createElement("button", { className: buttonClassName },
+        children,
+        price && react_1.default.createElement("small", null, price)));
+};
+exports.default = Button;

package/lib/cjs/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/cjs/components/common/carousel.js

@@ -0,0 +1,24 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var react_1 = __importDefault(require("react"));
+var react_elastic_carousel_1 = __importDefault(require("@itseasy21/react-elastic-carousel"));
+var CustomCarousel = function (props, ref) {
+    return react_1.default.createElement(react_elastic_carousel_1.default, __assign({}, props, { ref: ref }));
+};
+var Carousel = react_1.default.forwardRef(CustomCarousel);
+exports.default = Carousel;

package/lib/cjs/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/cjs/components/common/headerAction.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var HeaderAction = function (_a) {
+    var iconClass = _a.iconClass, onClick = _a.onClick, className = _a.className, iconClassName = _a.iconClassName;
+    var actionClass = (0, classnames_1.default)("header-action", className);
+    var iconClassNames = (0, classnames_1.default)("fa fa-".concat(iconClass), iconClassName);
+    return (react_1.default.createElement("li", { className: actionClass, onClick: onClick, "aria-hidden": "true" },
+        react_1.default.createElement("i", { className: iconClassNames })));
+};
+exports.default = HeaderAction;

package/lib/cjs/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/cjs/components/contacts/contacts.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var result_1 = require("../interface/result");
+var addItem_1 = __importDefault(require("../common/addItem"));
+var contactsLikeDislike_1 = __importDefault(require("./contactsLikeDislike"));
+var webservice_1 = require("../webservice");
+var xpath_1 = __importDefault(require("../../utils/xpath"));
+var Contacts = function (_a) {
+    var onClickConsutarEmail = _a.onClickConsutarEmail;
+    var ctx = (0, react_1.useContext)(webservice_1.Queries.Finder);
+    var Section = ctx.Section;
+    return (react_1.default.createElement(Section, { ctx: ctx, title: "Contato", subtitle: "Meios De Contato", description: "Telefone, e-mail e outros", onError: function () { return react_1.default.createElement(react_1.default.Fragment, null, "Erro"); }, onLoading: function () { return react_1.default.createElement(react_1.default.Fragment, null, "Carregando"); }, onSuccess: function (data) {
+            var telefones = __spreadArray(__spreadArray([], xpath_1.default.select('//telefones/fixos/fixos', data), true), xpath_1.default.select('//telefones/moveis/moveis', data), true).map(function (telefone) { return ({ tipo: 'Telefone', valor: xpath_1.default.select('string(./telefone)', telefone) }); });
+            var emails = xpath_1.default.select('//emails/emails', data).map(function (email) { return ({ tipo: 'Email', valor: xpath_1.default.select('string(./email)', email) }); });
+            var contacts = __spreadArray(__spreadArray([], telefones, true), emails, true);
+            var children = (react_1.default.createElement(result_1.Result, null,
+                react_1.default.createElement(result_1.Result, { isContainer: true }, contacts.map(function (_a, key) {
+                    var tipo = _a.tipo, valor = _a.valor;
+                    return (react_1.default.createElement(ContactField, { key: key, tipo: tipo, valor: valor, onClickLike: console.log, onClickDislike: console.log }));
+                }))));
+            return {
+                children: children,
+                actions: (react_1.default.createElement("li", { className: "contacts-atualizar-email" },
+                    react_1.default.createElement("button", { className: "button", onClick: onClickConsutarEmail }, "Consultar E-mail em Dom\u00EDnio")))
+            };
+        } }));
+};
+var ContactField = (0, react_1.memo)(function (contact) {
+    return (react_1.default.createElement(addItem_1.default, { name: contact.tipo, value: contact.valor },
+        react_1.default.createElement(contactsLikeDislike_1.default, { 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 })));
+});
+exports.default = Contacts;