@credithub/harlan-components 1.120.3 → 1.120.9

package/dist/components/common/ModalDadosCartorio.js

@@ -1,5 +1,11 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 import { phoneMask } from '../../utils/number';
 import React from 'react';
+import styled from 'styled-components';
+import Button from './button';
 import Modal from './modal';
 var FIELD_LABELS = {
     nome: 'Nome',
@@ -23,16 +29,42 @@ var FIELDS_ORDER = [
     'codigo_cidade',
     'email'
 ];
+var CartorioList = styled.dl(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  text-align: left;\n  margin: 0;\n  padding: 0;\n"], ["\n  ", ";\n  color: ", ";\n  text-align: left;\n  margin: 0;\n  padding: 0;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body16;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
+var CartorioRow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 8px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  margin-bottom: 8px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+var CartorioDt = styled.dt(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  margin: 0;\n"], ["\n  ", ";\n  margin: 0;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14;
+});
+var CartorioDd = styled.dd(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  margin: 2px 0 0 0;\n"], ["\n  ", ";\n  margin: 2px 0 0 0;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body16;
+});
+var EmptyMessage = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin: 0;\n"], ["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin: 0;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body16;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
 var ModalDadosCartorio = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, cartorio = _a.cartorio;
     var isEmpty = !cartorio || Object.keys(cartorio).length === 0;
-    return (React.createElement(Modal, { isOpen: isOpen, onClose: onClose, title: "Dados do cart\u00F3rio", footer: React.createElement("button", { type: "button", onClick: onClose }, "Fechar") }, isEmpty ? (React.createElement("p", null, "Dados do cart\u00F3rio n\u00E3o dispon\u00EDveis.")) : (React.createElement("dl", { style: { textAlign: 'left', margin: 0 } }, FIELDS_ORDER.map(function (key) {
+    return (React.createElement(Modal, { isOpen: isOpen, onClose: onClose, title: "Dados do cart\u00F3rio", footer: React.createElement(Button, { onClick: onClose }, "Fechar") }, isEmpty ? (React.createElement(EmptyMessage, null, "Dados do cart\u00F3rio n\u00E3o dispon\u00EDveis.")) : (React.createElement(CartorioList, null, FIELDS_ORDER.map(function (key) {
         var value = cartorio[key];
-        var raw = value != null && String(value).trim() !== '' ? String(value).trim() : '';
+        var raw = value != null && String(value).trim() !== ''
+            ? String(value).trim()
+            : '';
         var display = key === 'telefone' && raw ? phoneMask(raw) : raw || '—';
-        return (React.createElement("div", { key: key, style: { marginBottom: '8px' } },
-            React.createElement("dt", { style: { fontWeight: 600, margin: 0 } }, FIELD_LABELS[key]),
-            React.createElement("dd", { style: { margin: '2px 0 0 0' } }, display)));
+        return (React.createElement(CartorioRow, { key: key },
+            React.createElement(CartorioDt, null, FIELD_LABELS[key]),
+            React.createElement(CartorioDd, null, display)));
     })))));
 };
 export default ModalDadosCartorio;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface ModalInstallExtensionProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const ModalInstallExtension: FC<ModalInstallExtensionProps>;
+export default ModalInstallExtension;

package/dist/components/common/ModalInstallExtension.js

@@ -0,0 +1,104 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled from 'styled-components';
+import Button from './button';
+import Modal from './modal';
+var EXTENSION_URL = 'https://chromewebstore.google.com/detail/credithub/kbabapbdjbfdigkbmicgjkfgobifkoli';
+var PuzzleIcon = function () { return (React.createElement("svg", { width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("path", { d: "M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 2c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z" }))); };
+var ContentWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  padding: 8px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  padding: 8px 0;\n"])));
+var IconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 88px;\n  height: 88px;\n  border-radius: 50%;\n  background: linear-gradient(\n    135deg,\n    ", "20,\n    ", "15\n  );\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n"], ["\n  width: 88px;\n  height: 88px;\n  border-radius: 50%;\n  background: linear-gradient(\n    135deg,\n    ", "20,\n    ", "15\n  );\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulClaro;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
+var Title = styled.h3(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  margin: 0;\n  text-align: center;\n"], ["\n  ", ";\n  color: ", ";\n  margin: 0;\n  text-align: center;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline20;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
+var Description = styled.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  margin: 0;\n  text-align: center;\n  line-height: 1.6;\n  max-width: 380px;\n"], ["\n  ", ";\n  color: ", ";\n  margin: 0;\n  text-align: center;\n  line-height: 1.6;\n  max-width: 380px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body16;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaMedio;
+});
+var FeatureList = styled.ul(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  list-style: none;\n  padding: 0;\n  margin: 8px 0 0 0;\n  width: 100%;\n"], ["\n  list-style: none;\n  padding: 0;\n  margin: 8px 0 0 0;\n  width: 100%;\n"])));
+var FeatureItem = styled.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 16px;\n  border-radius: 8px;\n  background: ", ";\n  margin-bottom: 8px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 16px;\n  border-radius: 8px;\n  background: ", ";\n  margin-bottom: 8px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaBase;
+});
+var CheckCircle = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: ", ";\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n"], ["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: ", ";\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.positivoApoio;
+});
+var FeatureText = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n"], ["\n  ", ";\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body14;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
+var Footer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n"])));
+var InstallButton = styled(Button)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  && {\n    background: ", ";\n    width: 100%;\n\n    &:hover:not(:disabled) {\n      background: ", ";\n    }\n  }\n"], ["\n  && {\n    background: ", ";\n    width: 100%;\n\n    &:hover:not(:disabled) {\n      background: ", ";\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulApoio;
+});
+var GhostButton = styled(Button)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  && {\n    background-color: transparent;\n    color: ", ";\n\n    &:hover:not(:disabled) {\n      background-color: transparent;\n      color: ", ";\n      text-decoration: underline;\n    }\n  }\n"], ["\n  && {\n    background-color: transparent;\n    color: ", ";\n\n    &:hover:not(:disabled) {\n      background-color: transparent;\n      color: ", ";\n      text-decoration: underline;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaMedio;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
+var ModalInstallExtension = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose;
+    var handleInstall = function () {
+        window.open(EXTENSION_URL, '_blank', 'noopener,noreferrer');
+        onClose();
+    };
+    var footerContent = (React.createElement(Footer, null,
+        React.createElement(InstallButton, { onClick: handleInstall }, "Instalar Extens\u00E3o Gr\u00E1tis"),
+        React.createElement(GhostButton, { onClick: onClose }, "Agora n\u00E3o")));
+    return (React.createElement(Modal, { isOpen: isOpen, onClose: onClose, footer: footerContent },
+        React.createElement(ContentWrapper, null,
+            React.createElement(IconContainer, null,
+                React.createElement(PuzzleIcon, null)),
+            React.createElement(Title, null, "Desbloqueie mais informa\u00E7\u00F5es"),
+            React.createElement(Description, null,
+                "Instale a extens\u00E3o ",
+                React.createElement("strong", null, "CreditHub"),
+                " no seu navegador para acessar dados detalhados de quem protestou."),
+            React.createElement(FeatureList, null,
+                React.createElement(FeatureItem, null,
+                    React.createElement(CheckCircle, null,
+                        React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3" },
+                            React.createElement("polyline", { points: "20 6 9 17 4 12" }))),
+                    React.createElement(FeatureText, null, "Veja quem protestou")),
+                React.createElement(FeatureItem, null,
+                    React.createElement(CheckCircle, null,
+                        React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3" },
+                            React.createElement("polyline", { points: "20 6 9 17 4 12" }))),
+                    React.createElement(FeatureText, null, "Dados atualizados em tempo real")),
+                React.createElement(FeatureItem, null,
+                    React.createElement(CheckCircle, null,
+                        React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3" },
+                            React.createElement("polyline", { points: "20 6 9 17 4 12" }))),
+                    React.createElement(FeatureText, null, "100% gratuito"))))));
+};
+export default ModalInstallExtension;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/components/common/modal.js

@@ -5,15 +5,21 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import styled, { css } from 'styled-components';
-var Overlay = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n\n  opacity: 1;\n  transition: opacity 0.25s ease;\n  ", "\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n\n  opacity: 1;\n  transition: opacity 0.25s ease;\n  ", "\n"])), function (_a) {
+var Overlay = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n\n  opacity: 1;\n  transition: opacity 0.25s ease;\n  ", "\n  ", "\n"], ["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n\n  opacity: 1;\n  transition: opacity 0.25s ease;\n  ", "\n  ", "\n"])), function (_a) {
+    var opening = _a.opening;
+    return opening && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0;\n    "], ["\n      opacity: 0;\n    "])));
+}, function (_a) {
     var closing = _a.closing;
-    return closing && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0;\n      pointer-events: none;\n    "], ["\n      opacity: 0;\n      pointer-events: none;\n    "])));
+    return closing && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      opacity: 0;\n      pointer-events: none;\n    "], ["\n      opacity: 0;\n      pointer-events: none;\n    "])));
 });
-var Container = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  transition: transform 0.25s ease;\n  transform: translateY(0);\n\n  @media (max-width: 480px) {\n    width: calc(100% - 32px);\n    padding: 24px 20px;\n  }\n"], ["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  transition: transform 0.25s ease;\n  transform: translateY(0);\n\n  @media (max-width: 480px) {\n    width: calc(100% - 32px);\n    padding: 24px 20px;\n  }\n"])), function (_a) {
+var Container = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n  transform: translateY(0);\n  opacity: 1;\n\n  ", "\n\n  @media (max-width: 480px) {\n    width: calc(100% - 32px);\n    padding: 24px 20px;\n  }\n"], ["\n  background: ", ";\n  border-radius: 12px;\n  max-width: 500px;\n  width: 90%;\n  padding: 32px;\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n  transform: translateY(0);\n  opacity: 1;\n\n  ", "\n\n  @media (max-width: 480px) {\n    width: calc(100% - 32px);\n    padding: 24px 20px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.white;
+}, function (_a) {
+    var opening = _a.opening;
+    return opening && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      transform: translateY(8px) scale(0.98);\n      opacity: 0;\n    "], ["\n      transform: translateY(8px) scale(0.98);\n      opacity: 0;\n    "])));
 });
-var CloseButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
+var CloseButton = styled.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  all: unset;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: ", ";\n  border-radius: 50%;\n  transition:\n    background 0.3s ease,\n    color 0.3s ease;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.cinzaEscuro;
 }, function (_a) {
@@ -23,24 +29,25 @@ var CloseButton = styled.button(templateObject_4 || (templateObject_4 = __makeTe
     var theme = _a.theme;
     return theme.colors.azulCredithub;
 });
-var Title = styled.h2(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"], ["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"])), function (_a) {
+var Title = styled.h2(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"], ["\n  ", ";\n  color: ", ";\n  text-align: center;\n  margin-bottom: 16px;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.typography.headline20;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.azulCredithub;
 });
-var Content = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"], ["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"])), function (_a) {
+var Content = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"], ["\n  ", ";\n  color: ", ";\n  margin-bottom: 24px;\n  text-align: center;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.typography.body16;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.cinzaEscuro;
 });
-var Footer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"], ["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"])));
+var Footer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"], ["\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n"])));
 var Modal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, title = _a.title, children = _a.children, footer = _a.footer;
     var _b = useState(false), closing = _b[0], setClosing = _b[1];
+    var _c = useState(false), opening = _c[0], setOpening = _c[1];
     var firstFocusable = useRef(null);
     useEffect(function () {
         if (!isOpen)
@@ -54,6 +61,17 @@ var Modal = function (_a) {
         window.addEventListener('keydown', handleKeyDown);
         return function () { return window.removeEventListener('keydown', handleKeyDown); };
     }, [isOpen]);
+    useEffect(function () {
+        if (isOpen)
+            setClosing(false);
+    }, [isOpen]);
+    useEffect(function () {
+        if (!isOpen)
+            return function () { };
+        setOpening(true);
+        var id = requestAnimationFrame(function () { return setOpening(false); });
+        return function () { return cancelAnimationFrame(id); };
+    }, [isOpen]);
     useEffect(function () {
         if (isOpen) {
             var overflow_1 = document.body.style.overflow;
@@ -95,8 +113,8 @@ var Modal = function (_a) {
     var ContainerRef = useRef(null);
     if (!isOpen && !closing)
         return null;
-    var dialog = (React.createElement(Overlay, { closing: closing, onClick: startClose, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'modal-title' : undefined },
-        React.createElement(Container, { ref: ContainerRef, onClick: function (e) { return e.stopPropagation(); }, "data-testid": "modal-container" },
+    var dialog = (React.createElement(Overlay, { closing: closing, opening: opening, onClick: startClose, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'modal-title' : undefined },
+        React.createElement(Container, { opening: opening, ref: ContainerRef, onClick: function (e) { return e.stopPropagation(); }, "data-testid": "modal-container" },
             React.createElement(CloseButton, { "aria-label": "Fechar", onClick: startClose, ref: firstFocusable }, "\u00D7"),
             title && (React.createElement(Title, { id: "modal-title", tabIndex: -1 }, title)),
             React.createElement(Content, null, children),
@@ -106,4 +124,4 @@ var Modal = function (_a) {
         : dialog;
 };
 export default Modal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/dist/components/protestos/protestos.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 declare const _default: React.NamedExoticComponent<{
     tags: (string | RegExp)[];
+    extensionInstalled?: boolean;
 }>;
 export default _default;

package/dist/components/protestos/protestos.js

@@ -50,7 +50,7 @@ var PROTESTOS_ERROR_SUMMARY = 'Falha ao consultar protestos, tente novamente mai
 var clearProtestosCollections = function (state) { return (__assign(__assign({}, (state || {})), { protestosDeCredito: undefined, protestosDeImposto: undefined, protestosGerais: undefined, totalProtestos: undefined, valorTotalProtestos: undefined, nmChaves: undefined, cartorio: undefined })); };
 var Protestos = function (_a) {
     var _b, _c, _d, _e;
-    var tags = _a.tags;
+    var tags = _a.tags, extensionInstalled = _a.extensionInstalled;
     var ctx = useContext(Queries.Protestos);
     var ctxLiminar = useContext(Queries.Liminar);
     var _f = useGlobalData(), globalData = _f.data, setData = _f.setData;
@@ -149,15 +149,15 @@ var Protestos = function (_a) {
         var elements = [
             {
                 total: protestosDeCredito.length,
-                element: (React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Protestos de cr\u00E9dito em geral.", registros: protestosDeCredito.length, icon: ProtestosCreditoIcon }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i, showInstrumento: showInstrumento, onOpenCartorioModal: function () { return setIsModalCartorioOpen(true); } })); })))
+                element: (React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Protestos de cr\u00E9dito em geral.", registros: protestosDeCredito.length, icon: ProtestosCreditoIcon }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i, showInstrumento: showInstrumento, onOpenCartorioModal: function () { return setIsModalCartorioOpen(true); }, extensionInstalled: extensionInstalled, tags: tags })); })))
             },
             {
                 total: protestosDeImposto.length,
-                element: (React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Protestos de impostos federais, estaduais e municipais.", registros: protestosDeImposto.length, icon: ProtestosImpostosIcon }, protestosDeImposto.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i, showInstrumento: showInstrumento, onOpenCartorioModal: function () { return setIsModalCartorioOpen(true); } })); })))
+                element: (React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Protestos de impostos federais, estaduais e municipais.", registros: protestosDeImposto.length, icon: ProtestosImpostosIcon }, protestosDeImposto.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i, showInstrumento: showInstrumento, onOpenCartorioModal: function () { return setIsModalCartorioOpen(true); }, extensionInstalled: extensionInstalled, tags: tags })); })))
             },
             {
                 total: protestosGerais.length,
-                element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i, showInstrumento: showInstrumento, onOpenCartorioModal: function () { return setIsModalCartorioOpen(true); } })); })))
+                element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i, showInstrumento: showInstrumento, onOpenCartorioModal: function () { return setIsModalCartorioOpen(true); }, extensionInstalled: extensionInstalled, tags: tags })); })))
             }
         ].sort(function (a, b) { return b.total - a.total; });
         var children = registros ? (React.createElement(ResultProtestos, null, elements.map(function (_a, i) {

package/dist/components/protestos/protestosList.d.ts

@@ -1,9 +1,11 @@
 import { Protesto } from '../../utils/parseProtesto';
 import React from 'react';
-export declare const ProtestoItem: React.MemoExoticComponent<({ protesto, showInstrumento, onOpenCartorioModal }: {
+export declare const ProtestoItem: React.MemoExoticComponent<({ protesto, showInstrumento, onOpenCartorioModal, extensionInstalled, tags }: {
     protesto: Protesto;
     showInstrumento: boolean;
     onOpenCartorioModal?: () => void;
+    extensionInstalled?: boolean;
+    tags?: (string | RegExp)[];
 }) => React.JSX.Element>;
 export declare const Instrumento: ({ nm_chave, cpfCnpj }: {
     nm_chave?: string;

package/dist/components/protestos/protestosList.js

@@ -42,16 +42,19 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatMoney } from '../../utils/number';
 import { isProtestoSPByNmChave } from '../../utils/protestoUf';
 import React, { memo, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
 import AddItemField from '../common/addItem';
 import Button from '../common/button';
+import ModalInstallExtension from '../common/ModalInstallExtension';
 import ModalInstrumentoProtestoSP from '../common/modalInstrumentoProtestoSP';
 import { ResultContent } from '../interface/result';
-import styled from 'styled-components';
 import { WebService } from '../webservice';
 import InstrumentoDiscoveryConfirmModal from './instrumento/InstrumentoDiscoveryConfirmModal';
 import InstrumentoEmailStatusModal from './instrumento/InstrumentoEmailStatusModal';
 import { discoverPDFProtesto } from './instrumento/ieptbInstrumento';
 import { useInstrumento } from './instrumento/useInstrumento';
+import { hasOneOfTags } from '../../utils/tags';
+var PREMIUM_TAGS = ['prata', 'ouro', 'diamante', 'prata-new', 'ouro-new', 'diamante-new'];
 // Throttling mechanism for API requests
 var activeRequests = 0;
 var MAX_CONCURRENT_REQUESTS = 2;
@@ -136,12 +139,36 @@ var AIIndicator = function () { return (React.createElement("span", { title: "In
  * em produção com estilos globais do app host (button { min-width, margin, flex }).
  * Layout explícito (width: fit-content, display: inline-block) evita deslocamento.
  */
+/** Mesmo padrão visual do link "Quem Protestou": azul, sublinhado, abre modal (dados do cartório). */
 var UfCellButton = styled.button.attrs({
     type: 'button',
-    title: 'Ver dados do cartório'
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  all: unset;\n  box-sizing: border-box;\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-decoration: underline;\n  color: inherit;\n  font: inherit;\n"], ["\n  all: unset;\n  box-sizing: border-box;\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-decoration: underline;\n  color: inherit;\n  font: inherit;\n"])));
+    title: 'Ver dados do cartório',
+    'data-harlan': 'uf-cartorio-button'
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  all: unset;\n  box-sizing: border-box;\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: ", ";\n  text-decoration: underline;\n  vertical-align: top;\n  line-height: ", ";\n  ", ";\n  transition: opacity 0.2s ease;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"], ["\n  all: unset;\n  box-sizing: border-box;\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: ", ";\n  text-decoration: underline;\n  vertical-align: top;\n  line-height: ", ";\n  ", ";\n  transition: opacity 0.2s ease;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
 /** Evita que a célula UF estique e desloque o conteúdo em produção (conflito com estilos do host). */
-var UfCellValueWrapper = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n"], ["\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n"])));
+var UfCellValueWrapper = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n  vertical-align: top;\n  line-height: ", ";\n"], ["\n  display: inline-block;\n  width: fit-content;\n  min-width: 0;\n  vertical-align: top;\n  line-height: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.lineHeight;
+});
+var QuemProtestouClickable = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  all: unset;\n  cursor: pointer;\n  color: ", ";\n  text-decoration: underline;\n  transition: opacity 0.2s ease;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"], ["\n  all: unset;\n  cursor: pointer;\n  color: ", ";\n  text-decoration: underline;\n  transition: opacity 0.2s ease;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
 var UfCell = function (_a) {
     var uf = _a.uf, hasCartorio = _a.hasCartorio, onOpenCartorio = _a.onOpenCartorio;
     var display = uf && uf.trim() !== '' ? uf : '—';
@@ -150,16 +177,18 @@ var UfCell = function (_a) {
 };
 export var ProtestoItem = memo(function (_a) {
     var _b, _c, _d;
-    var protesto = _a.protesto, showInstrumento = _a.showInstrumento, onOpenCartorioModal = _a.onOpenCartorioModal;
+    var protesto = _a.protesto, showInstrumento = _a.showInstrumento, onOpenCartorioModal = _a.onOpenCartorioModal, extensionInstalled = _a.extensionInstalled, _e = _a.tags, tags = _e === void 0 ? [] : _e;
+    var hasPremiumAccess = hasOneOfTags(tags, PREMIUM_TAGS);
     var client = useContext(WebService);
-    var _e = useGlobalData(), setData = _e.setData, globalData = _e.data;
+    var _f = useGlobalData(), setData = _f.setData, globalData = _f.data;
     var cartorio = (_b = globalData === null || globalData === void 0 ? void 0 : globalData.protestosData) === null || _b === void 0 ? void 0 : _b.cartorio;
     var iaOverrides = ((_c = globalData === null || globalData === void 0 ? void 0 : globalData.protestosData) === null || _c === void 0 ? void 0 : _c.iaOverrides) || {};
     var refreshToken = ((_d = globalData === null || globalData === void 0 ? void 0 : globalData.protestosData) === null || _d === void 0 ? void 0 : _d.refreshToken) || 0;
-    var _f = useState(null), quemApresentou = _f[0], setQuemApresentou = _f[1];
-    var _g = useState(false), loading = _g[0], setLoading = _g[1];
-    var _h = useState(false), queued = _h[0], setQueued = _h[1];
-    var _j = useState(false), isAIData = _j[0], setIsAIData = _j[1];
+    var _g = useState(null), quemApresentou = _g[0], setQuemApresentou = _g[1];
+    var _h = useState(false), loading = _h[0], setLoading = _h[1];
+    var _j = useState(false), queued = _j[0], setQueued = _j[1];
+    var _k = useState(false), isAIData = _k[0], setIsAIData = _k[1];
+    var _l = useState(false), isExtensionModalOpen = _l[0], setIsExtensionModalOpen = _l[1];
     var documento = protesto.cpfCnpj;
     var nm_chave = protesto.nm_chave;
     var formatBooleanField = function (value) {
@@ -232,14 +261,24 @@ export var ProtestoItem = memo(function (_a) {
             return React.createElement(ThreeDotsLoader, null);
         return quemApresentou || '';
     };
-    return (React.createElement(ResultContent, { print: "repeat(6, 1fr)", desktop: "repeat(7, 1fr)", tablet: "repeat(4, 1fr)", mobile: "repeat(2, 1fr)" },
-        React.createElement(AddItemField, { name: "Quem Protestou", value: getQuemProtestouDisplay() }),
-        React.createElement(AddItemField, { name: "Atrav\u00E9s De", value: protesto.nomeApresentante }),
-        React.createElement(AddItemField, { name: "Data Do Protesto", value: protesto.dataProtesto }),
-        React.createElement(AddItemField, { name: "Possui Anu\u00EAncia / Protesto Pago", value: formatBooleanField(String(protesto.temAnuencia)) }),
-        React.createElement(AddItemField, { name: "Valor Do Protesto", value: formatMoney(protesto.valor) }),
-        React.createElement(AddItemField, { name: "Custas de Cart\u00F3rio para Baixa", value: protesto.vl_custas ? formatMoney(protesto.vl_custas) : '—' }),
-        showInstrumento && React.createElement(Instrumento, { nm_chave: nm_chave, cpfCnpj: documento })));
+    var handleQuemProtestouClick = function () {
+        if (extensionInstalled === false) {
+            setIsExtensionModalOpen(true);
+        }
+    };
+    var shouldShowExtensionPrompt = hasPremiumAccess && extensionInstalled === false;
+    var quemProtestouValue = shouldShowExtensionPrompt ? (React.createElement(QuemProtestouClickable, { onClick: handleQuemProtestouClick }, getQuemProtestouDisplay() || 'Clique para ver')) : (getQuemProtestouDisplay());
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ResultContent, { print: "repeat(8, 1fr)", desktop: "repeat(8, 1fr)", tablet: "repeat(4, 1fr)", mobile: "repeat(2, 1fr)" },
+            React.createElement(AddItemField, { name: "Quem Protestou", value: quemProtestouValue }),
+            React.createElement(AddItemField, { name: "Atrav\u00E9s De", value: protesto.nomeApresentante }),
+            React.createElement(AddItemField, { name: "Data Do Protesto", value: protesto.dataProtesto }),
+            React.createElement(AddItemField, { name: "Possui Anu\u00EAncia / Protesto Pago", value: formatBooleanField(String(protesto.temAnuencia)) }),
+            React.createElement(AddItemField, { name: "Valor Do Protesto", value: formatMoney(protesto.valor) }),
+            React.createElement(AddItemField, { name: "Custas de Cart\u00F3rio para Baixa", value: protesto.vl_custas ? formatMoney(protesto.vl_custas) : '—' }),
+            React.createElement(AddItemField, { name: "UF", value: React.createElement(UfCell, { uf: cartorio === null || cartorio === void 0 ? void 0 : cartorio.uf, hasCartorio: Boolean(cartorio), onOpenCartorio: onOpenCartorioModal }) }),
+            showInstrumento && (React.createElement(Instrumento, { nm_chave: nm_chave, cpfCnpj: documento }))),
+        React.createElement(ModalInstallExtension, { isOpen: isExtensionModalOpen, onClose: function () { return setIsExtensionModalOpen(false); } })));
 });
 export var Instrumento = function (_a) {
     var nm_chave = _a.nm_chave, cpfCnpj = _a.cpfCnpj;
@@ -308,7 +347,9 @@ export var Instrumento = function (_a) {
     };
     var getButtonLabel = function () {
         if (errorKind === 'missing-key')
-            return isMissingKeyLoading ? 'Solicitar instrumento' : 'Instrumento não localizado';
+            return isMissingKeyLoading
+                ? 'Solicitar instrumento'
+                : 'Instrumento não localizado';
         if (errorKind === 'invalid-key' || errorKind === 'missing-doc')
             return 'Instrumento Indisponível';
         if (!isProtestoSPByNmChave(normalizedKey))
@@ -349,7 +390,9 @@ export var Instrumento = function (_a) {
                                         byteNumbers[i] = byteCharacters.charCodeAt(i);
                                     }
                                     byteArray = new Uint8Array(byteNumbers);
-                                    blob = new Blob([byteArray], { type: 'application/pdf' });
+                                    blob = new Blob([byteArray], {
+                                        type: 'application/pdf'
+                                    });
                                     url = URL.createObjectURL(blob);
                                     link = document.createElement('a');
                                     link.href = url;
@@ -403,4 +446,4 @@ export var Instrumento = function (_a) {
                 });
             }); } })));
 };
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/consultaSimples.d.ts

@@ -25,6 +25,7 @@ type ConsultaSimplesProps = {
     printMode?: boolean;
     isFinancial?: boolean;
     tags?: (string | RegExp)[];
+    extensionInstalled?: boolean;
 };
 declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
 export default ConsultaSimples;

package/dist/consultaSimples.js

@@ -79,7 +79,7 @@ var EditalQueryWrapper = function (_a) {
 };
 var ConsultaSimples = function (_a) {
     var _b, _c, _d;
-    var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, onClickQSA = _a.onClickQSA, onClickPrint = _a.onClickPrint, apiKey = _a.apiKey, queryParams = _a.queryParams, onClose = _a.onClose, hasCredits = _a.hasCredits, _e = _a.initRefinBoaVista, initRefinBoaVista = _e === void 0 ? false : _e, _f = _a.initRefinSerasa, initRefinSerasa = _f === void 0 ? false : _f, _g = _a.initVeiculos, initVeiculos = _g === void 0 ? false : _g, _h = _a.printMode, printMode = _h === void 0 ? false : _h, _j = _a.isFinancial, isFinancial = _j === void 0 ? false : _j, _k = _a.tags, tags = _k === void 0 ? [] : _k, posthog = _a.posthog;
+    var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, onClickQSA = _a.onClickQSA, onClickPrint = _a.onClickPrint, apiKey = _a.apiKey, queryParams = _a.queryParams, onClose = _a.onClose, hasCredits = _a.hasCredits, _e = _a.initRefinBoaVista, initRefinBoaVista = _e === void 0 ? false : _e, _f = _a.initRefinSerasa, initRefinSerasa = _f === void 0 ? false : _f, _g = _a.initVeiculos, initVeiculos = _g === void 0 ? false : _g, _h = _a.printMode, printMode = _h === void 0 ? false : _h, _j = _a.isFinancial, isFinancial = _j === void 0 ? false : _j, _k = _a.tags, tags = _k === void 0 ? [] : _k, posthog = _a.posthog, extensionInstalled = _a.extensionInstalled;
     var documento = _documento.replace(/\D+/g, '');
     // extrai CTIME (case-insensitive) dos urlData para repassar como prop
     var ctimeProp = (_c = (_b = queryParams === null || queryParams === void 0 ? void 0 : queryParams.urlData) === null || _b === void 0 ? void 0 : _b.CTIME) !== null && _c !== void 0 ? _c : (_d = queryParams === null || queryParams === void 0 ? void 0 : queryParams.urlData) === null || _d === void 0 ? void 0 : _d.ctime;
@@ -122,7 +122,7 @@ var ConsultaSimples = function (_a) {
                                                                                 React.createElement(ConsultaImoveis, { documento: documento }),
                                                                                 React.createElement(Veiculos, { documento: documento })),
                                                                             React.createElement(ProtestosSP, null),
-                                                                            React.createElement(Protestos, { tags: tags }),
+                                                                            React.createElement(Protestos, { tags: tags, extensionInstalled: extensionInstalled }),
                                                                             React.createElement(Edital, { isFinancial: isFinancial, tags: tags }),
                                                                             React.createElement(ProtestosPagosBaixados, { isFinancial: isFinancial }),
                                                                             React.createElement(CCF, null),