@credithub/harlan-components 1.15.0 → 1.16.1

package/lib/cjs/index.js

@@ -13562,8 +13562,8 @@ var __rest$8 = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-var StyledButton = styled.button(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$j(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 3.75rem;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 3.75rem;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, theme.colors.azulCredithub, theme.colors.white);
-var SmallContent = styled.small(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$j(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"])));
+var StyledButton = styled.button(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$j(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, theme.colors.azulCredithub, theme.colors.white);
+var SmallContent = styled.small(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$j(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 4px;\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 4px;\n"])));
 var Button$1 = function (_a) {
     var children = _a.children, className = _a.className, smallContent = _a.smallContent, props = __rest$8(_a, ["children", "className", "smallContent"]);
     var buttonClassName = cx(className);
@@ -13659,12 +13659,6 @@ function formatDatePtBrToDate(date) {
     var _a, _b;
     return new Date((_b = (_a = date === null || date === void 0 ? void 0 : date.split("/")) === null || _a === void 0 ? void 0 : _a.reverse()) === null || _b === void 0 ? void 0 : _b.join("-"));
 }
-function capitalizeFirstLetter(value) {
-    var _a;
-    if (!value)
-        return null;
-    return ((_a = value === null || value === void 0 ? void 0 : value.charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) + (value === null || value === void 0 ? void 0 : value.slice(1));
-}
 function addNoValueContent(obj) {
     return Object.fromEntries(Object.entries(obj).map(function (_a) {
         var key = _a[0], value = _a[1];
@@ -13678,7 +13672,7 @@ function addNoValueContent(obj) {
 var PartnerRFBStatus = function (_a) {
     var documento = _a.documento;
     var _b = useQuery("SELECT FROM 'RFB'.'CERTIDAO'", { documento: documento }), isLoading = _b.isLoading, error = _b.error, response = _b.response;
-    return isLoading ? React.createElement(Loading, null) : error ? 'Houve um erro ao obter a informação.' : XPathUtils.select('string(//situacao)', response === null || response === void 0 ? void 0 : response.document);
+    return isLoading ? React.createElement(Loading, null) : error ? '--' : XPathUtils.select('string(//situacao)', response === null || response === void 0 ? void 0 : response.document);
 };
 
 var PartnerProtestos = function (_a) {
@@ -21979,7 +21973,7 @@ var useCardsAndProducts = function (_a) {
             {
                 title: "Consultar Imóveis SP Capital",
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.imoveis,
-                onclick: handleOnClick("imoveis"),
+                onClick: handleOnClick("imoveis"),
                 hide: !isPF || ((_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.imoveis) === null || _f === void 0 ? void 0 : _f.consultaRealizada),
             },
         ],
@@ -21991,21 +21985,77 @@ var __makeTemplateObject$g = (undefined && undefined.__makeTemplateObject) || fu
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __awaiter = (undefined && undefined.__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 = (undefined && undefined.__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 ContainerSummary$1 = styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$g(["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n  \n"], ["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n  \n"])));
-var ContentSummary = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$g(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 1rem;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 1rem;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
-var FieldSummary = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$g(["\n  align-items: center;\n  margin-bottom: 1rem;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 1rem;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? "1 / 3" : "auto"); });
-var ButtonsSummary = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$g(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.5rem;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.5rem;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
+var ContentSummary = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$g(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
+var FieldSummary = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$g(["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? "1 / 3" : "auto"); });
+var ButtonsSummary = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$g(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
 var ButtonsWrapper = styled.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$g(["\n  display: flex; \n  gap: 10px; \n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n"], ["\n  display: flex; \n  gap: 10px; \n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n"])));
 var SummaryButton = styled(Button$1)(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$g(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
 var Summary = function (_a) {
-    var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse;
+    var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse, document = _a.document;
     var _b = useCardsAndProducts({ finderResponse: finderResponse, rfbResponse: rfbResponse }), cards = _b.cards, products = _b.products;
     return (React.createElement(React.Fragment, null,
         React.createElement(ContainerSummary$1, { 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, products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
-                React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: formatMoney(product.price) }, product.title))); })))));
+            React.createElement(ButtonsWrapper, null,
+                products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
+                    React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: product.price ? formatMoney(product.price) : undefined }, product.title))); }),
+                React.createElement(PrintButton, { document: document })))));
+};
+var PrintButton = function (_a) {
+    var document = _a.document;
+    var client = React.useContext(WebService);
+    var url = React.useMemo(function () {
+        var url = new URL("https://pdfnode.credithub.com.br/relatorio/analitico/pdf");
+        url.searchParams.append("apiKey", client.apiKey);
+        url.searchParams.append("documento", document.replace(/\D/g, ''));
+        return url;
+    }, [document, client.apiKey]);
+    var onClick = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            window.open(url.toString(), "_blank");
+            return [2 /*return*/];
+        });
+    }); }, [url]);
+    return React.createElement(ButtonsSummary, null,
+        React.createElement(SummaryButton, { onClick: onClick }, "PDF para Impress\u00E3o"));
 };
 var templateObject_1$g, templateObject_2$9, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$2;
 
@@ -22023,10 +22073,10 @@ var __makeTemplateObject$f = (undefined && undefined.__makeTemplateObject) || fu
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var StyledContainer = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$f(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 1.25rem;\n  border-top: 0.1rem solid ", ";\n  padding: 1rem;\n  @media (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 1.25rem;\n  border-top: 0.1rem solid ", ";\n  padding: 1rem;\n  @media (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), theme.colors.cinzaClaro);
-var Header = styled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$f(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 1rem;\n  margin: 1rem;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 1rem 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 1rem;\n  margin: 1rem;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 1rem 0;\n  }\n"])));
+var StyledContainer = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$f(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media (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 (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), theme.colors.cinzaClaro);
+var Header = styled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$f(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 16px;\n  margin: 16px;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 16px 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 16px;\n  margin: 16px;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 16px 0;\n  }\n"])));
 var Title$2 = styled.span(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$f(["\n  font-size: 18px;\n  font-weight: bold;\n  text-align: center;\n"], ["\n  font-size: 18px;\n  font-weight: bold;\n  text-align: center;\n"])));
-var TransactionContent = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$f(["\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n  align-items: flex-start;\n"])));
+var TransactionContent = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$f(["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  align-items: flex-start;\n"])));
 var UserField = styled.span(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject$f(["\n  flex: 1;\n  padding-right: 16px;\n"], ["\n  flex: 1;\n  padding-right: 16px;\n"])));
 var DateField = styled.span(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$f(["\n  flex: 1;\n  text-align: right;\n"], ["\n  flex: 1;\n  text-align: right;\n"])));
 var TransactionsTable = function (_a) {
@@ -22065,7 +22115,6 @@ var CompanyName$1 = styled.span(templateObject_2$7 || (templateObject_2$7 = __ma
 var DocumentContainer$1 = styled.span(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$e(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  \n  color: ", ";\n  background-color: ", ";\n  \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  \n  color: ", ";\n  background-color: ", ";\n  \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"])), theme.typography.body14.fontSize, theme.typography.body14.fontWeight, theme.typography.body14.lineHeight, theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
 var Companylogo = function (_a) {
     var name = _a.name, document = _a.document;
-    console.log(isDocumentoPF(document), document);
     return (React.createElement(React.Fragment, null,
         React.createElement(LogoContainer$1, null,
             React.createElement(CompanyName$1, null, name),
@@ -28010,15 +28059,15 @@ var __assign$a = (undefined && undefined.__assign) || function () {
     };
     return __assign$a.apply(this, arguments);
 };
-var ContainerSummary = styled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$c(["\n  display: grid;\n  gap: 1rem;\n  padding: 1rem;\n  width: 90%;\n"], ["\n  display: grid;\n  gap: 1rem;\n  padding: 1rem;\n  width: 90%;\n"])));
+var ContainerSummary = styled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$c(["\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"])));
 var ReclameAquiStatsContainer = styled.div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$c(["\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"])));
-var LogoContainer = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$c(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n"])));
-var StyledImage = styled.img(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$c(["\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 1rem;\n"], ["\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 1rem;\n"])));
-var StatsImage = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject$c(["\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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  background-image: url(", ");\n  margin-bottom: 1rem;\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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  background-image: url(", ");\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (props) { return props.src; });
-var CompanyName = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject$c(["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  margin-bottom: 0.5rem;\n  line-height: 1.125rem;\n  font-weight: bold;\n"], ["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  margin-bottom: 0.5rem;\n  line-height: 1.125rem;\n  font-weight: bold;\n"])), theme.colors.cinzaEscuro);
-var DocumentContainer = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject$c(["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  position: relative;\n  background-color: ", ";\n  padding: 0.25rem 0.5rem;\n  border-radius: 3.75rem;\n  margin-top: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  position: relative;\n  background-color: ", ";\n  padding: 0.25rem 0.5rem;\n  border-radius: 3.75rem;\n  margin-top: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
+var LogoContainer = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$c(["\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"])));
+var StyledImage = styled.img(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$c(["\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid #fff;\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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 16px;\n"])));
+var StatsImage = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject$c(["\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 #fff;\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 #fff;\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 (props) { return props.src; });
+var CompanyName = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject$c(["\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"])), theme.colors.cinzaEscuro);
+var DocumentContainer = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject$c(["\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"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
 var DocumentPrefix = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject$c(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var ProblemsSolved = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject$c(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 1rem 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: 1rem 0;\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n"])));
+var ProblemsSolved = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject$c(["\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"])));
 var CarrouselBtn = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject$c(["\n  cursor: pointer;\n  height: fit-content;\n"], ["\n  cursor: pointer;\n  height: fit-content;\n"])));
 var statusMap = {
     GREAT: "Ótimo",
@@ -28100,7 +28149,6 @@ var Dossie = function (_a) {
     var response = function (_data) {
         var data = _data instanceof Error ? undefined : _data;
         var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
-        console.log('isPF', isPF, documento);
         var name = (isPF
             ? XPathUtils.select("string(//cadastro/nome)", data)
             : XPathUtils.select("string(//cadastro/razaoSocial)", data) || rfbResponse && XPathUtils.select("string(//RFB/nome)", rfbResponse));
@@ -28113,7 +28161,7 @@ var Dossie = function (_a) {
         return (React.createElement(DossieContainer, null,
             React.createElement(DossieContent, null,
                 React.createElement(DossieCarrousel, null),
-                React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse })),
+                React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse, document: document })),
             React.createElement(TransactionsTable, { events: XPathUtils.select("//historico/consulta", data) || [] })));
     };
     return (React.createElement(Section, { ctx: finderCtx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
@@ -28187,7 +28235,7 @@ var ProcessosJuridicosList = function (_a) {
     var processos = _a.processos, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     return (React.createElement(ResultList, { resultContentStriped: false }, processos.map(function (processo, i) { return (React.createElement("div", { key: i },
         React.createElement(ProcessoJuridicoItem, { processo: processo },
-            React.createElement(ConsultarProcessoBtn, { onClick: function () { return onClickConsultarProcessoJuridico(processo.numero_novo); }, smallContent: "R$ 1" }, "Consultar Processo")))); })));
+            React.createElement(ConsultarProcessoBtn, { onClick: onClickConsultarProcessoJuridico ? function () { return onClickConsultarProcessoJuridico(processo.numero_novo); } : undefined, smallContent: "R$ 1" }, "Consultar Processo")))); })));
 };
 var templateObject_1$9, templateObject_2$3, templateObject_3, templateObject_4;
 
@@ -47494,17 +47542,17 @@ var __makeTemplateObject$4 = (undefined && undefined.__makeTemplateObject) || fu
 };
 var Content = styled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$4(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? "block" : "none"); });
 var ChartSystem = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f;
     var documento = _a.documento;
-    var _e = useChartData(documento), data = _e.data, isLoading = _e.isLoading, error = _e.error;
+    var _g = useChartData(documento), data = _g.data, isLoading = _g.isLoading, error = _g.error;
     var errorMessage = typeof error === "string" ? error : error === null || error === void 0 ? void 0 : error.toString();
-    var _f = useToggle(true), isOpen = _f[0], toggleOpen = _f[1];
+    var _h = useToggle(true), isOpen = _h[0], toggleOpen = _h[1];
     var ultimaOcorrenciaCCF = useUltimaOcorrenciaCCF();
     var quantidadeProtestos = ((_c = (_b = data === null || data === void 0 ? void 0 : data.protestos) === null || _b === void 0 ? void 0 : _b[(data === null || data === void 0 ? void 0 : data.protestos.length) - 1]) === null || _c === void 0 ? void 0 : _c.quantidade) || 0;
-    var valorTotalProtestos = useCalculation((data === null || data === void 0 ? void 0 : data.protestos) || []).valorTotal;
-    var _g = useDividasPublicas(), quantidadeDividas = _g.quantidade, valorTotalDividas = _g.valorTotal;
-    var _h = useCalculation((data === null || data === void 0 ? void 0 : data.serasa) || []), quantidadeSerasa = _h.quantidade, valorTotalSerasa = _h.valorTotal;
-    var _j = useCalculation((data === null || data === void 0 ? void 0 : data.boaVista) || []), quantidadeBoaVista = _j.quantidade, valorTotalBoaVista = _j.valorTotal;
+    var valorTotalProtestos = ((_e = (_d = data === null || data === void 0 ? void 0 : data.protestos) === null || _d === void 0 ? void 0 : _d[(data === null || data === void 0 ? void 0 : data.protestos.length) - 1]) === null || _e === void 0 ? void 0 : _e.valorTotal) || 0;
+    var _j = useDividasPublicas(), quantidadeDividas = _j.quantidade, valorTotalDividas = _j.valorTotal;
+    var _k = useCalculation((data === null || data === void 0 ? void 0 : data.serasa) || []), quantidadeSerasa = _k.quantidade, valorTotalSerasa = _k.valorTotal;
+    var _l = useCalculation((data === null || data === void 0 ? void 0 : data.boaVista) || []), quantidadeBoaVista = _l.quantidade, valorTotalBoaVista = _l.valorTotal;
     var quantidadeCCFs = useCalculation((data === null || data === void 0 ? void 0 : data.ccfs) || []).quantidade;
     var ultimaOcorrenciaProtestos = "";
     if ((data === null || data === void 0 ? void 0 : data.protestos) && data.protestos.length > 0) {
@@ -47515,7 +47563,7 @@ var ChartSystem = function (_a) {
         React.createElement(Result, null,
             React.createElement(Content, { isOpen: isOpen },
                 data && React.createElement(ChartContent, { dataInput: data }),
-                !isLoading && (React.createElement(QuantidadeResultados, { quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_d = data === null || data === void 0 ? void 0 : data.pieChartTotalConfig) === null || _d === void 0 ? void 0 : _d.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeSerasa, quantidadeDividasBoaVista: quantidadeBoaVista, quantidadeChequesSemFundos: quantidadeCCFs, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalSerasa, valorTotalDividasBoaVista: valorTotalBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos }))))));
+                !isLoading && (React.createElement(QuantidadeResultados, { quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_f = data === null || data === void 0 ? void 0 : data.pieChartTotalConfig) === null || _f === void 0 ? void 0 : _f.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeSerasa, quantidadeDividasBoaVista: quantidadeBoaVista, quantidadeChequesSemFundos: quantidadeCCFs, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalSerasa, valorTotalDividasBoaVista: valorTotalBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos }))))));
 };
 var templateObject_1$4;
 
@@ -47960,9 +48008,15 @@ var templateObject_1$2;
 
 var Liminar = function () {
     var ctx = React.useContext(Queries.Liminar);
+    var _a = React.useState(false), hideSection = _a[0], setHideSection = _a[1];
     var Section = ctx.Section;
+    if (hideSection)
+        return null;
     return (React.createElement(Section, { title: "Liminares para Remo\u00E7\u00E3o de Protesto", subtitle: "Ind\u00EDcios de liminares para oculta\u00E7\u00E3o de registros.", icon: ProtestosIcon, onSuccess: function (document) {
             var possuiLiminar = document.totalProtestos === 'NADA CONSTA';
+            if (!possuiLiminar) {
+                setHideSection(true);
+            }
             var message = possuiLiminar ? 'Encontrado' : 'Não encontrado';
             return {
                 children: null,
@@ -48011,16 +48065,12 @@ var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
 var StatusMessageContainer = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$1(["\n  display: flex;\n  gap: 10px;\n\n  span {\n    width: fit-content;\n  }\n\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n\n  span {\n    width: fit-content;\n  }\n\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"])));
 var getPossuiPendenciaText = function (_a) {
     var ccf = _a.ccf, ultimoRegistroCCF = _a.ultimoRegistroCCF, dividasPublicas = _a.dividasPublicas, protestos = _a.protestos, processosJuridicos = _a.processosJuridicos;
-    var data = [
-        'Registro encontrado',
-        dividasPublicas ? "total de Dividas P\u00FAblicas: ".concat(formatMoney(dividasPublicas)) : '',
-        ccf ? "total de registros CCF: ".concat(ccf, " com \u00FAltima ocorr\u00EAncia em ").concat(ultimoRegistroCCF) : '',
-        protestos ? "total de registros de Protestos: ".concat(protestos) : '',
-        processosJuridicos ? "total de registros de Processos Jur\u00EDdicos: ".concat(processosJuridicos) : '',
-    ];
-    return capitalizeFirstLetter(data
-        .filter(function (text) { return text; })
-        .join(', ') + '');
+    return [
+        dividasPublicas ? "".concat(formatMoney(dividasPublicas), " em D\u00EDvidas P\u00FAblicas") : '',
+        ccf ? "".concat(ccf === 1 ? 'Cheque sem Fundo' : "".concat(ccf, " Cheques sem Fundo"), " com \u00DAltima Ocorr\u00EAncia em ").concat(ultimoRegistroCCF) : '',
+        protestos ? (protestos === 1 ? 'Protesto Encontrado' : "Protestos: ".concat(protestos)) : '',
+        processosJuridicos ? (processosJuridicos === 1 ? 'Processo Jurídico' : "".concat(processosJuridicos, " Processos Jur\u00EDdicos")) : '',
+    ].filter(function (x) { return !!x; });
 };
 var ConsultaSimplesSection = function (_a) {
     var _b, _c;
@@ -48041,7 +48091,9 @@ var ConsultaSimplesSection = function (_a) {
     var statusType = isError ? 'warning' : possuiPendencias ? 'error' : 'success';
     return (React.createElement(Section$1, __assign$3({ title: "Consulta Simples", subtitle: "Consulta de informa\u00E7\u00F5es do documento.", description: (React.createElement(StatusMessageContainer, null,
             React.createElement(StatusMessage, { type: "found" }, formatDocument(documento)),
-            React.createElement(StatusMessage, { type: statusType }, isError ? ctx === null || ctx === void 0 ? void 0 : ctx.error.message : possuiPendencias ? possuiPendenciaText : 'Nenhum registro encontrado'))), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default' }, rest), children));
+            possuiPendenciaText.length ? possuiPendenciaText.map(function (text) {
+                return React.createElement(StatusMessage, { key: text, type: 'error' }, text);
+            }) : React.createElement(StatusMessage, { type: statusType }, isError ? ctx === null || ctx === void 0 ? void 0 : ctx.error.message : 'Nenhum registro encontrado'))), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default' }, rest), children));
 };
 function getDataFromRequestContext(ctx) {
     if (ctx.type != exports.RequestStatus.Success)
@@ -48077,9 +48129,10 @@ var ConsultaSimples = function (_a) {
                                         React.createElement(Wrapper, null,
                                             React.createElement(ConsultaSimplesSection, { documento: documento, onClose: onClose },
                                                 React.createElement(ConsultaRfbProvider, { documento: documento },
-                                                    React.createElement(Dossie, { documento: documento, onOpenNewTransactionModal: console.log }),
+                                                    React.createElement(Dossie, { documento: documento }),
+                                                    React.createElement(Liminar, null),
                                                     React.createElement(Addresses, { apiKey: apiKey }),
-                                                    React.createElement(Contacts, { onClickConsultarEmail: console.log }),
+                                                    React.createElement(Contacts, null),
                                                     React.createElement(Partners, null)),
                                                 React.createElement(Dominios, null),
                                                 React.createElement(BankAccounts, null),
@@ -48091,7 +48144,6 @@ var ConsultaSimples = function (_a) {
                                                     React.createElement(ConsultaScore, { documento: documento }),
                                                     React.createElement(ConsultaImoveis, { documento: documento }),
                                                     React.createElement(Veiculos, { documento: documento })),
-                                                React.createElement(Liminar, null),
                                                 React.createElement(Protestos, null),
                                                 React.createElement(CCF, null),
                                                 React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })))))))))))));

package/lib/esm/components/chart/chartSystem.js

@@ -18,17 +18,17 @@ import { Result } from "../interface/result";
 import ResumoDeNegativacoesIcon from "../../assets/icones/resumoNegativacoes";
 var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? "block" : "none"); });
 var ChartSystem = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f;
     var documento = _a.documento;
-    var _e = useChartData(documento), data = _e.data, isLoading = _e.isLoading, error = _e.error;
+    var _g = useChartData(documento), data = _g.data, isLoading = _g.isLoading, error = _g.error;
     var errorMessage = typeof error === "string" ? error : error === null || error === void 0 ? void 0 : error.toString();
-    var _f = useToggle(true), isOpen = _f[0], toggleOpen = _f[1];
+    var _h = useToggle(true), isOpen = _h[0], toggleOpen = _h[1];
     var ultimaOcorrenciaCCF = useUltimaOcorrenciaCCF();
     var quantidadeProtestos = ((_c = (_b = data === null || data === void 0 ? void 0 : data.protestos) === null || _b === void 0 ? void 0 : _b[(data === null || data === void 0 ? void 0 : data.protestos.length) - 1]) === null || _c === void 0 ? void 0 : _c.quantidade) || 0;
-    var valorTotalProtestos = useCalculation((data === null || data === void 0 ? void 0 : data.protestos) || []).valorTotal;
-    var _g = useDividasPublicas(), quantidadeDividas = _g.quantidade, valorTotalDividas = _g.valorTotal;
-    var _h = useCalculation((data === null || data === void 0 ? void 0 : data.serasa) || []), quantidadeSerasa = _h.quantidade, valorTotalSerasa = _h.valorTotal;
-    var _j = useCalculation((data === null || data === void 0 ? void 0 : data.boaVista) || []), quantidadeBoaVista = _j.quantidade, valorTotalBoaVista = _j.valorTotal;
+    var valorTotalProtestos = ((_e = (_d = data === null || data === void 0 ? void 0 : data.protestos) === null || _d === void 0 ? void 0 : _d[(data === null || data === void 0 ? void 0 : data.protestos.length) - 1]) === null || _e === void 0 ? void 0 : _e.valorTotal) || 0;
+    var _j = useDividasPublicas(), quantidadeDividas = _j.quantidade, valorTotalDividas = _j.valorTotal;
+    var _k = useCalculation((data === null || data === void 0 ? void 0 : data.serasa) || []), quantidadeSerasa = _k.quantidade, valorTotalSerasa = _k.valorTotal;
+    var _l = useCalculation((data === null || data === void 0 ? void 0 : data.boaVista) || []), quantidadeBoaVista = _l.quantidade, valorTotalBoaVista = _l.valorTotal;
     var quantidadeCCFs = useCalculation((data === null || data === void 0 ? void 0 : data.ccfs) || []).quantidade;
     var ultimaOcorrenciaProtestos = "";
     if ((data === null || data === void 0 ? void 0 : data.protestos) && data.protestos.length > 0) {
@@ -39,7 +39,7 @@ var ChartSystem = function (_a) {
         React.createElement(Result, null,
             React.createElement(Content, { isOpen: isOpen },
                 data && React.createElement(ChartContent, { dataInput: data }),
-                !isLoading && (React.createElement(QuantidadeResultados, { quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_d = data === null || data === void 0 ? void 0 : data.pieChartTotalConfig) === null || _d === void 0 ? void 0 : _d.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeSerasa, quantidadeDividasBoaVista: quantidadeBoaVista, quantidadeChequesSemFundos: quantidadeCCFs, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalSerasa, valorTotalDividasBoaVista: valorTotalBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos }))))));
+                !isLoading && (React.createElement(QuantidadeResultados, { quantidadeProtestos: quantidadeProtestos, quantidadeProcessos: (_f = data === null || data === void 0 ? void 0 : data.pieChartTotalConfig) === null || _f === void 0 ? void 0 : _f.processosJuridicos, quantidadeDividas: quantidadeDividas, quantidadeDividasSerasa: quantidadeSerasa, quantidadeDividasBoaVista: quantidadeBoaVista, quantidadeChequesSemFundos: quantidadeCCFs, ultimaOcorrenciaChequesSemFundos: ultimaOcorrenciaCCF, valorTotalDividasSerasa: valorTotalSerasa, valorTotalDividasBoaVista: valorTotalBoaVista, valorTotalProtestos: valorTotalProtestos, valorTotalDividas: valorTotalDividas, ultimaOcorrenciaProtestos: ultimaOcorrenciaProtestos }))))));
 };
 export default ChartSystem;
 var templateObject_1;

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

@@ -28,8 +28,8 @@ import classNames from "classnames";
 import React from "react";
 import styled from "styled-components";
 import theme from "../interface/theme";
-var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 3.75rem;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 3.75rem;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, theme.colors.azulCredithub, theme.colors.white);
-var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 0.25rem;\n"])));
+var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n  \n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  \n  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, theme.colors.azulCredithub, theme.colors.white);
+var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 4px;\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 4px;\n"])));
 var Button = function (_a) {
     var children = _a.children, className = _a.className, smallContent = _a.smallContent, props = __rest(_a, ["children", "className", "smallContent"]);
     var buttonClassName = classNames(className);

package/lib/esm/components/consultaSimplesSection/consultaSimplesSection.js

@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useContext } from 'react';
 import { Queries, RequestStatus } from '../webservice';
-import { capitalizeFirstLetter, formatDocument } from '../../utils/string';
+import { formatDocument } from '../../utils/string';
 import StatusMessage from '../interface/statusMessage';
 import Section from '../interface/section';
 import ConsultaSimplesIcon from '../../assets/icones/consultaSimples';
@@ -36,16 +36,12 @@ import styled from 'styled-components';
 var StatusMessageContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n\n  span {\n    width: fit-content;\n  }\n\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n\n  span {\n    width: fit-content;\n  }\n\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"])));
 var getPossuiPendenciaText = function (_a) {
     var ccf = _a.ccf, ultimoRegistroCCF = _a.ultimoRegistroCCF, dividasPublicas = _a.dividasPublicas, protestos = _a.protestos, processosJuridicos = _a.processosJuridicos;
-    var data = [
-        'Registro encontrado',
-        dividasPublicas ? "total de Dividas P\u00FAblicas: ".concat(formatMoney(dividasPublicas)) : '',
-        ccf ? "total de registros CCF: ".concat(ccf, " com \u00FAltima ocorr\u00EAncia em ").concat(ultimoRegistroCCF) : '',
-        protestos ? "total de registros de Protestos: ".concat(protestos) : '',
-        processosJuridicos ? "total de registros de Processos Jur\u00EDdicos: ".concat(processosJuridicos) : '',
-    ];
-    return capitalizeFirstLetter(data
-        .filter(function (text) { return text; })
-        .join(', ') + '');
+    return [
+        dividasPublicas ? "".concat(formatMoney(dividasPublicas), " em D\u00EDvidas P\u00FAblicas") : '',
+        ccf ? "".concat(ccf === 1 ? 'Cheque sem Fundo' : "".concat(ccf, " Cheques sem Fundo"), " com \u00DAltima Ocorr\u00EAncia em ").concat(ultimoRegistroCCF) : '',
+        protestos ? (protestos === 1 ? 'Protesto Encontrado' : "Protestos: ".concat(protestos)) : '',
+        processosJuridicos ? (processosJuridicos === 1 ? 'Processo Jurídico' : "".concat(processosJuridicos, " Processos Jur\u00EDdicos")) : '',
+    ].filter(function (x) { return !!x; });
 };
 var ConsultaSimplesSection = function (_a) {
     var _b, _c;
@@ -66,7 +62,9 @@ var ConsultaSimplesSection = function (_a) {
     var statusType = isError ? 'warning' : possuiPendencias ? 'error' : 'success';
     return (React.createElement(Section, __assign({ title: "Consulta Simples", subtitle: "Consulta de informa\u00E7\u00F5es do documento.", description: (React.createElement(StatusMessageContainer, null,
             React.createElement(StatusMessage, { type: "found" }, formatDocument(documento)),
-            React.createElement(StatusMessage, { type: statusType }, isError ? ctx === null || ctx === void 0 ? void 0 : ctx.error.message : possuiPendencias ? possuiPendenciaText : 'Nenhum registro encontrado'))), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default' }, rest), children));
+            possuiPendenciaText.length ? possuiPendenciaText.map(function (text) {
+                return React.createElement(StatusMessage, { key: text, type: 'error' }, text);
+            }) : React.createElement(StatusMessage, { type: statusType }, isError ? ctx === null || ctx === void 0 ? void 0 : ctx.error.message : 'Nenhum registro encontrado'))), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default' }, rest), children));
 };
 function getDataFromRequestContext(ctx) {
     if (ctx.type != RequestStatus.Success)

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

@@ -12,7 +12,7 @@ export type Contact = {
     onClickDislike: () => void;
 };
 export type ContactsProps = {
-    onClickConsultarEmail: () => void;
+    onClickConsultarEmail?: () => void;
 };
 declare const Contacts: React.FC<ContactsProps>;
 export default Contacts;

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

@@ -13,7 +13,6 @@ var CompanyName = styled.span(templateObject_2 || (templateObject_2 = __makeTemp
 var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  \n  color: ", ";\n  background-color: ", ";\n  \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  \n  color: ", ";\n  background-color: ", ";\n  \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"])), theme.typography.body14.fontSize, theme.typography.body14.fontWeight, theme.typography.body14.lineHeight, theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
 var Companylogo = function (_a) {
     var name = _a.name, document = _a.document;
-    console.log(isDocumentoPF(document), document);
     return (React.createElement(React.Fragment, null,
         React.createElement(LogoContainer, null,
             React.createElement(CompanyName, null, name),

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

@@ -24,7 +24,6 @@ var Dossie = function (_a) {
     var response = function (_data) {
         var data = _data instanceof Error ? undefined : _data;
         var isPF = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;
-        console.log('isPF', isPF, documento);
         var name = (isPF
             ? XPathUtils.select("string(//cadastro/nome)", data)
             : XPathUtils.select("string(//cadastro/razaoSocial)", data) || rfbResponse && XPathUtils.select("string(//RFB/nome)", rfbResponse));
@@ -37,7 +36,7 @@ var Dossie = function (_a) {
         return (React.createElement(DossieContainer, null,
             React.createElement(DossieContent, null,
                 React.createElement(DossieCarrousel, null),
-                React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse })),
+                React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse, document: document })),
             React.createElement(TransactionsTable, { events: XPathUtils.select("//historico/consulta", data) || [] })));
     };
     return (React.createElement(Section, { ctx: finderCtx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));

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

@@ -11,19 +11,11 @@ declare const useCardsAndProducts: ({ finderResponse, rfbResponse }: {
         onClick: () => void;
         price: number;
         hide?: undefined;
-        onclick?: undefined;
     } | {
         title: string;
         price: number;
         onClick: () => void;
         hide: boolean;
-        onclick?: undefined;
-    } | {
-        title: string;
-        price: number;
-        onclick: () => void;
-        hide: boolean;
-        onClick?: undefined;
     })[];
 };
 export default useCardsAndProducts;

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

@@ -197,7 +197,7 @@ var useCardsAndProducts = function (_a) {
             {
                 title: "Consultar Imóveis SP Capital",
                 price: productsPrices === null || productsPrices === void 0 ? void 0 : productsPrices.imoveis,
-                onclick: handleOnClick("imoveis"),
+                onClick: handleOnClick("imoveis"),
                 hide: !isPF || ((_f = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.imoveis) === null || _f === void 0 ? void 0 : _f.consultaRealizada),
             },
         ],

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

@@ -13,6 +13,7 @@ export type CardsAndProducts = {
 interface SummaryProps {
     finderResponse?: Document;
     rfbResponse?: Document;
+    document: string;
 }
 export declare const Summary: React.FC<SummaryProps>;
 export default Summary;

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

@@ -2,27 +2,84 @@ 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";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useCallback, useContext, useMemo } from "react";
 import AddItemField from "../../../components/common/addItem";
 import Button from "../../../components/common/button";
 import { formatMoney } from "../../../utils/number";
 import useCardsAndProducts from "./cardsAndProducts";
 import styled from "styled-components";
+import { WebService } from "../../../components/webservice";
 var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n  \n"], ["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n  \n"])));
-var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 1rem;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 1rem;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
-var FieldSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  margin-bottom: 1rem;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 1rem;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? "1 / 3" : "auto"); });
-var ButtonsSummary = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.5rem;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.5rem;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
+var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
+var FieldSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? "1 / 3" : "auto"); });
+var ButtonsSummary = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
 var ButtonsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex; \n  gap: 10px; \n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n"], ["\n  display: flex; \n  gap: 10px; \n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n"])));
 var SummaryButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
 export var Summary = function (_a) {
-    var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse;
+    var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse, document = _a.document;
     var _b = useCardsAndProducts({ finderResponse: finderResponse, rfbResponse: rfbResponse }), cards = _b.cards, products = _b.products;
     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, products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
-                React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: formatMoney(product.price) }, product.title))); })))));
+            React.createElement(ButtonsWrapper, null,
+                products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
+                    React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: product.price ? formatMoney(product.price) : undefined }, product.title))); }),
+                React.createElement(PrintButton, { document: document })))));
+};
+var PrintButton = function (_a) {
+    var document = _a.document;
+    var client = useContext(WebService);
+    var url = useMemo(function () {
+        var url = new URL("https://pdfnode.credithub.com.br/relatorio/analitico/pdf");
+        url.searchParams.append("apiKey", client.apiKey);
+        url.searchParams.append("documento", document.replace(/\D/g, ''));
+        return url;
+    }, [document, client.apiKey]);
+    var onClick = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            window.open(url.toString(), "_blank");
+            return [2 /*return*/];
+        });
+    }); }, [url]);
+    return React.createElement(ButtonsSummary, null,
+        React.createElement(SummaryButton, { onClick: onClick }, "PDF para Impress\u00E3o"));
 };
 export default Summary;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -8,10 +8,10 @@ import XPathUtils from "../../../utils/xpath";
 import styled from "styled-components";
 import IconePessoa from "../../../assets/icones/iconePessoa";
 import theme from "../../../components/interface/theme";
-var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 1.25rem;\n  border-top: 0.1rem solid ", ";\n  padding: 1rem;\n  @media (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 1.25rem;\n  border-top: 0.1rem solid ", ";\n  padding: 1rem;\n  @media (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), theme.colors.cinzaClaro);
-var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 1rem;\n  margin: 1rem;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 1rem 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 1rem;\n  margin: 1rem;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 1rem 0;\n  }\n"])));
+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 (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 (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), theme.colors.cinzaClaro);
+var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 16px;\n  margin: 16px;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 16px 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 16px;\n  margin: 16px;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 16px 0;\n  }\n"])));
 var Title = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 18px;\n  font-weight: bold;\n  text-align: center;\n"], ["\n  font-size: 18px;\n  font-weight: bold;\n  text-align: center;\n"])));
-var TransactionContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n  align-items: flex-start;\n"])));
+var TransactionContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  align-items: flex-start;\n"])));
 var UserField = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  padding-right: 16px;\n"], ["\n  flex: 1;\n  padding-right: 16px;\n"])));
 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) {

package/lib/esm/components/liminar/liminar.js

@@ -1,12 +1,18 @@
-import React, { useContext } from "react";
+import React, { useContext, useState } from "react";
 import { Queries } from "../webservice";
 import ProtestosIcon from "../../assets/icones/protestos";
 import StatusMessage from "../interface/statusMessage";
 var Liminar = function () {
     var ctx = useContext(Queries.Liminar);
+    var _a = useState(false), hideSection = _a[0], setHideSection = _a[1];
     var Section = ctx.Section;
+    if (hideSection)
+        return null;
     return (React.createElement(Section, { title: "Liminares para Remo\u00E7\u00E3o de Protesto", subtitle: "Ind\u00EDcios de liminares para oculta\u00E7\u00E3o de registros.", icon: ProtestosIcon, onSuccess: function (document) {
             var possuiLiminar = document.totalProtestos === 'NADA CONSTA';
+            if (!possuiLiminar) {
+                setHideSection(true);
+            }
             var message = possuiLiminar ? 'Encontrado' : 'Não encontrado';
             return {
                 children: null,

package/lib/esm/components/partners/partner-rfb-status.js

@@ -5,6 +5,6 @@ import XPathUtils from '../../utils/xpath';
 var PartnerRFBStatus = function (_a) {
     var documento = _a.documento;
     var _b = useQuery("SELECT FROM 'RFB'.'CERTIDAO'", { documento: documento }), isLoading = _b.isLoading, error = _b.error, response = _b.response;
-    return isLoading ? React.createElement(Loading, null) : error ? 'Houve um erro ao obter a informação.' : XPathUtils.select('string(//situacao)', response === null || response === void 0 ? void 0 : response.document);
+    return isLoading ? React.createElement(Loading, null) : error ? '--' : XPathUtils.select('string(//situacao)', response === null || response === void 0 ? void 0 : response.document);
 };
 export default PartnerRFBStatus;

package/lib/esm/components/processos-juridicos/processosJuridicos.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 declare const ProcessosJuridicos: React.FC<{
-    onClickConsultarProcessoJuridico: (processo: string) => void;
+    onClickConsultarProcessoJuridico?: (processo: string) => void;
 }>;
 export default ProcessosJuridicos;

package/lib/esm/components/processos-juridicos/processosJuridicosList.d.ts

@@ -2,6 +2,6 @@ import React from "react";
 import { ProcessoJuridicoResume } from "./types";
 declare const ProcessosJuridicosList: React.FC<{
     processos: ProcessoJuridicoResume[];
-    onClickConsultarProcessoJuridico: (processo: string) => void;
+    onClickConsultarProcessoJuridico?: (processo: string) => void;
 }>;
 export default ProcessosJuridicosList;

package/lib/esm/components/processos-juridicos/processosJuridicosList.js

@@ -56,7 +56,7 @@ var ProcessosJuridicosList = function (_a) {
     var processos = _a.processos, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     return (React.createElement(ResultList, { resultContentStriped: false }, processos.map(function (processo, i) { return (React.createElement("div", { key: i },
         React.createElement(ProcessoJuridicoItem, { processo: processo },
-            React.createElement(ConsultarProcessoBtn, { onClick: function () { return onClickConsultarProcessoJuridico(processo.numero_novo); }, smallContent: "R$ 1" }, "Consultar Processo")))); })));
+            React.createElement(ConsultarProcessoBtn, { onClick: onClickConsultarProcessoJuridico ? function () { return onClickConsultarProcessoJuridico(processo.numero_novo); } : undefined, smallContent: "R$ 1" }, "Consultar Processo")))); })));
 };
 export default ProcessosJuridicosList;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -23,15 +23,15 @@ import theme from "../interface/theme";
 import { formatValue } from "../../utils/number";
 import ChevronLeft from "../../assets/btn/chevronLeft";
 import ChevronRight from "../../assets/btn/chevronRight";
-var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  gap: 1rem;\n  padding: 1rem;\n  width: 90%;\n"], ["\n  display: grid;\n  gap: 1rem;\n  padding: 1rem;\n  width: 90%;\n"])));
+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"])));
 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"])));
-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: 1rem;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n"])));
-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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 1rem;\n"], ["\n  width: 60px;\n  height: 60px;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 1rem;\n"])));
-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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  background-image: url(", ");\n  margin-bottom: 1rem;\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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  background-image: url(", ");\n  margin-bottom: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (props) { return props.src; });
-var CompanyName = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  margin-bottom: 0.5rem;\n  line-height: 1.125rem;\n  font-weight: bold;\n"], ["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  margin-bottom: 0.5rem;\n  line-height: 1.125rem;\n  font-weight: bold;\n"])), theme.colors.cinzaEscuro);
-var DocumentContainer = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  position: relative;\n  background-color: ", ";\n  padding: 0.25rem 0.5rem;\n  border-radius: 3.75rem;\n  margin-top: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  font-size: 1rem;\n  color: ", ";\n  text-align: center;\n  position: relative;\n  background-color: ", ";\n  padding: 0.25rem 0.5rem;\n  border-radius: 3.75rem;\n  margin-top: 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
+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"])));
+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 #fff;\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 #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  margin-bottom: 16px;\n"])));
+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 #fff;\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 #fff;\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 (props) { return props.src; });
+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"])), theme.colors.cinzaEscuro);
+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"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
 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"])));
-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: 1rem 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: 1rem 0;\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n"])));
+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"])));
 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 statusMap = {
     GREAT: "Ótimo",

package/lib/esm/components/resultadoDaPesquisa/resultado-da-pesquisa.js

@@ -8,8 +8,8 @@ import theme from "../interface/theme";
 import { formatCnpj, formatCpf } from '../../utils/string';
 var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: 'Open Sans Condensed';\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5em;\n    margin-top: 1em;\n"], ["\n    font-family: 'Open Sans Condensed';\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5em;\n    margin-top: 1em;\n"])));
 var Title = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";    \n"], ["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";    \n"])), theme.typography.headline20.fontSize, theme.typography.headline20.fontWeight, theme.typography.headline20.lineHeight);
-var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    color: ", ";\n    text-align: center;\n    position: relative;\n    background-color: ", ";\n    padding: 0.25rem 0.5rem;\n    border-radius: 3.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"], ["\n    color: ", ";\n    text-align: center;\n    position: relative;\n    background-color: ", ";\n    padding: 0.25rem 0.5rem;\n    border-radius: 3.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
-var DocumentPrefix = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0.5rem;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0.5rem;\n"])));
+var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    color: ", ";\n    text-align: center;\n    position: relative;\n    background-color: ", ";\n    padding: 4px 8px;\n    border-radius: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"], ["\n    color: ", ";\n    text-align: center;\n    position: relative;\n    background-color: ", ";\n    padding: 4px 8px;\n    border-radius: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
+var DocumentPrefix = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 8px;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 8px;\n"])));
 var ResultadoDaPesquisa = function (_a) {
     var documento = _a.documento;
     var isCpf = (documento === null || documento === void 0 ? void 0 : documento.length) === 11;

package/lib/esm/consultaSimples.d.ts

@@ -3,9 +3,9 @@ import { HasCreditsType } from "./components/consultasComplementares";
 type ConsultaSimplesProps = {
     documento: string;
     apiKey: string;
-    onClose: () => void;
+    onClose?: () => void;
     hasCredits?: HasCreditsType;
-    onClickConsultarProcessoJuridico: (processoId: string) => void;
+    onClickConsultarProcessoJuridico?: (processoId: string) => void;
 };
 declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
 export default ConsultaSimples;

package/lib/esm/consultaSimples.js

@@ -33,9 +33,10 @@ var ConsultaSimples = function (_a) {
                                         React.createElement(Wrapper, null,
                                             React.createElement(ConsultaSimplesSection, { documento: documento, onClose: onClose },
                                                 React.createElement(ConsultaRfbProvider, { documento: documento },
-                                                    React.createElement(Dossie, { documento: documento, onOpenNewTransactionModal: console.log }),
+                                                    React.createElement(Dossie, { documento: documento }),
+                                                    React.createElement(Liminar, null),
                                                     React.createElement(Addresses, { apiKey: apiKey }),
-                                                    React.createElement(Contacts, { onClickConsultarEmail: console.log }),
+                                                    React.createElement(Contacts, null),
                                                     React.createElement(Partners, null)),
                                                 React.createElement(Dominios, null),
                                                 React.createElement(BankAccounts, null),
@@ -47,7 +48,6 @@ var ConsultaSimples = function (_a) {
                                                     React.createElement(ConsultaScore, { documento: documento }),
                                                     React.createElement(ConsultaImoveis, { documento: documento }),
                                                     React.createElement(Veiculos, { documento: documento })),
-                                                React.createElement(Liminar, null),
                                                 React.createElement(Protestos, null),
                                                 React.createElement(CCF, null),
                                                 React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })))))))))))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@credithub/harlan-components",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "description": "Provide a set of web components to be used in Harlan and other projects",
   "keywords": [
     "harlan",