@credithub/harlan-components 1.75.1 → 1.75.3

package/dist/components/dossie/dossie.js

@@ -13,17 +13,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import { formatCnpj, formatCpf } from '../../utils/string';
 import XPathUtils from '../../utils/xpath';
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { ReclameAquiCarousel } from '../reclameAqui/reclameAquiCarousel';
 import Section from '../section';
 import { Queries, RequestStatus, useQuery } from '../webservice';
 import { createDossieData } from './dossieData';
 import GenerativeAI from './generativeAi/generativeAi';
+import { ReclameAquiCarousel } from './sliderCompanyName/reclameAqui/reclameAquiCarousel';
 import { Summary } from './summary/summary';
 import { TransactionsTable } from './transactionTable/transactionTable';
 var DossieContent = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  justify-items: center;\n  align-items: flex-start;\n  margin-bottom: 20px;\n  gap: 20px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  justify-items: center;\n  align-items: flex-start;\n  margin-bottom: 20px;\n  gap: 20px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])));
@@ -120,17 +121,10 @@ var Dossie = function (_a) {
                     (rfbResponse &&
                         XPathUtils.select('string(//RFB/nome)', rfbResponse)));
             var document = isPF ? formatCpf(documento) : formatCnpj(documento);
-            return (React.createElement(React.Fragment, null,
-                React.createElement(DossieContainer, null,
-                    React.createElement(DossieContent, null,
-                        React.createElement(ReclameAquiCarousel, { documento: document, nome: name, companies: reclameAquiCompanies }),
-                        React.createElement(Summary, { finderResponse: data, document: document })),
-                    React.createElement(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) || [] })),
-                !printMode && (React.createElement(GenerativeAIContainer, null,
-                    React.createElement(GenerativeAI, { documento: document, refreshQuery: refreshQuery })))));
+            return (_jsxs(_Fragment, { children: [_jsxs(DossieContainer, { children: [_jsxs(DossieContent, { children: [_jsx(ReclameAquiCarousel, { documento: document, nome: name, companies: reclameAquiCompanies }), _jsx(Summary, { finderResponse: data, document: document })] }), _jsx(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) || [] })] }), !printMode && (_jsx(GenerativeAIContainer, { children: _jsx(GenerativeAI, { documento: document, refreshQuery: refreshQuery }) }))] }));
         };
     }, [documento, rfbResponse, printMode, reclameAquiCompanies, refreshQuery]);
-    return (React.createElement(Section, { ctx: ctx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
+    return (_jsx(Section, { ctx: ctx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
 };
 export default React.memo(Dossie);
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/dossie/generativeAi/generativeAi.js

@@ -54,6 +54,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import BtnSend from '../../../assets/btn/btnSend';
 import BtnWrapper from '../../../assets/btn/btnWrapper';
 import ChevronDown from '../../../assets/btn/chevronDown';
@@ -65,7 +66,7 @@ import StatusMessage from '../../../components/interface/statusMessage';
 import { useStreamQuery } from '../../../components/streamQuery';
 import { useGlobalData } from '../../../contexts/globalDataContext';
 import useToggle from '../../../hooks/useToggle';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { flattenData, selectRelevantData } from './dataUtils';
@@ -222,44 +223,10 @@ var GenerativeAI = function (_a) {
             setUserInput('');
         }
     };
-    return (React.createElement(GenerativeAi, null,
-        React.createElement(Header, null,
-            React.createElement(HeaderContent, null,
-                React.createElement("div", { className: "title-container" },
-                    React.createElement(Title, null, "Assistente artificial de an\u00E1lise de cr\u00E9dito"),
-                    React.createElement(BetaTag, null, "beta")),
-                React.createElement(BtnWrapper, { onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null)))),
-        isOpen && (React.createElement(React.Fragment, null,
-            React.createElement(Container, null,
-                (summaryError || chatError) && (React.createElement("div", null,
-                    React.createElement(StatusMessage, { type: "error" },
-                        "Erro ao realizar a an\u00E1lise:",
-                        ' ', (_b = (summaryError || chatError)) === null || _b === void 0 ? void 0 :
-                        _b.message))),
-                React.createElement(InitialMessageBox, null,
-                    React.createElement(InitialMessageContent, null,
-                        React.createElement("div", { className: "icon-and-text" },
-                            React.createElement(Credithub, { size: 18, className: "initial-icon" }),
-                            React.createElement("span", null, streamMode === 'summary' &&
-                                summaryLoading &&
-                                !((_c = messageHistory[0]) === null || _c === void 0 ? void 0 : _c.content) ? (React.createElement(LoadingDots, null)) : (React.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm] }, ((_d = messageHistory[0]) === null || _d === void 0 ? void 0 : _d.content) || '')))),
-                        React.createElement("div", { className: "additional-message" },
-                            React.createElement("p", null, "Voc\u00EA pode fazer perguntas como:"),
-                            React.createElement("p", { className: "blue-text" }, "\u00C9 seguro oferecer um cr\u00E9dito de R$ 15.000,00 a uma taxa de 3% em 12x?")),
-                        React.createElement("div", { className: "final-message" },
-                            React.createElement(Person, { size: 18 }),
-                            React.createElement("p", null, "Digite no campo abaixo o que deseja saber sobre esse dossi\u00EA?")))),
-                React.createElement(MessageHistory, { ref: messageHistoryRef }, messageHistory.slice(1).map(function (msg, index) { return (React.createElement(Message, { key: index, role: msg.role },
-                    React.createElement("div", { className: "icon-and-message" },
-                        msg.role === 'user' ? (React.createElement(Person, { size: 18 })) : (React.createElement(Credithub, { size: 18, className: "initial-icon" })),
-                        React.createElement("span", null, msg.role === 'assistant' &&
-                            chatLoading &&
-                            !msg.content ? (React.createElement(LoadingDots, null)) : (React.createElement(ReactMarkdown, { remarkPlugins: [remarkGfm] }, msg.content)))))); }))),
-            React.createElement(ContainerInput, null,
-                React.createElement(ChatInputContainer, null,
-                    React.createElement(ChatInput, { type: "text", placeholder: "Digite o que deseja saber sobre esse dossi\u00EA", value: userInput, onChange: function (e) { return setUserInput(e.target.value); }, onKeyPress: handleKeyPress, disabled: chatLoading }),
-                    chatLoading ? (React.createElement(SendButton, { onClick: handleStopStream },
-                        React.createElement(StopButton, null))) : (React.createElement(SendButton, { onClick: handleSendMessage },
-                        React.createElement(BtnSend, null)))))))));
+    return (_jsxs(GenerativeAi, { children: [_jsx(Header, { children: _jsxs(HeaderContent, { children: [_jsxs("div", { className: "title-container", children: [_jsx(Title, { children: "Assistente artificial de an\u00E1lise de cr\u00E9dito" }), _jsx(BetaTag, { children: "beta" })] }), _jsx(BtnWrapper, { onClick: toggleOpen, children: isOpen ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {}) })] }) }), isOpen && (_jsxs(_Fragment, { children: [_jsxs(Container, { children: [(summaryError || chatError) && (_jsx("div", { children: _jsxs(StatusMessage, { type: "error", children: ["Erro ao realizar a an\u00E1lise:", ' ', (_b = (summaryError || chatError)) === null || _b === void 0 ? void 0 : _b.message] }) })), _jsx(InitialMessageBox, { children: _jsxs(InitialMessageContent, { children: [_jsxs("div", { className: "icon-and-text", children: [_jsx(Credithub, { size: 18, className: "initial-icon" }), _jsx("span", { children: streamMode === 'summary' &&
+                                                        summaryLoading &&
+                                                        !((_c = messageHistory[0]) === null || _c === void 0 ? void 0 : _c.content) ? (_jsx(LoadingDots, {})) : (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: ((_d = messageHistory[0]) === null || _d === void 0 ? void 0 : _d.content) || '' })) })] }), _jsxs("div", { className: "additional-message", children: [_jsx("p", { children: "Voc\u00EA pode fazer perguntas como:" }), _jsx("p", { className: "blue-text", children: "\u00C9 seguro oferecer um cr\u00E9dito de R$ 15.000,00 a uma taxa de 3% em 12x?" })] }), _jsxs("div", { className: "final-message", children: [_jsx(Person, { size: 18 }), _jsx("p", { children: "Digite no campo abaixo o que deseja saber sobre esse dossi\u00EA?" })] })] }) }), _jsx(MessageHistory, { ref: messageHistoryRef, children: messageHistory.slice(1).map(function (msg, index) { return (_jsx(Message, { role: msg.role, children: _jsxs("div", { className: "icon-and-message", children: [msg.role === 'user' ? (_jsx(Person, { size: 18 })) : (_jsx(Credithub, { size: 18, className: "initial-icon" })), _jsx("span", { children: msg.role === 'assistant' &&
+                                                    chatLoading &&
+                                                    !msg.content ? (_jsx(LoadingDots, {})) : (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: msg.content })) })] }) }, index)); }) })] }), _jsx(ContainerInput, { children: _jsxs(ChatInputContainer, { children: [_jsx(ChatInput, { type: "text", placeholder: "Digite o que deseja saber sobre esse dossi\u00EA", value: userInput, onChange: function (e) { return setUserInput(e.target.value); }, onKeyPress: handleKeyPress, disabled: chatLoading }), chatLoading ? (_jsx(SendButton, { onClick: handleStopStream, children: _jsx(StopButton, {}) })) : (_jsx(SendButton, { onClick: handleSendMessage, children: _jsx(BtnSend, {}) }))] }) })] }))] }));
 };
 export default GenerativeAI;

package/dist/components/dossie/{companyLogo → sliderCompanyName/companyLogo}/companyLogo.js

@@ -2,10 +2,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconeEmpresa from '../../../../assets/icones/iconeEmpresa';
+import IconePessoa from '../../../../assets/icones/iconePessoa';
+import { isDocumentoPF } from '../../../../utils/string';
 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) {
@@ -42,12 +42,7 @@ var Companylogo = function (_a) {
     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)));
+    return (_jsxs(LogoContainer, { children: [_jsx(CompanyName, { children: name }), isDocumentoPF(document) ? (_jsx(IconePessoa, { size: 60, circleFill: circleFillColor, pathFill: pathFillColor, className: "company-logo-icon" })) : (_jsx(IconeEmpresa, { size: 60, circleFill: circleFillColor, className: "company-logo-icon" })), _jsxs(DocumentContainer, { children: [isDocumentoPF(document) ? 'CPF: ' : 'CNPJ: ', document] })] }));
 };
 export default Companylogo;
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/dossie/sliderCompanyName/reclameAqui/carousel.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CarouselProps {
+    /** Slides a serem renderizados (cada filho é um "slide" completo) */
+    children: React.ReactNode;
+    /** Exibe as setas? (default: true) */
+    showArrows?: boolean;
+    /**
+     * Função para renderizar o ícone da seta.
+     * Recebe { type: 'PREV' | 'NEXT' } e retorna o ReactNode do conteúdo interno do botão.
+     * Se não for informada, usamos um ícone padrão simples.
+     */
+    renderArrowIcon?: (args: {
+        type: 'PREV' | 'NEXT';
+    }) => React.ReactNode;
+    /** Inverte o sentido (RTL)? (default: false) */
+    isRTL?: boolean;
+    /** Exibe bullets de paginação? (default: false) */
+    pagination?: boolean;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/dist/components/dossie/sliderCompanyName/reclameAqui/carousel.js

@@ -0,0 +1,47 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// src/components/reclameAqui/carousel.tsx
+import React, { useMemo, useState } from 'react';
+import styled from 'styled-components';
+var CarouselWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  min-width: 0;\n"], ["\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  min-width: 0;\n"])));
+var SlidesContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  transition: transform 0.4s ease;\n  transform: translateX(", "%);\n  width: 100%;\n"], ["\n  display: flex;\n  transition: transform 0.4s ease;\n  transform: translateX(", "%);\n  width: 100%;\n"])), function (p) { return p.index * 100 * -1; });
+var Slide = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 0 0 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"], ["\n  flex: 0 0 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
+var ArrowWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  ", "\n  transform: translateY(-50%);\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: 50%;\n  ", "\n  transform: translateY(-50%);\n  z-index: 2;\n"])), function (p) { return (p.position === 'left' ? 'left: 8px;' : 'right: 8px;'); });
+var ArrowButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: transparent;\n  border: none;\n  color: #333;\n  font-size: 1.5rem;\n  padding: 4px;\n  cursor: pointer;\n\n  &:hover {\n    color: #000;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"], ["\n  background: transparent;\n  border: none;\n  color: #333;\n  font-size: 1.5rem;\n  padding: 4px;\n  cursor: pointer;\n\n  &:hover {\n    color: #000;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])));
+var DotsContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin-top: 8px;\n\n  button {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    margin: 0 4px;\n    border: none;\n    background: #ccc;\n    cursor: pointer;\n    padding: 0;\n\n    &.active {\n      background: #555;\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  margin-top: 8px;\n\n  button {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    margin: 0 4px;\n    border: none;\n    background: #ccc;\n    cursor: pointer;\n    padding: 0;\n\n    &.active {\n      background: #555;\n    }\n  }\n"])));
+var DefaultArrowIcon = function (_a) {
+    var type = _a.type;
+    return _jsx("span", { children: type === 'PREV' ? '‹' : '›' });
+};
+var Carousel = function (_a) {
+    var children = _a.children, _b = _a.showArrows, showArrows = _b === void 0 ? true : _b, renderArrowIcon = _a.renderArrowIcon, _c = _a.isRTL, isRTL = _c === void 0 ? false : _c, _d = _a.pagination, pagination = _d === void 0 ? false : _d;
+    var slidesArray = React.Children.toArray(children);
+    var total = slidesArray.length;
+    var _e = useState(0), currentIndex = _e[0], setCurrentIndex = _e[1];
+    if (total === 0) {
+        return null;
+    }
+    var goPrev = function () {
+        setCurrentIndex(function (prev) {
+            var next = prev - 1;
+            return next < 0 ? total - 1 : next;
+        });
+    };
+    var goNext = function () {
+        setCurrentIndex(function (prev) {
+            var next = prev + 1;
+            return next >= total ? 0 : next;
+        });
+    };
+    var PaginationDots = useMemo(function () {
+        if (!pagination || total <= 1)
+            return null;
+        return (_jsx(DotsContainer, { children: slidesArray.map(function (_, idx) { return (_jsx("button", { className: currentIndex === idx ? 'active' : '', onClick: function () { return setCurrentIndex(idx); }, "aria-label": "Ir para o slide ".concat(idx + 1) }, idx)); }) }));
+    }, [pagination, total, currentIndex, slidesArray]);
+    return (_jsxs(CarouselWrapper, { children: [showArrows && (_jsxs(_Fragment, { children: [_jsx(ArrowWrapper, { position: "left", children: _jsx(ArrowButton, { onClick: isRTL ? goNext : goPrev, "aria-label": "Slide anterior", children: renderArrowIcon ? (renderArrowIcon({ type: 'PREV' })) : (_jsx(DefaultArrowIcon, { type: "PREV" })) }) }), _jsx(ArrowWrapper, { position: "right", children: _jsx(ArrowButton, { onClick: isRTL ? goPrev : goNext, "aria-label": "Pr\u00F3ximo slide", children: renderArrowIcon ? (renderArrowIcon({ type: 'NEXT' })) : (_jsx(DefaultArrowIcon, { type: "NEXT" })) }) })] })), _jsx(SlidesContainer, { index: currentIndex, children: slidesArray.map(function (child, idx) { return (_jsx(Slide, { children: child }, idx)); }) }), PaginationDots] }));
+};
+export default Carousel;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/dossie/sliderCompanyName/reclameAqui/reclameAquiCarousel.js

@@ -0,0 +1,40 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// src/components/reclameAqui/reclameAquiCarousel.tsx
+import { formatValue } from '../../../../utils/number';
+import { memo } from 'react';
+import { statusMap } from '../../../../constants/reclameAqui';
+import Carousel from './carousel';
+import SliderCompanyName from '../sliderCompanyName';
+import { 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 (_jsx(LogoContainer, { children: _jsxs(CompanyName, { children: ["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 (_jsxs(ReclameAquiStatsContainer, { children: [_jsxs(LogoContainer, { children: [_jsx(StyledImage, { src: imageUrl, alt: "Logo da Empresa" }), _jsx(CompanyName, { className: "bold", children: nome }), _jsx(DocumentContainer, { children: _jsxs(DocumentPrefix, { children: ["CNPJ: ", cnpj] }) })] }), _jsxs(ProblemsSolved, { children: [_jsx(ProblemasResolvidos, { value: formatValue(Number(quantidadeProblemasResolvidos)) }), _jsx(StatsImage, { src: "https://painel.credithub.com.br/images/RA-small.png" }), _jsx("a", { href: "https://www.reclameaqui.com.br/empresa/".concat(shortname), rel: "noreferrer", target: "_blank", children: _jsxs(CompanyName, { children: [translateStatus(status), " ", score, "/10"] }) }), _jsx(ProblemasResolvidos, { value: percentualProblemasResolvidos + '%' })] })] }));
+};
+export var ReclameAquiCarousel = memo(function (_a) {
+    var nome = _a.nome, documento = _a.documento, companies = _a.companies;
+    if (!companies || companies.length === 0) {
+        return _jsx(SliderCompanyName, { name: nome, document: documento });
+    }
+    return (_jsx(ContainerSummary, { children: _jsx(Carousel, { pagination: false, isRTL: false, showArrows: companies.length > 1, renderArrowIcon: function (_a) {
+                var type = _a.type;
+                return type === 'PREV' ? _jsx("span", { children: "\u2039" }) : _jsx("span", { children: "\u203A" });
+            }, children: companies.map(function (empresa, index) { return (_jsx(ReclameAquiStats, __assign({}, empresa), "reclameaqui-".concat(index))); }) }) }));
+});

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

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

package/dist/components/dossie/{carrousel/carrousel.js → sliderCompanyName/sliderCompanyName.js}

@@ -2,14 +2,13 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
+import Companylogo from './companyLogo/companyLogo';
 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) {
+export var SliderCompanyName = function (_a) {
     var name = _a.name, document = _a.document;
-    return (React.createElement(CarouselContainer, null,
-        React.createElement(Companylogo, { name: name, document: document })));
+    return (_jsx(CarouselContainer, { children: _jsx(Companylogo, { name: name, document: document }) }));
 };
-export default Carrousel;
+export default SliderCompanyName;
 var templateObject_1;

package/dist/components/dossie/summary/cardsAndProducts.d.ts

@@ -6,7 +6,7 @@ declare const useCardsAndProducts: ({ finderResponse }: {
         title: string | false;
         header: string;
     } | {
-        title: string | React.JSX.Element;
+        title: string | import("react/jsx-runtime").JSX.Element;
         header: string;
     })[];
     products: {

package/dist/components/dossie/summary/cardsAndProducts.js

@@ -45,11 +45,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useConsultaRfb } from '../../../hooks/useConsultaRfb';
 import { useConsultasComplementares } from '../../../hooks/useConsultasComplementares';
 import { formatMoney } from '../../../utils/number';
 import XPathUtils from '../../../utils/xpath';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { LoadingDots } from '../generativeAi/styles';
 import { getAtividadesEconomicasSecundarias, getField, getFieldRfb, getProductsPrices } from './utils';
 var useCardsAndProducts = function (_a) {
@@ -145,7 +146,7 @@ var useCardsAndProducts = function (_a) {
                 header: 'UF do RG'
             },
             {
-                title: rfbIsLoading ? (React.createElement(LoadingDots, null)) : (getFieldRfb('situacao', rfbResponse) ||
+                title: rfbIsLoading ? (_jsx(LoadingDots, {})) : (getFieldRfb('situacao', rfbResponse) ||
                     getField('status', finderResponse)),
                 header: 'Situação'
             },

package/dist/components/dossie/summary/summary.js

@@ -9,12 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import ButtonAtualizarDadosRfb from '../../../assets/btn/buttonAtualizarDadosRfb';
 import AddItemField from '../../../components/common/addItem';
 import Modal from '../../../components/common/modalMaintenance';
 import ScrDataBaseModal from '../../../components/scr/scrDataBaseModal';
 import { formatMoney } from '../../../utils/number';
-import React from 'react';
 import useCardsAndProducts from './cardsAndProducts';
 import { ButtonsSummary, ButtonsWrapper, ContainerSummary, ContentSummary, FieldSummary, Spinner, SummaryButton } from './styles';
 export var Summary = function (_a) {
@@ -22,18 +22,9 @@ export var Summary = function (_a) {
     var _b = useCardsAndProducts({
         finderResponse: finderResponse
     }), cards = _b.cards, products = _b.products, isModalOpen = _b.isModalOpen, closeModal = _b.closeModal, isScrModalOpen = _b.isScrModalOpen, setScrModalOpen = _b.setScrModalOpen, setConsultasComplementares = _b.setConsultasComplementares;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ContainerSummary, { className: "credithub-container-summary" },
-            React.createElement(ContentSummary, { className: "credithub-content-summary" }, cards.map(function (card, index) { return (React.createElement(FieldSummary, { key: index, fullRow: card.header === 'Nome' || card.header === 'Nome Da Mãe' },
-                React.createElement(AddItemField, { name: card.header, value: card.title }))); })),
-            React.createElement(ButtonsWrapper, null,
-                React.createElement(ButtonAtualizarDadosRfb, null),
-                products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '' } },
-                    React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, disabled: product.isLoading, smallContent: product.price ? formatMoney(product.price) : undefined }, product.isLoading ? React.createElement(Spinner, null) : product.title))); })),
-            React.createElement(Modal, { isOpen: isModalOpen, onClose: closeModal, title: "\uD83D\uDEA7 Consulta temporariamente indispon\u00EDvel", message: "A consulta Pefin/Refin Serasa est\u00E1 fora do ar devido a mudan\u00E7as na fonte. Nossa equipe j\u00E1 est\u00E1 trabalhando para resolver, mas ainda n\u00E3o h\u00E1 previs\u00E3o de normaliza\u00E7\u00E3o.", incidentUrl: "https://credithub.statuspage.io/incidents/hnvx1dxby7rk" })),
-        isScrModalOpen && (React.createElement(ScrDataBaseModal, { isOpen: isScrModalOpen, onClose: function () { return setScrModalOpen(false); }, onConfirm: function (selected) {
-                setScrModalOpen(false);
-                setConsultasComplementares === null || setConsultasComplementares === void 0 ? void 0 : setConsultasComplementares(function (prev) { return (__assign(__assign({}, prev), { scr: __assign(__assign({}, prev === null || prev === void 0 ? void 0 : prev.scr), { dataBase: selected, consultaRealizada: true }) })); });
-            } }))));
+    return (_jsxs(_Fragment, { children: [_jsxs(ContainerSummary, { className: "credithub-container-summary", children: [_jsx(ContentSummary, { className: "credithub-content-summary", children: cards.map(function (card, index) { return (_jsx(FieldSummary, { fullRow: card.header === 'Nome' || card.header === 'Nome Da Mãe', children: _jsx(AddItemField, { name: card.header, value: card.title }) }, index)); }) }), _jsxs(ButtonsWrapper, { children: [_jsx(ButtonAtualizarDadosRfb, {}), products.map(function (product, index) { return (_jsx(ButtonsSummary, { style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '' }, children: _jsx(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, disabled: product.isLoading, smallContent: product.price ? formatMoney(product.price) : undefined, children: product.isLoading ? _jsx(Spinner, {}) : product.title }) }, index)); })] }), _jsx(Modal, { isOpen: isModalOpen, onClose: closeModal, title: "\uD83D\uDEA7 Consulta temporariamente indispon\u00EDvel", message: "A consulta Pefin/Refin Serasa est\u00E1 fora do ar devido a mudan\u00E7as na fonte. Nossa equipe j\u00E1 est\u00E1 trabalhando para resolver, mas ainda n\u00E3o h\u00E1 previs\u00E3o de normaliza\u00E7\u00E3o.", incidentUrl: "https://credithub.statuspage.io/incidents/hnvx1dxby7rk" })] }), isScrModalOpen && (_jsx(ScrDataBaseModal, { isOpen: isScrModalOpen, onClose: function () { return setScrModalOpen(false); }, onConfirm: function (selected) {
+                    setScrModalOpen(false);
+                    setConsultasComplementares === null || setConsultasComplementares === void 0 ? void 0 : setConsultasComplementares(function (prev) { return (__assign(__assign({}, prev), { scr: __assign(__assign({}, prev === null || prev === void 0 ? void 0 : prev.scr), { dataBase: selected, consultaRealizada: true }) })); });
+                } }))] }));
 };
 export default Summary;

package/dist/components/dossie/transactionTable/transactionTable.js

@@ -2,10 +2,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import IconePessoa from '../../../assets/icones/iconePessoa';
 import XPathUtils from '../../../utils/xpath';
 import { format } from 'date-fns';
-import React from 'react';
 import styled from 'styled-components';
 import AddItemField from '../../common/addItem';
 var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), function (_a) {
@@ -19,15 +19,7 @@ var UserField = styled.span(templateObject_5 || (templateObject_5 = __makeTempla
 var DateField = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex: 1;\n  text-align: right;\n"], ["\n  flex: 1;\n  text-align: right;\n"])));
 export var TransactionsTable = function (_a) {
     var _b = _a.events, events = _b === void 0 ? [] : _b;
-    return (React.createElement(StyledContainer, null,
-        React.createElement(Header, null,
-            React.createElement(Title, null, "Quem Consultou esse Documento?"),
-            React.createElement(IconePessoa, { size: 60 })),
-        events.map(function (event, index) { return (React.createElement(TransactionContent, { key: index },
-            React.createElement(UserField, null,
-                React.createElement(AddItemField, { name: "Usu\u00E1rio", value: XPathUtils.select('string(./usuario)', event), style: { display: 'inline-block', padding: '2px 0px' } })),
-            React.createElement(DateField, null,
-                React.createElement(AddItemField, { name: "Data", value: format(new Date(XPathUtils.select('string(./ultimaConsulta)', event)), 'dd/MM/yyyy'), style: { display: 'inline-block' } })))); })));
+    return (_jsxs(StyledContainer, { children: [_jsxs(Header, { children: [_jsx(Title, { children: "Quem Consultou esse Documento?" }), _jsx(IconePessoa, { size: 60 })] }), events.map(function (event, index) { return (_jsxs(TransactionContent, { children: [_jsx(UserField, { children: _jsx(AddItemField, { name: "Usu\u00E1rio", value: XPathUtils.select('string(./usuario)', event), style: { display: 'inline-block', padding: '2px 0px' } }) }), _jsx(DateField, { children: _jsx(AddItemField, { name: "Data", value: format(new Date(XPathUtils.select('string(./ultimaConsulta)', event)), 'dd/MM/yyyy'), style: { display: 'inline-block' } }) })] }, index)); })] }));
 };
 export default TransactionsTable;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/imoveis/imoveisService.js

@@ -9,10 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import ImoveisIcon from '../../assets/icones/imoveis';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatMoney } from '../../utils/number';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
 import { Result, ResultContent } from '../interface/result';
@@ -50,7 +51,7 @@ var ConsultaImoveis = function (_a) {
             setDataUpdated(true);
         }
     }, [response, dataUpdated, setData, consultaRealizada]);
-    return consultaRealizada ? (React.createElement(Section, { ref: consultaImoveisRef, ctx: {
+    return consultaRealizada ? (_jsx(Section, { ref: consultaImoveisRef, ctx: {
             type: isLoading
                 ? RequestStatus.Loading
                 : error
@@ -62,28 +63,14 @@ var ConsultaImoveis = function (_a) {
             refetch: function () { },
             Section: Section,
             progress: loadingProgress
-        }, title: "Consulta de IPTU", subtitle: "Registros de IPTU para o documento informado", icon: ImoveisIcon, description: !error && (React.createElement(StatusMessage, { type: iptus.length ? 'success' : 'default' }, iptus.length > 0
-            ? "Foram encontrados ".concat(iptus.length, " registros de IPTU")
-            : 'Nenhum registro de IPTU encontrado para o documento informado.')), onSuccess: function () { return (React.createElement(Result, null, iptus.map(function (iptu, index) {
-            var _a, _b, _c, _d, _e, _f, _g;
-            return (React.createElement(ResultContent, { key: index, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
-                React.createElement(AddItemField, { name: "Endere\u00E7o", value: iptu.ENDERECO }),
-                React.createElement(AddItemField, { name: "Conjunto", value: (_a = iptu.COMPLEMENTO) === null || _a === void 0 ? void 0 : _a.CONJUNTO }),
-                React.createElement(AddItemField, { name: "Quadra", value: (_b = iptu.COMPLEMENTO) === null || _b === void 0 ? void 0 : _b.QUADRA }),
-                React.createElement(AddItemField, { name: "Lote", value: (_c = iptu.COMPLEMENTO) === null || _c === void 0 ? void 0 : _c.LOTE }),
-                React.createElement(AddItemField, { name: "N\u00FAmero", value: iptu.NUMERO }),
-                React.createElement(AddItemField, { name: "Bairro", value: iptu.BAIRRO }),
-                React.createElement(AddItemField, { name: "CEP", value: iptu.CEP }),
-                React.createElement(AddItemField, { name: "\u00C1rea do Terreno", value: "".concat((_d = iptu.AREA) === null || _d === void 0 ? void 0 : _d.TOTAL, " m\u00B2") }),
-                React.createElement(AddItemField, { name: "\u00C1rea Constru\u00EDda", value: "".concat((_e = iptu.AREA) === null || _e === void 0 ? void 0 : _e.CONSTRUIDA, " m\u00B2") }),
-                React.createElement(AddItemField, { name: "Ano de Constru\u00E7\u00E3o", value: String(iptu.ANO) }),
-                React.createElement(AddItemField, { name: "Valor do IPTU", value: formatMoney((_f = iptu.VALOR) === null || _f === void 0 ? void 0 : _f.IPTU) }),
-                React.createElement(AddItemField, { name: "Valor do Im\u00F3vel", value: formatMoney((_g = iptu.VALOR) === null || _g === void 0 ? void 0 : _g.CONSTRUCAO) })));
-        }))); }, isError: function (err) { return ({
-            children: React.createElement(React.Fragment, null),
-            description: (React.createElement(StatusMessage, { type: "error" },
-                "Erro ao realizar a consulta: ",
-                err.message)),
+        }, title: "Consulta de IPTU", subtitle: "Registros de IPTU para o documento informado", icon: ImoveisIcon, description: !error && (_jsx(StatusMessage, { type: iptus.length ? 'success' : 'default', children: iptus.length > 0
+                ? "Foram encontrados ".concat(iptus.length, " registros de IPTU")
+                : 'Nenhum registro de IPTU encontrado para o documento informado.' })), onSuccess: function () { return (_jsx(Result, { children: iptus.map(function (iptu, index) {
+                var _a, _b, _c, _d, _e, _f, _g;
+                return (_jsxs(ResultContent, { desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr", children: [_jsx(AddItemField, { name: "Endere\u00E7o", value: iptu.ENDERECO }), _jsx(AddItemField, { name: "Conjunto", value: (_a = iptu.COMPLEMENTO) === null || _a === void 0 ? void 0 : _a.CONJUNTO }), _jsx(AddItemField, { name: "Quadra", value: (_b = iptu.COMPLEMENTO) === null || _b === void 0 ? void 0 : _b.QUADRA }), _jsx(AddItemField, { name: "Lote", value: (_c = iptu.COMPLEMENTO) === null || _c === void 0 ? void 0 : _c.LOTE }), _jsx(AddItemField, { name: "N\u00FAmero", value: iptu.NUMERO }), _jsx(AddItemField, { name: "Bairro", value: iptu.BAIRRO }), _jsx(AddItemField, { name: "CEP", value: iptu.CEP }), _jsx(AddItemField, { name: "\u00C1rea do Terreno", value: "".concat((_d = iptu.AREA) === null || _d === void 0 ? void 0 : _d.TOTAL, " m\u00B2") }), _jsx(AddItemField, { name: "\u00C1rea Constru\u00EDda", value: "".concat((_e = iptu.AREA) === null || _e === void 0 ? void 0 : _e.CONSTRUIDA, " m\u00B2") }), _jsx(AddItemField, { name: "Ano de Constru\u00E7\u00E3o", value: String(iptu.ANO) }), _jsx(AddItemField, { name: "Valor do IPTU", value: formatMoney((_f = iptu.VALOR) === null || _f === void 0 ? void 0 : _f.IPTU) }), _jsx(AddItemField, { name: "Valor do Im\u00F3vel", value: formatMoney((_g = iptu.VALOR) === null || _g === void 0 ? void 0 : _g.CONSTRUCAO) })] }, index));
+            }) })); }, isError: function (err) { return ({
+            children: _jsx(_Fragment, {}),
+            description: (_jsxs(StatusMessage, { type: "error", children: ["Erro ao realizar a consulta: ", err.message] })),
             variant: 'error'
         }); } })) : null;
 };

package/dist/components/interface/header.js

@@ -24,8 +24,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import styled, { useTheme } from 'styled-components';
 import LoadingBar from './loadingBar';
 /** -----------------------------
@@ -75,7 +76,7 @@ var Description = styled.div(templateObject_3 || (templateObject_3 = __makeTempl
 });
 var HeaderUI = styled(function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement("header", __assign({}, props), children));
+    return (_jsx("header", __assign({}, props, { children: children })));
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"], ["\n  @media screen {\n    background: #ffffff !important;\n    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);\n    border-radius: 30px;\n  }\n\n  @media print {\n    page-break-before: avoid;\n    page-break-after: avoid;\n    page-break-inside: avoid;\n    padding: 18px;\n    print-color-adjust: exact;\n    background: #eae9e9;\n    border-radius: 18px;\n  }\n\n  padding: 30px 20px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", " {\n    color: ", ";\n  }\n"])), Title, function (props) { return props.color; });
 var HeaderContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  gap: 20px;\n\n  @media print {\n    width: 100%;\n  }\n"])));
 var ActionsList = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n"])));
@@ -96,18 +97,7 @@ var Header = function (_a) {
     var containerClass = classNames(containerClassName);
     var isLoading = variant === 'loading';
     var variantColor = useMemo(function () { return getVariantColor(variant, theme); }, [variant, theme]);
-    return (React.createElement("div", { ref: innerRef },
-        React.createElement(HeaderUI, __assign({ className: headerClass, color: variantColor }, rest),
-            React.createElement(HeaderContainer, { className: containerClass },
-                React.createElement(IconWrapper, null, Icon && React.createElement(Icon, __assign({}, iconProps, { circleFill: variantColor }))),
-                React.createElement(TextWrapper, { printBar: printBar },
-                    title && (React.createElement(Title, { className: classNames(titleClassName) }, title)),
-                    React.createElement("div", { className: "text-wrapper-subtitle-description" },
-                        React.createElement(Subtitle, { hidden: isLoading || !subtitle, className: subtitleClassName }, subtitle),
-                        React.createElement(Description, { hidden: isLoading || !description, className: descriptionClassName }, description)),
-                    React.createElement(LoadingBarWrapper, { hidden: !isLoading },
-                        React.createElement(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0 })))),
-            actions && (React.createElement(ActionsList, { className: actionsClass }, actions)))));
+    return (_jsx("div", { ref: innerRef, children: _jsxs(HeaderUI, __assign({ className: headerClass, color: variantColor }, rest, { children: [_jsxs(HeaderContainer, { className: containerClass, children: [_jsx(IconWrapper, { children: Icon && _jsx(Icon, __assign({}, iconProps, { circleFill: variantColor })) }), _jsxs(TextWrapper, { printBar: printBar, children: [title && (_jsx(Title, { className: classNames(titleClassName), children: title })), _jsxs("div", { className: "text-wrapper-subtitle-description", children: [_jsx(Subtitle, { hidden: isLoading || !subtitle, className: subtitleClassName, children: subtitle }), _jsx(Description, { hidden: isLoading || !description, className: descriptionClassName, children: description })] }), _jsx(LoadingBarWrapper, { hidden: !isLoading, children: _jsx(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0 }) })] })] }), actions && (_jsx(ActionsList, { className: actionsClass, children: actions }))] })) }));
 };
 /** -----------------------------
  * Helpers

package/dist/components/interface/loading.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function Loading(): React.JSX.Element;
+export default function Loading(): import("react/jsx-runtime").JSX.Element;

package/dist/components/interface/loading.js

@@ -1,8 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Loading() {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "saving" },
-            React.createElement("span", null, " ."),
-            React.createElement("span", null, "."),
-            React.createElement("span", null, "."))));
+    return (_jsx(_Fragment, { children: _jsxs("span", { className: "saving", children: [_jsx("span", { children: " ." }), _jsx("span", { children: "." }), _jsx("span", { children: "." })] }) }));
 }

package/dist/components/interface/loadingBar.js

@@ -24,7 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 var GreyBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 18.75rem;\n  height: 0.625rem;\n  background-color: ", ";\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n  visibility: ", ";\n\n  @media (max-width: 600px) {\n    width: 12.5rem;\n  }\n\n  @media (max-width: 400px) {\n    width: 9.375rem;\n  }\n"], ["\n  width: 18.75rem;\n  height: 0.625rem;\n  background-color: ", ";\n  border-radius: 10px;\n  position: relative;\n  overflow: hidden;\n  visibility: ", ";\n\n  @media (max-width: 600px) {\n    width: 12.5rem;\n  }\n\n  @media (max-width: 400px) {\n    width: 9.375rem;\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -42,8 +42,7 @@ var BlueBar = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateO
 });
 var LoadingBar = function (_a) {
     var _b = _a.percentage, percentage = _b === void 0 ? 0 : _b, _c = _a.hidden, hidden = _c === void 0 ? false : _c, props = __rest(_a, ["percentage", "hidden"]);
-    return (React.createElement(GreyBar, __assign({ hidden: hidden }, props),
-        React.createElement(BlueBar, { percentage: percentage })));
+    return (_jsx(GreyBar, __assign({ hidden: hidden }, props, { children: _jsx(BlueBar, { percentage: percentage }) })));
 };
 export default LoadingBar;
 var templateObject_1, templateObject_2;

package/dist/components/interface/resultWithoutInformation.js

@@ -20,13 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 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, null,
-            React.createElement(AddItemField, __assign({ name: name, value: value }, props)))));
+    return (_jsx(Result, { children: _jsx(Result, { children: _jsx(AddItemField, __assign({ name: name, value: value }, props)) }) }));
 };
 export default ResultWithoutInformation;

package/dist/components/interface/section.js

@@ -2,6 +2,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import BtnWrapper from '../../assets/btn/btnWrapper';
 import ChevronDown from '../../assets/btn/chevronDown';
@@ -10,7 +11,6 @@ import CloseIcon from '../../assets/btn/closeIcon';
 import PrintIcon from '../../assets/btn/printIcon';
 import useToggle from '../../hooks/useToggle';
 import classNames from 'classnames';
-import React from 'react';
 import styled from 'styled-components';
 import Header from './header';
 var SectionContaner = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media screen {\n    background-color: rgb(239, 239, 239);\n  }\n  page-break-before: avoid;\n  page-break-after: avoid;\n  page-break-inside: avoid;\n"], ["\n  @media screen {\n    background-color: rgb(239, 239, 239);\n  }\n  page-break-before: avoid;\n  page-break-after: avoid;\n  page-break-inside: avoid;\n"])));
@@ -20,15 +20,7 @@ var Section = function (_a) {
     var _c = useToggle(!minimized), isOpen = _c[0], toggleOpen = _c[1];
     var sectionClass = classNames(className);
     var sectionContentClass = classNames(contentClassName);
-    return (React.createElement(SectionContaner, { className: sectionClass },
-        React.createElement(Header, { title: title, subtitle: subtitle, description: description, loadingProps: loadingProps, icon: icon, variant: variant, actions: React.createElement(React.Fragment, null,
-                React.createElement(BtnWrapper, null,
-                    React.createElement(PrintIcon, { onClick: onClickPrint })),
-                children && (React.createElement(BtnWrapper, { hidden: variant === 'loading', onClick: toggleOpen }, isOpen ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null))),
-                onClose && (React.createElement(BtnWrapper, { onClick: onClose },
-                    React.createElement(CloseIcon, null))),
-                actions) }),
-        React.createElement(ResultContainer, { className: sectionContentClass, hide: !isOpen }, children)));
+    return (_jsxs(SectionContaner, { className: sectionClass, children: [_jsx(Header, { title: title, subtitle: subtitle, description: description, loadingProps: loadingProps, icon: icon, variant: variant, actions: _jsxs(_Fragment, { children: [_jsx(BtnWrapper, { children: _jsx(PrintIcon, { onClick: onClickPrint }) }), children && (_jsx(BtnWrapper, { hidden: variant === 'loading', onClick: toggleOpen, children: isOpen ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {}) })), onClose && (_jsx(BtnWrapper, { onClick: onClose, children: _jsx(CloseIcon, {}) })), actions] }) }), _jsx(ResultContainer, { className: sectionContentClass, hide: !isOpen, children: children })] }));
 };
 export default Section;
 var templateObject_1, templateObject_2;