@credithub/harlan-components 1.10.1 → 1.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/lib/cjs/components/chart/chartContent.js +1 -1
  2. package/lib/cjs/components/chart/customChart.js +2 -1
  3. package/lib/cjs/components/contacts/contacts.js +1 -1
  4. package/lib/cjs/components/contacts/thumbsButton.js +1 -1
  5. package/lib/cjs/components/dossie/summary/summary.js +1 -1
  6. package/lib/cjs/components/processos-juridicos/processosJuridicos.js +2 -1
  7. package/lib/cjs/components/resultadoDaPesquisa/resultado-da-pesquisa.js +1 -1
  8. package/lib/cjs/consultaSimples.d.ts +1 -0
  9. package/lib/cjs/consultaSimples.js +28 -20
  10. package/lib/esm/components/chart/chartContent.js +1 -1
  11. package/lib/esm/components/chart/customChart.js +2 -1
  12. package/lib/esm/components/contacts/contacts.js +1 -1
  13. package/lib/esm/components/contacts/thumbsButton.js +1 -1
  14. package/lib/esm/components/dossie/summary/summary.js +1 -1
  15. package/lib/esm/components/processos-juridicos/processosJuridicos.js +2 -1
  16. package/lib/esm/components/resultadoDaPesquisa/resultado-da-pesquisa.js +1 -1
  17. package/lib/esm/consultaSimples.d.ts +1 -0
  18. package/lib/esm/consultaSimples.js +28 -20
  19. package/package.json +1 -1
package/lib/cjs/components/chart/chartContent.js CHANGED
@@ -52,7 +52,7 @@ var ChartContent = function (_a) {
52
52
  return (0, chartHelper_1.createPieChart)(pieChartStrategy.processData(dataInput));
53
53
  }, [dataInput]);
54
54
  var pieChartWidth = windowWidth > 1000 ? windowWidth * 0.4 : windowWidth * 0.92;
55
- var lineBarChartWidth = windowWidth > 1000 ? windowWidth * 0.55 : windowWidth * 0.92;
55
+ var lineBarChartWidth = windowWidth > 1000 && (pieChartData === null || pieChartData === void 0 ? void 0 : pieChartData.possuiPendencias) ? windowWidth * 0.55 : windowWidth * 0.92;
56
56
  var dates = (0, react_1.useMemo)(function () {
57
57
  return (0, getUniqueDates_1.getUniqueDates)(dataInput);
58
58
  }, [dataInput]);
package/lib/cjs/components/chart/customChart.js CHANGED
@@ -58,6 +58,7 @@ var btnWrapper_1 = __importDefault(require("../../assets/btn/btnWrapper"));
58
58
  var chevronUp_1 = __importDefault(require("../../assets/btn/chevronUp"));
59
59
  var useToggle_1 = __importDefault(require("../../hooks/useToggle"));
60
60
  var chevronDown_1 = __importDefault(require("../../assets/btn/chevronDown"));
61
+ var theme_1 = __importDefault(require("../interface/theme"));
61
62
  var Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: ", ";\n"], ["\n display: ", ";\n"])), function (props) { return props.isOpen ? 'block' : 'none'; });
62
63
  var ResumoDeNegativacoesChartSection = function (_a) {
63
64
  var documento = _a.documento;
@@ -119,7 +120,7 @@ var ResumoDeNegativacoesChartSection = function (_a) {
119
120
  react_1.default.createElement(Content, { isOpen: isOpen }, !isLoading && (response === null || response === void 0 ? void 0 : response.document) && process(response === null || response === void 0 ? void 0 : response.document))));
120
121
  };
121
122
  exports.ResumoDeNegativacoesChartSection = ResumoDeNegativacoesChartSection;
122
- var ChartWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 18px 30px;\n"], ["\n padding: 18px 30px;\n"])));
123
+ var ChartWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 18px 30px;\n background-color: ", ";\n"], ["\n padding: 18px 30px;\n background-color: ", ";\n"])), theme_1.default.colors.white);
123
124
  var CustomChart = function (_a) {
124
125
  var _b, _c, _d, _e;
125
126
  var dataInput = _a.dataInput;
package/lib/cjs/components/contacts/contacts.js CHANGED
@@ -68,7 +68,7 @@ var Contacts = function (_a) {
68
68
  }))));
69
69
  return {
70
70
  children: children,
71
- actions: (react_1.default.createElement(button_1.default, { className: "button", onClick: onClickConsultarEmail }, "Consultar E-mail em Dom\u00EDnio"))
71
+ actions: (react_1.default.createElement(button_1.default, { onClick: onClickConsultarEmail }, "Consultar E-mail em Dom\u00EDnio"))
72
72
  };
73
73
  } }));
74
74
  };
package/lib/cjs/components/contacts/thumbsButton.js CHANGED
@@ -13,7 +13,7 @@ var react_1 = __importDefault(require("react"));
13
13
  var styled_components_1 = __importDefault(require("styled-components"));
14
14
  var theme_1 = __importDefault(require("../interface/theme"));
15
15
  var ButtonContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n font-size: 10px;\n width: 100px;\n height: 20px;\n"], ["\n display: flex;\n background-color: ", ";\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n font-size: 10px;\n width: 100px;\n height: 20px;\n"])), theme_1.default.colors.cinzaClaro);
16
- var Button = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
16
+ var Button = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer !important;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n margin: 0 auto;\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer !important;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n margin: 0 auto;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
17
17
  return props.isSelected
18
18
  ? props.action === "like"
19
19
  ? "#007aff"
package/lib/cjs/components/dossie/summary/summary.js CHANGED
@@ -15,7 +15,7 @@ var number_1 = require("../../../utils/number");
15
15
  var cardsAndProducts_1 = __importDefault(require("./cardsAndProducts"));
16
16
  var styled_components_1 = __importDefault(require("styled-components"));
17
17
  var ContainerSummary = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(1, auto);\n gap: 1rem;\n padding: 1rem;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"], ["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(1, auto);\n gap: 1rem;\n padding: 1rem;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
18
- var ContentSummary = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(2, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"], ["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(2, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"])));
18
+ var ContentSummary = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(3, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"], ["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(3, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"])));
19
19
  var FieldSummary = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n margin-bottom: 1rem;\n grid-column: ", ";\n\n @media (max-width: 1280px) {\n grid-column: 1 / -1;\n }\n"], ["\n align-items: center;\n margin-bottom: 1rem;\n grid-column: ", ";\n\n @media (max-width: 1280px) {\n grid-column: 1 / -1;\n }\n"])), function (props) { return (props.fullRow ? "1 / 3" : "auto"); });
20
20
  var ButtonsSummary = styled_components_1.default.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"])));
21
21
  var Summary = function (_a) {
package/lib/cjs/components/processos-juridicos/processosJuridicos.js CHANGED
@@ -37,13 +37,14 @@ var ProcessosJuridicos = function (_a) {
37
37
  var ctx = (0, react_1.useContext)(webservice_1.Queries.ProcessosJuridicos);
38
38
  var Section = ctx.Section;
39
39
  return (react_1.default.createElement(Section, { ctx: ctx, title: "Processos Jur\u00EDdicos", subtitle: "Veja os Processos Jur\u00EDdicos para este documento.", icon: processosJuridicos_1.default, onSuccess: function (data) {
40
- var _a, _b, _c, _d;
40
+ var _a, _b, _c, _d, _e;
41
41
  if (!((_a = data === null || data === void 0 ? void 0 : data.empresa) === null || _a === void 0 ? void 0 : _a.length))
42
42
  return (react_1.default.createElement(resultWithoutInformation_1.default, { value: "N\u00E3o foram econtrados processos jur\u00EDdicos para o documento pesquisado." }));
43
43
  var children = ((_b = data === null || data === void 0 ? void 0 : data.empresa) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(processosJuridicosList_1.default, { processos: data === null || data === void 0 ? void 0 : data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;
44
44
  return {
45
45
  children: children,
46
46
  description: react_1.default.createElement(statusMessage_1.default, { type: ((_c = data === null || data === void 0 ? void 0 : data.empresa) === null || _c === void 0 ? void 0 : _c.length) ? 'found' : 'default' }, ((_d = data === null || data === void 0 ? void 0 : data.empresa) === null || _d === void 0 ? void 0 : _d.length) ? "Pesquisa concluída" : "Não foram econtrados processos jurídicos para o documento pesquisado"),
47
+ variant: ((_e = data === null || data === void 0 ? void 0 : data.empresa) === null || _e === void 0 ? void 0 : _e.length) ? 'error' : 'default'
47
48
  };
48
49
  } }));
49
50
  };
package/lib/cjs/components/resultadoDaPesquisa/resultado-da-pesquisa.js CHANGED
@@ -11,7 +11,7 @@ var react_1 = __importDefault(require("react"));
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  var theme_1 = __importDefault(require("../interface/theme"));
13
13
  var string_1 = require("../../utils/string");
14
- var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: 'Open Sans';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 2em;\n"], ["\n font-family: 'Open Sans';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 2em;\n"])));
14
+ var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: 'Open Sans';\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';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 1em;\n"])));
15
15
  var Title = styled_components_1.default.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_1.default.typography.headline20.fontSize, theme_1.default.typography.headline20.fontWeight, theme_1.default.typography.headline20.lineHeight);
16
16
  var DocumentContainer = styled_components_1.default.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_1.default.colors.cinzaEscuro, theme_1.default.colors.cinzaClaro);
17
17
  var DocumentPrefix = styled_components_1.default.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"])));
package/lib/cjs/consultaSimples.d.ts CHANGED
@@ -5,6 +5,7 @@ type ConsultaSimplesProps = {
5
5
  apiKey: string;
6
6
  onClose: () => void;
7
7
  hasCredits?: HasCreditsType;
8
+ onClickConsultarProcessoJuridico: (processoId: string) => void;
8
9
  };
9
10
  declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
10
11
  export default ConsultaSimples;
package/lib/cjs/consultaSimples.js CHANGED
@@ -1,4 +1,8 @@
1
1
  "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
2
6
  var __assign = (this && this.__assign) || function () {
3
7
  __assign = Object.assign || function(t) {
4
8
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -59,8 +63,10 @@ var consultaSimples_1 = __importDefault(require("./assets/icones/consultaSimples
59
63
  var statusMessage_1 = __importDefault(require("./components/interface/statusMessage"));
60
64
  var consultaRfb_1 = require("./components/consultaRfb");
61
65
  var resultado_da_pesquisa_1 = __importDefault(require("./components/resultadoDaPesquisa/resultado-da-pesquisa"));
66
+ var styled_components_1 = __importDefault(require("styled-components"));
67
+ var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
62
68
  var ConsultaSimples = function (_a) {
63
- var _documento = _a.documento, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
69
+ var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
64
70
  var documento = _documento.replace(/\D+/, "");
65
71
  return (react_1.default.createElement(react_1.default.Fragment, null,
66
72
  react_1.default.createElement(globalStyle_1.default, null),
@@ -70,25 +76,26 @@ var ConsultaSimples = function (_a) {
70
76
  react_1.default.createElement(_1.Queries.CCF.Request, { data: { documento: documento } },
71
77
  react_1.default.createElement(_1.Queries.Protestos.Request, { data: { documento: documento } },
72
78
  react_1.default.createElement(_1.Queries.ProcessosJuridicos.Request, { data: { documento: documento } },
73
- react_1.default.createElement(resultado_da_pesquisa_1.default, { documento: documento }),
74
- react_1.default.createElement(ConsultaSimplesSection, { onClose: onClose },
75
- react_1.default.createElement(consultaRfb_1.ConsultaRfbProvider, { documento: documento },
76
- react_1.default.createElement(_1.Dossie, { documento: documento, onOpenNewTransactionModal: console.log }),
77
- react_1.default.createElement(_1.Addresses, { apiKey: apiKey }),
78
- react_1.default.createElement(_1.Contacts, { onClickConsultarEmail: console.log }),
79
- react_1.default.createElement(_1.Partners, null)),
80
- react_1.default.createElement(_1.BankAccounts, null),
81
- react_1.default.createElement(_1.Queries.GraficosAnaliticos.Request, { data: { documento: documento } },
82
- react_1.default.createElement(_1.CustomChartSection, { documento: documento }),
83
- react_1.default.createElement(scr_1.default, { documento: documento }),
84
- react_1.default.createElement(_1.RefinBoaVista, { documento: documento }),
85
- react_1.default.createElement(_1.RefinSerasa, { documento: documento }),
86
- react_1.default.createElement(scoreService_1.default, { documento: documento }),
87
- react_1.default.createElement(imoveisService_1.default, { documento: documento }),
88
- react_1.default.createElement(_1.Veiculos, { documento: documento })),
89
- react_1.default.createElement(_1.Protestos, null),
90
- react_1.default.createElement(_1.CCF, null),
91
- react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log }))))))))));
79
+ react_1.default.createElement(Wrapper, null,
80
+ react_1.default.createElement(resultado_da_pesquisa_1.default, { documento: documento }),
81
+ react_1.default.createElement(ConsultaSimplesSection, { onClose: onClose },
82
+ react_1.default.createElement(consultaRfb_1.ConsultaRfbProvider, { documento: documento },
83
+ react_1.default.createElement(_1.Dossie, { documento: documento, onOpenNewTransactionModal: console.log }),
84
+ react_1.default.createElement(_1.Addresses, { apiKey: apiKey }),
85
+ react_1.default.createElement(_1.Contacts, { onClickConsultarEmail: console.log }),
86
+ react_1.default.createElement(_1.Partners, null)),
87
+ react_1.default.createElement(_1.BankAccounts, null),
88
+ react_1.default.createElement(_1.Queries.GraficosAnaliticos.Request, { data: { documento: documento } },
89
+ react_1.default.createElement(_1.CustomChartSection, { documento: documento }),
90
+ react_1.default.createElement(scr_1.default, { documento: documento }),
91
+ react_1.default.createElement(_1.RefinBoaVista, { documento: documento }),
92
+ react_1.default.createElement(_1.RefinSerasa, { documento: documento }),
93
+ react_1.default.createElement(scoreService_1.default, { documento: documento }),
94
+ react_1.default.createElement(imoveisService_1.default, { documento: documento }),
95
+ react_1.default.createElement(_1.Veiculos, { documento: documento })),
96
+ react_1.default.createElement(_1.Protestos, null),
97
+ react_1.default.createElement(_1.CCF, null),
98
+ react_1.default.createElement(_1.ProcessosJuridicos, { onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })))))))))));
92
99
  };
93
100
  var ConsultaSimplesSection = function (_a) {
94
101
  var children = _a.children, onClose = _a.onClose, rest = __rest(_a, ["children", "onClose"]);
@@ -99,3 +106,4 @@ var ConsultaSimplesSection = function (_a) {
99
106
  return (react_1.default.createElement(_1.Section, __assign({ title: "Consulta Simples", subtitle: "Informa\u00E7\u00F5es agregadas do CPF ou CNPJ", description: react_1.default.createElement(statusMessage_1.default, { type: isSuccess ? 'success' : 'error' }, isSuccess ? "Registro encontrado" : isError && (ctx === null || ctx === void 0 ? void 0 : ctx.error.message)), onClose: onClose, icon: consultaSimples_1.default, variant: isLoading ? 'loading' : 'default' }, rest), children));
100
107
  };
101
108
  exports.default = ConsultaSimples;
109
+ var templateObject_1;
package/lib/esm/components/chart/chartContent.js CHANGED
@@ -24,7 +24,7 @@ var ChartContent = function (_a) {
24
24
  return createPieChart(pieChartStrategy.processData(dataInput));
25
25
  }, [dataInput]);
26
26
  var pieChartWidth = windowWidth > 1000 ? windowWidth * 0.4 : windowWidth * 0.92;
27
- var lineBarChartWidth = windowWidth > 1000 ? windowWidth * 0.55 : windowWidth * 0.92;
27
+ var lineBarChartWidth = windowWidth > 1000 && (pieChartData === null || pieChartData === void 0 ? void 0 : pieChartData.possuiPendencias) ? windowWidth * 0.55 : windowWidth * 0.92;
28
28
  var dates = useMemo(function () {
29
29
  return getUniqueDates(dataInput);
30
30
  }, [dataInput]);
package/lib/esm/components/chart/customChart.js CHANGED
@@ -29,6 +29,7 @@ import BtnWrapper from "../../assets/btn/btnWrapper";
29
29
  import ChevronUp from "../../assets/btn/chevronUp";
30
30
  import useToggle from "../../hooks/useToggle";
31
31
  import ChevronDown from "../../assets/btn/chevronDown";
32
+ import theme from "../interface/theme";
32
33
  var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: ", ";\n"], ["\n display: ", ";\n"])), function (props) { return props.isOpen ? 'block' : 'none'; });
33
34
  export var ResumoDeNegativacoesChartSection = function (_a) {
34
35
  var documento = _a.documento;
@@ -89,7 +90,7 @@ export var ResumoDeNegativacoesChartSection = function (_a) {
89
90
  React.createElement(Header, { title: "Resumo de Negativa\u00E7\u00F5es", subtitle: "Veja a quantidade de ocorr\u00EAncias conforme o documento foi consultado ao longo do tempo", description: error && React.createElement(StatusMessage, { type: "error" }, error.message), variant: isLoading ? 'loading' : 'default', actions: isLoading ? null : defaultHeaderActions }),
90
91
  React.createElement(Content, { isOpen: isOpen }, !isLoading && (response === null || response === void 0 ? void 0 : response.document) && process(response === null || response === void 0 ? void 0 : response.document))));
91
92
  };
92
- var ChartWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 18px 30px;\n"], ["\n padding: 18px 30px;\n"])));
93
+ var ChartWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 18px 30px;\n background-color: ", ";\n"], ["\n padding: 18px 30px;\n background-color: ", ";\n"])), theme.colors.white);
93
94
  var CustomChart = function (_a) {
94
95
  var _b, _c, _d, _e;
95
96
  var dataInput = _a.dataInput;
package/lib/esm/components/contacts/contacts.js CHANGED
@@ -39,7 +39,7 @@ var Contacts = function (_a) {
39
39
  }))));
40
40
  return {
41
41
  children: children,
42
- actions: (React.createElement(Button, { className: "button", onClick: onClickConsultarEmail }, "Consultar E-mail em Dom\u00EDnio"))
42
+ actions: (React.createElement(Button, { onClick: onClickConsultarEmail }, "Consultar E-mail em Dom\u00EDnio"))
43
43
  };
44
44
  } }));
45
45
  };
package/lib/esm/components/contacts/thumbsButton.js CHANGED
@@ -8,7 +8,7 @@ import React from "react";
8
8
  import styled from "styled-components";
9
9
  import theme from "../interface/theme";
10
10
  var ButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n font-size: 10px;\n width: 100px;\n height: 20px;\n"], ["\n display: flex;\n background-color: ", ";\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n font-size: 10px;\n width: 100px;\n height: 20px;\n"])), theme.colors.cinzaClaro);
11
- var Button = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
11
+ var Button = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer !important;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n margin: 0 auto;\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n cursor: pointer !important;\n border: none;\n background-color: ", ";\n color: white;\n flex: none;\n width: 50%;\n margin: 0 auto;\n\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
12
12
  return props.isSelected
13
13
  ? props.action === "like"
14
14
  ? "#007aff"
package/lib/esm/components/dossie/summary/summary.js CHANGED
@@ -9,7 +9,7 @@ import { formatMoney } from "../../../utils/number";
9
9
  import useCardsAndProducts from "./cardsAndProducts";
10
10
  import styled from "styled-components";
11
11
  var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(1, auto);\n gap: 1rem;\n padding: 1rem;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"], ["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(1, auto);\n gap: 1rem;\n padding: 1rem;\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n }\n"])));
12
- var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(2, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"], ["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(2, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"])));
12
+ var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(3, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"], ["\n display: grid;\n grid-row: 1 / 8;\n grid-template-columns: repeat(3, 1fr);\n gap: 0 1rem;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n justify-content: center;\n align-items: center;\n }\n"])));
13
13
  var FieldSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n margin-bottom: 1rem;\n grid-column: ", ";\n\n @media (max-width: 1280px) {\n grid-column: 1 / -1;\n }\n"], ["\n align-items: center;\n margin-bottom: 1rem;\n grid-column: ", ";\n\n @media (max-width: 1280px) {\n grid-column: 1 / -1;\n }\n"])), function (props) { return (props.fullRow ? "1 / 3" : "auto"); });
14
14
  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"])));
15
15
  export var Summary = function (_a) {
package/lib/esm/components/processos-juridicos/processosJuridicos.js CHANGED
@@ -9,13 +9,14 @@ var ProcessosJuridicos = function (_a) {
9
9
  var ctx = useContext(Queries.ProcessosJuridicos);
10
10
  var Section = ctx.Section;
11
11
  return (React.createElement(Section, { ctx: ctx, title: "Processos Jur\u00EDdicos", subtitle: "Veja os Processos Jur\u00EDdicos para este documento.", icon: ProcessosJuridicosIcon, onSuccess: function (data) {
12
- var _a, _b, _c, _d;
12
+ var _a, _b, _c, _d, _e;
13
13
  if (!((_a = data === null || data === void 0 ? void 0 : data.empresa) === null || _a === void 0 ? void 0 : _a.length))
14
14
  return (React.createElement(ResultWithoutInformation, { value: "N\u00E3o foram econtrados processos jur\u00EDdicos para o documento pesquisado." }));
15
15
  var children = ((_b = data === null || data === void 0 ? void 0 : data.empresa) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(ProcessosJuridicosList, { processos: data === null || data === void 0 ? void 0 : data.empresa, onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })) : null;
16
16
  return {
17
17
  children: children,
18
18
  description: React.createElement(StatusMessage, { type: ((_c = data === null || data === void 0 ? void 0 : data.empresa) === null || _c === void 0 ? void 0 : _c.length) ? 'found' : 'default' }, ((_d = data === null || data === void 0 ? void 0 : data.empresa) === null || _d === void 0 ? void 0 : _d.length) ? "Pesquisa concluída" : "Não foram econtrados processos jurídicos para o documento pesquisado"),
19
+ variant: ((_e = data === null || data === void 0 ? void 0 : data.empresa) === null || _e === void 0 ? void 0 : _e.length) ? 'error' : 'default'
19
20
  };
20
21
  } }));
21
22
  };
package/lib/esm/components/resultadoDaPesquisa/resultado-da-pesquisa.js CHANGED
@@ -6,7 +6,7 @@ import React from 'react';
6
6
  import styled from "styled-components";
7
7
  import theme from "../interface/theme";
8
8
  import { formatCnpj, formatCpf } from '../../utils/string';
9
- var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: 'Open Sans';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 2em;\n"], ["\n font-family: 'Open Sans';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 2em;\n"])));
9
+ var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: 'Open Sans';\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';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 1em;\n"])));
10
10
  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);
11
11
  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);
12
12
  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"])));
package/lib/esm/consultaSimples.d.ts CHANGED
@@ -5,6 +5,7 @@ type ConsultaSimplesProps = {
5
5
  apiKey: string;
6
6
  onClose: () => void;
7
7
  hasCredits?: HasCreditsType;
8
+ onClickConsultarProcessoJuridico: (processoId: string) => void;
8
9
  };
9
10
  declare const ConsultaSimples: React.FC<ConsultaSimplesProps>;
10
11
  export default ConsultaSimples;
package/lib/esm/consultaSimples.js CHANGED
@@ -1,3 +1,7 @@
1
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
+ return cooked;
4
+ };
1
5
  var __assign = (this && this.__assign) || function () {
2
6
  __assign = Object.assign || function(t) {
3
7
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -31,8 +35,10 @@ import ConsultaSimplesIcon from "./assets/icones/consultaSimples";
31
35
  import StatusMessage from "./components/interface/statusMessage";
32
36
  import { ConsultaRfbProvider } from "./components/consultaRfb";
33
37
  import ResultadoDaPesquisa from "./components/resultadoDaPesquisa/resultado-da-pesquisa";
38
+ import styled from "styled-components";
39
+ var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
34
40
  var ConsultaSimples = function (_a) {
35
- var _documento = _a.documento, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
41
+ var _documento = _a.documento, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico, apiKey = _a.apiKey, onClose = _a.onClose, hasCredits = _a.hasCredits;
36
42
  var documento = _documento.replace(/\D+/, "");
37
43
  return (React.createElement(React.Fragment, null,
38
44
  React.createElement(GlobalStyle, null),
@@ -42,25 +48,26 @@ var ConsultaSimples = function (_a) {
42
48
  React.createElement(Queries.CCF.Request, { data: { documento: documento } },
43
49
  React.createElement(Queries.Protestos.Request, { data: { documento: documento } },
44
50
  React.createElement(Queries.ProcessosJuridicos.Request, { data: { documento: documento } },
45
- React.createElement(ResultadoDaPesquisa, { documento: documento }),
46
- React.createElement(ConsultaSimplesSection, { onClose: onClose },
47
- React.createElement(ConsultaRfbProvider, { documento: documento },
48
- React.createElement(Dossie, { documento: documento, onOpenNewTransactionModal: console.log }),
49
- React.createElement(Addresses, { apiKey: apiKey }),
50
- React.createElement(Contacts, { onClickConsultarEmail: console.log }),
51
- React.createElement(Partners, null)),
52
- React.createElement(BankAccounts, null),
53
- React.createElement(Queries.GraficosAnaliticos.Request, { data: { documento: documento } },
54
- React.createElement(CustomChartSection, { documento: documento }),
55
- React.createElement(ConsultaSCR, { documento: documento }),
56
- React.createElement(RefinBoaVista, { documento: documento }),
57
- React.createElement(RefinSerasa, { documento: documento }),
58
- React.createElement(ConsultaScore, { documento: documento }),
59
- React.createElement(ConsultaImoveis, { documento: documento }),
60
- React.createElement(Veiculos, { documento: documento })),
61
- React.createElement(Protestos, null),
62
- React.createElement(CCF, null),
63
- React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: console.log }))))))))));
51
+ React.createElement(Wrapper, null,
52
+ React.createElement(ResultadoDaPesquisa, { documento: documento }),
53
+ React.createElement(ConsultaSimplesSection, { onClose: onClose },
54
+ React.createElement(ConsultaRfbProvider, { documento: documento },
55
+ React.createElement(Dossie, { documento: documento, onOpenNewTransactionModal: console.log }),
56
+ React.createElement(Addresses, { apiKey: apiKey }),
57
+ React.createElement(Contacts, { onClickConsultarEmail: console.log }),
58
+ React.createElement(Partners, null)),
59
+ React.createElement(BankAccounts, null),
60
+ React.createElement(Queries.GraficosAnaliticos.Request, { data: { documento: documento } },
61
+ React.createElement(CustomChartSection, { documento: documento }),
62
+ React.createElement(ConsultaSCR, { documento: documento }),
63
+ React.createElement(RefinBoaVista, { documento: documento }),
64
+ React.createElement(RefinSerasa, { documento: documento }),
65
+ React.createElement(ConsultaScore, { documento: documento }),
66
+ React.createElement(ConsultaImoveis, { documento: documento }),
67
+ React.createElement(Veiculos, { documento: documento })),
68
+ React.createElement(Protestos, null),
69
+ React.createElement(CCF, null),
70
+ React.createElement(ProcessosJuridicos, { onClickConsultarProcessoJuridico: onClickConsultarProcessoJuridico })))))))))));
64
71
  };
65
72
  var ConsultaSimplesSection = function (_a) {
66
73
  var children = _a.children, onClose = _a.onClose, rest = __rest(_a, ["children", "onClose"]);
@@ -71,3 +78,4 @@ var ConsultaSimplesSection = function (_a) {
71
78
  return (React.createElement(Section, __assign({ title: "Consulta Simples", subtitle: "Informa\u00E7\u00F5es agregadas do CPF ou CNPJ", description: React.createElement(StatusMessage, { type: isSuccess ? 'success' : 'error' }, isSuccess ? "Registro encontrado" : isError && (ctx === null || ctx === void 0 ? void 0 : ctx.error.message)), onClose: onClose, icon: ConsultaSimplesIcon, variant: isLoading ? 'loading' : 'default' }, rest), children));
72
79
  };
73
80
  export default ConsultaSimples;
81
+ var templateObject_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@credithub/harlan-components",
3
- "version": "1.10.1",
3
+ "version": "1.11.1",
4
4
  "description": "Provide a set of web components to be used in Harlan and other projects",
5
5
  "keywords": [
6
6
  "harlan",