@credithub/harlan-components 1.80.2 → 1.81.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@credithub/harlan-components",
-  "version": "1.80.2",
+  "version": "1.81.2",
   "description": "Provide a set of web components to be used in Harlan and other projects",
   "keywords": [
     "harlan",
@@ -30,7 +30,6 @@
   },
   "dependencies": {
     "@credithub/webservice": "^1.1.4",
-    "@itseasy21/react-elastic-carousel": "^0.12.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-node-resolve": "^15.2.3",

package/dist/components/common/carousel.d.ts

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

package/dist/components/common/carousel.js

@@ -1,19 +0,0 @@
-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/dist/components/dossie/carrousel/carrousel.d.ts

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

package/dist/components/dossie/carrousel/carrousel.js

@@ -1,15 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import Companylogo from '../companyLogo/companyLogo';
-import styled from 'styled-components';
-var CarouselContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
-export var Carrousel = function (_a) {
-    var name = _a.name, document = _a.document;
-    return (React.createElement(CarouselContainer, null,
-        React.createElement(Companylogo, { name: name, document: document })));
-};
-export default Carrousel;
-var templateObject_1;

package/dist/components/dossie/companyLogo/companyLogo.d.ts

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

package/dist/components/dossie/companyLogo/companyLogo.js

@@ -1,53 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import IconeEmpresa from '../../../assets/icones/iconeEmpresa';
-import IconePessoa from '../../../assets/icones/iconePessoa';
-import { isDocumentoPF } from '../../../utils/string';
-import React from 'react';
-import styled, { useTheme } from 'styled-components';
-var LogoContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 20px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 20px;\n"])));
-var CompanyName = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n  text-align: center;\n  line-height: ", ";\n  font-weight: ", ";\n"], ["\n  font-size: ", ";\n  color: ", ";\n  text-align: center;\n  line-height: ", ";\n  font-weight: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.cinzaEscuro;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.lineHeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontWeight;
-});
-var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n  background-color: ", ";\n  text-align: center;\n  position: relative;\n  padding: 5px 20px;\n  border-radius: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n  background-color: ", ";\n  text-align: center;\n  position: relative;\n  padding: 5px 20px;\n  border-radius: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.body14.fontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.body14.fontWeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.body14.lineHeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.cinzaEscuro;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.cinzaClaro;
-});
-var Companylogo = function (_a) {
-    var name = _a.name, document = _a.document;
-    var theme = useTheme();
-    var circleFillColor = theme.colors.cinzaClaro;
-    var pathFillColor = theme.colors.cinzaEscuro;
-    return (React.createElement(LogoContainer, null,
-        React.createElement(CompanyName, null, name),
-        isDocumentoPF(document) ? (React.createElement(IconePessoa, { size: 60, circleFill: circleFillColor, pathFill: pathFillColor, className: "company-logo-icon" })) : (React.createElement(IconeEmpresa, { size: 60, circleFill: circleFillColor, className: "company-logo-icon" })),
-        React.createElement(DocumentContainer, null,
-            isDocumentoPF(document) ? 'CPF: ' : 'CNPJ: ',
-            document)));
-};
-export default Companylogo;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/reclameAqui/reclameAquiCarousel.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { StatusMapType } from '@/@types/domain/reclameAquiTypes';
-export interface ReclameAquiCompany {
-    nome: string;
-    cnpj: string;
-    score: string;
-    status: string | StatusMapType;
-    shortname: string;
-    imageUrl: string;
-    quantidadeProblemasResolvidos: string;
-    percentualProblemasResolvidos: string;
-}
-export declare const ReclameAquiCarousel: React.FC<{
-    documento: string;
-    nome: string;
-    companies?: ReclameAquiCompany[];
-}>;

package/dist/components/reclameAqui/reclameAquiCarousel.js

@@ -1,64 +0,0 @@
-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-unused-vars */
-import React, { memo } from 'react';
-import Carousel from '../common/carousel';
-import ChevronLeft from '../../assets/btn/chevronLeft';
-import ChevronRight from '../../assets/btn/chevronRight';
-import { formatValue } from '../../utils/number';
-import { statusMap } from '../../constants/reclameAqui';
-import Carrousel from '../dossie/carrousel/carrousel';
-import { CarrouselBtn, CompanyName, ContainerSummary, DocumentContainer, DocumentPrefix, LogoContainer, ProblemsSolved, ReclameAquiStatsContainer, StatsImage, StyledImage } from './styles';
-var translateStatus = function (status) {
-    return statusMap[status] || '--';
-};
-var ProblemasResolvidos = function (_a) {
-    var value = _a.value;
-    return (React.createElement(LogoContainer, null,
-        React.createElement(CompanyName, null,
-            "Problemas Resolvidos ",
-            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(ReclameAquiStatsContainer, null,
-        React.createElement(LogoContainer, null,
-            React.createElement(StyledImage, { src: imageUrl, alt: "Logo da Empresa" }),
-            React.createElement(CompanyName, { className: "bold" }, nome),
-            React.createElement(DocumentContainer, null,
-                React.createElement(DocumentPrefix, null,
-                    "CNPJ: ",
-                    cnpj))),
-        React.createElement(ProblemsSolved, null,
-            React.createElement(ProblemasResolvidos, { value: formatValue(Number(quantidadeProblemasResolvidos)) }),
-            React.createElement(StatsImage, { src: "https://painel.credithub.com.br/images/RA-small.png" }),
-            React.createElement("a", { href: "https://www.reclameaqui.com.br/empresa/".concat(shortname), rel: "noreferrer", target: "_blank" },
-                React.createElement(CompanyName, null,
-                    translateStatus(status),
-                    " ",
-                    score,
-                    "/10")),
-            React.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + '%' }))));
-};
-// Convert this to a pure presentational component
-export var ReclameAquiCarousel = memo(function (_a) {
-    var nome = _a.nome, documento = _a.documento, companies = _a.companies;
-    // If no companies data is provided, fallback to regular carousel
-    if (!companies || companies.length === 0) {
-        return React.createElement(Carrousel, { name: nome, document: documento });
-    }
-    return (React.createElement(ContainerSummary, null,
-        React.createElement(Carousel, { pagination: false, isRTL: false, showArrows: companies.length > 1, renderArrow: function (_a) {
-                var type = _a.type, onClick = _a.onClick;
-                return (React.createElement(CarrouselBtn, null, type === 'PREV' ? (React.createElement(ChevronLeft, { onClick: onClick })) : (React.createElement(ChevronRight, { onClick: onClick }))));
-            } }, companies.map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: "reclameaqui-".concat(index) }, empresa))); }))));
-});

package/dist/components/reclameAqui/styles.d.ts

@@ -1,14 +0,0 @@
-interface StatsImageProps {
-    src: string;
-}
-export declare const ContainerSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ReclameAquiStatsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const LogoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
-export declare const StatsImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StatsImageProps, never>;
-export declare const CompanyName: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const DocumentContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const DocumentPrefix: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ProblemsSolved: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CarrouselBtn: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export {};

package/dist/components/reclameAqui/styles.js

@@ -1,31 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from 'styled-components';
-export var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  gap: 16px;\n  padding: 16px;\n  width: 90%;\n"], ["\n  display: grid;\n  gap: 16px;\n  padding: 16px;\n  width: 90%;\n"])));
-export var ReclameAquiStatsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
-export var LogoContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n"])));
-export var StyledImage = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid ", ";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 16px;\n"], ["\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid ", ";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 16px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white;
-});
-export var StatsImage = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  object-fit: contain;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n  border: 2px solid ", ";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  background-image: url(", ");\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  object-fit: contain;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n  border: 2px solid ", ";\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  background-image: url(", ");\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white;
-}, function (props) { return props.src; });
-export var CompanyName = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 16px;\n  color: ", ";\n  text-align: center;\n  margin-bottom: 8px;\n  line-height: 18px;\n  font-weight: bold;\n"], ["\n  font-size: 16px;\n  color: ", ";\n  text-align: center;\n  margin-bottom: 8px;\n  line-height: 18px;\n  font-weight: bold;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.cinzaEscuro;
-});
-export var DocumentContainer = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 16px;\n  color: ", ";\n  text-align: center;\n  position: relative;\n  background-color: ", ";\n  padding: 4px 8px;\n  border-radius: 60px;\n  margin-top: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  font-size: 16px;\n  color: ", ";\n  text-align: center;\n  position: relative;\n  background-color: ", ";\n  padding: 4px 8px;\n  border-radius: 60px;\n  margin-top: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.cinzaEscuro;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.cinzaClaro;
-});
-export var DocumentPrefix = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-export var ProblemsSolved = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 16px 0;\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 16px 0;\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n"])));
-export var CarrouselBtn = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  cursor: pointer;\n  height: fit-content;\n"], ["\n  cursor: pointer;\n  height: fit-content;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;