@credithub/harlan-components 1.43.1 → 1.44.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.
- package/dist/components/dossie/generativeAi/dataUtils.js +12 -8
- package/dist/components/dossie/generativeAi/queryUtils.d.ts +1 -1
- package/dist/components/dossie/generativeAi/queryUtils.js +6 -2
- package/dist/components/dossie/generativeAi/styles.js +81 -3
- package/dist/styles/theme.d.ts +1 -0
- package/dist/styles/theme.js +1 -0
- package/lib/cjs/index.js +101 -14
- package/lib/esm/index.js +101 -14
- package/package.json +1 -1
|
@@ -65,16 +65,19 @@ function deepCleanData(data) {
|
|
|
65
65
|
return Object.keys(cleanedObject).length > 0 ? cleanedObject : null;
|
|
66
66
|
}
|
|
67
67
|
export var selectRelevantData = function (data) {
|
|
68
|
-
var _a, _b, _c, _d, _e;
|
|
69
|
-
var
|
|
70
|
-
var
|
|
68
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
69
|
+
var _h = data || {}, protestosDeCredito = _h.protestos, chequesSemFundo = _h.ccf, dividasPublicas = _h.dividasPublicas, contasBancarias = _h.bankAccounts, dadosDeChequesSemFundo = _h.ccfData, dividas = _h.divida, _j = _h.dossie, dossie = _j === void 0 ? {} : _j, liminar = _h.liminar, socios = _h.partners, dadosPessoasExpostasPoliticamente = _h.pepData, detalhesProcessosJuridicos = _h.processosJuridicosData, dadosReclameAqui = _h.reclameAqui, relatoriosRefinBoaVista = _h.refinBoaVista, relatoriosRefinSerasa = _h.refinSerasa, dadosScore = _h.scoreData, relatoriosSCR = _h.scr, registrosDeVeiculos = _h.veiculos, ResumoDosDados = _h.documentHistory;
|
|
70
|
+
var tipoPessoa = ((_b = (_a = dossie === null || dossie === void 0 ? void 0 : dossie.carousel) === null || _a === void 0 ? void 0 : _a.document) === null || _b === void 0 ? void 0 : _b.length) === 11
|
|
71
|
+
? 'Pessoa Física'
|
|
72
|
+
: 'Pessoa Jurídica';
|
|
73
|
+
var sociosAnonimizados = (_c = socios === null || socios === void 0 ? void 0 : socios.partners) === null || _c === void 0 ? void 0 : _c.map(function (socio, index) { return ({
|
|
71
74
|
nome: "S\u00F3cio ".concat(index + 1),
|
|
72
75
|
cargo: socio.cargo,
|
|
73
76
|
receitaStatus: socio.receitaStatus || {},
|
|
74
77
|
dividasPublicas: socio.dividasPublicas || {},
|
|
75
78
|
protestos: socio.protestos || {}
|
|
76
79
|
}); });
|
|
77
|
-
var processosPassivos = (
|
|
80
|
+
var processosPassivos = (_e = (_d = detalhesProcessosJuridicos === null || detalhesProcessosJuridicos === void 0 ? void 0 : detalhesProcessosJuridicos.empresa) === null || _d === void 0 ? void 0 : _d.filter(function (processo) {
|
|
78
81
|
var _a;
|
|
79
82
|
return (_a = processo.envolvidos_ultima_movimentacao) === null || _a === void 0 ? void 0 : _a.some(function (envolvido) {
|
|
80
83
|
var _a, _b, _c;
|
|
@@ -82,13 +85,13 @@ export var selectRelevantData = function (data) {
|
|
|
82
85
|
((_c = (_b = dossie.carousel) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.toLowerCase()) &&
|
|
83
86
|
envolvido.envolvido_tipo === 'Passivo';
|
|
84
87
|
});
|
|
85
|
-
})) === null ||
|
|
88
|
+
})) === null || _e === void 0 ? void 0 : _e.map(function (processo) { return ({
|
|
86
89
|
assuntos: processo.assuntos,
|
|
87
90
|
classe_processual: processo.classe_processual,
|
|
88
91
|
diario_sigla: processo.diario_sigla,
|
|
89
92
|
updated_at: processo.updated_at
|
|
90
93
|
}); });
|
|
91
|
-
var processosAtivo = (
|
|
94
|
+
var processosAtivo = (_g = (_f = detalhesProcessosJuridicos === null || detalhesProcessosJuridicos === void 0 ? void 0 : detalhesProcessosJuridicos.empresa) === null || _f === void 0 ? void 0 : _f.filter(function (processo) {
|
|
92
95
|
var _a;
|
|
93
96
|
return (_a = processo.envolvidos_ultima_movimentacao) === null || _a === void 0 ? void 0 : _a.some(function (envolvido) {
|
|
94
97
|
var _a, _b, _c;
|
|
@@ -96,7 +99,7 @@ export var selectRelevantData = function (data) {
|
|
|
96
99
|
((_c = (_b = dossie.carousel) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.toLowerCase()) &&
|
|
97
100
|
envolvido.envolvido_tipo === 'Ativo';
|
|
98
101
|
});
|
|
99
|
-
})) === null ||
|
|
102
|
+
})) === null || _g === void 0 ? void 0 : _g.map(function (processo) { return ({
|
|
100
103
|
assuntos: processo.assuntos,
|
|
101
104
|
classe_processual: processo.classe_processual,
|
|
102
105
|
diario_sigla: processo.diario_sigla,
|
|
@@ -127,7 +130,8 @@ export var selectRelevantData = function (data) {
|
|
|
127
130
|
dadosScore: dadosScore,
|
|
128
131
|
relatoriosSCR: relatoriosSCR,
|
|
129
132
|
registrosDeVeiculos: registrosDeVeiculos,
|
|
130
|
-
ResumoDosDados: ResumoDosDados
|
|
133
|
+
ResumoDosDados: ResumoDosDados,
|
|
134
|
+
tipoPessoa: tipoPessoa
|
|
131
135
|
};
|
|
132
136
|
var dadosFiltrados = deepCleanData(dadosOrganizados);
|
|
133
137
|
return {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const createQueryAndMessages: (relevantData: string, messageHistory: any[], extraMessage?: string) => {
|
|
1
|
+
export declare const createQueryAndMessages: (relevantData: string, messageHistory: any[], isPessoaFisica?: boolean, extraMessage?: string) => {
|
|
2
2
|
model: string;
|
|
3
3
|
messages: string;
|
|
4
4
|
};
|
|
@@ -9,11 +9,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
9
9
|
};
|
|
10
10
|
import { stringify } from 'yaml';
|
|
11
11
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
12
|
-
export var createQueryAndMessages = function (relevantData, messageHistory, extraMessage) {
|
|
12
|
+
export var createQueryAndMessages = function (relevantData, messageHistory, isPessoaFisica, extraMessage) {
|
|
13
|
+
var parsedData = JSON.parse(relevantData);
|
|
14
|
+
var analysisHeader = parsedData.tipoPessoa === 'Pessoa Física'
|
|
15
|
+
? "\n Analisar o dossi\u00EA da seguinte pessoa f\u00EDsica:\n - Foco em identificar restri\u00E7\u00F5es financeiras, protestos e riscos pessoais que possam impactar o cr\u00E9dito.\n "
|
|
16
|
+
: "\n Analisar o dossi\u00EA da seguinte empresa:\n - Foco em identificar protestos, processos judiciais e problemas financeiros que possam impactar a empresa.\n ";
|
|
13
17
|
var baseMessages = __spreadArray([
|
|
14
18
|
{
|
|
15
19
|
role: 'user',
|
|
16
|
-
content: "\n
|
|
20
|
+
content: "\n ".concat(analysisHeader, "\n```yaml\n").concat(stringify(parsedData), "\n```\n\n 1. Identifique ").concat(parsedData.tipoPessoa === 'Pessoa Física' ? 'restrições financeiras pessoais' : 'protestos, processos judiciais e outros problemas financeiros da empresa', ", e descreva-os com termos claros, como \"valor financeiro\" ou \"pend\u00EAncia judicial\", sem mencionar nomes t\u00E9cnicos, IDs, chaves ou valores booleanos.\n 2. ").concat(parsedData.tipoPessoa === 'Pessoa Física' ? 'Resuma as restrições pessoais e o impacto no crédito.' : 'Descreva os processos judiciais e protestos da empresa em termos simples, utilizando frases como "protesto registrado" ou "processo judicial ativo".', "\n 3. Resuma os pontos cr\u00EDticos de forma objetiva, explicando como esses fatores podem impactar a decis\u00E3o de cr\u00E9dito. Enfatize o risco ").concat(parsedData.tipoPessoa === 'Pessoa Física' ? 'para o perfil pessoal' : 'para a empresa', ".\n 4. Responda com uma recomenda\u00E7\u00E3o final objetiva, propondo ").concat(parsedData.tipoPessoa === 'Pessoa Física' ? 'condições baseadas no perfil financeiro' : 'uma taxa de juros ou condições específicas com base no risco identificado', ".\n\n **Responda sempre em portugu\u00EAs claro e evite mencionar qualquer nome de campo do YAML, IDs ou n\u00FAmeros de documentos nas suas respostas. Certifique-se de eliminar qualquer dado n\u00E3o intelig\u00EDvel ou irrelevante, como valores booleanos.**\n\n ").concat(extraMessage || '', "\n ")
|
|
17
21
|
}
|
|
18
22
|
], messageHistory, true);
|
|
19
23
|
return {
|
|
@@ -7,7 +7,46 @@ export var BetaTag = styled.span(templateObject_1 || (templateObject_1 = __makeT
|
|
|
7
7
|
export var dotFlashing = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 0% {\n opacity: 1;\n }\n 50%,\n 100% {\n opacity: 0;\n }\n"], ["\n 0% {\n opacity: 1;\n }\n 50%,\n 100% {\n opacity: 0;\n }\n"])));
|
|
8
8
|
export var LoadingDots = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::after {\n content: '...';\n animation: ", " 1.2s infinite steps(3, end);\n display: inline-block;\n width: 1em;\n text-align: left;\n }\n"], ["\n &::after {\n content: '...';\n animation: ", " 1.2s infinite steps(3, end);\n display: inline-block;\n width: 1em;\n text-align: left;\n }\n"])), dotFlashing);
|
|
9
9
|
export var InitialMessageBox = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 20px;\n width: 95%;\n"], ["\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 20px;\n width: 95%;\n"])));
|
|
10
|
-
export var InitialMessageContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1rem;\n line-height: 1.5;\n padding: 20px 56px;\n display: flex;\n flex-direction: column;\n\n .icon-and-text {\n display: flex;\n align-items: flex-start;\n margin-bottom: 16px;\n\n span p:first-child {\n
|
|
10
|
+
export var InitialMessageContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-size: 1rem;\n line-height: 1.5;\n padding: 20px 56px;\n display: flex;\n flex-direction: column;\n\n .icon-and-text {\n display: flex;\n align-items: flex-start;\n margin-bottom: 16px;\n\n span {\n all: unset; /* Remove todas as heran\u00E7as */\n font-family: ", ";\n font-size: 1rem;\n line-height: 1.5;\n\n /* Estilo espec\u00EDfico para o primeiro par\u00E1grafo */\n p:first-child {\n margin-top: 0;\n margin-bottom: -8px;\n margin-left: 8px;\n display: inline-block;\n }\n\n /* Estilos globais para tags internas */\n & p,\n & strong,\n & em,\n & ul,\n & ol,\n & li,\n & h1,\n & h2,\n & h3,\n & h4 {\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n }\n\n strong {\n font-weight: bold;\n }\n\n em {\n font-style: italic;\n }\n\n ul,\n ol {\n padding-left: 1.5em;\n }\n\n li {\n margin-top: 0.5em;\n }\n\n /* Estilo para os cabe\u00E7alhos */\n h1 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h2 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h3 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h4 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n }\n }\n\n svg.initial-icon {\n width: 18px;\n height: 18px;\n margin-right: 8px;\n flex-shrink: 0;\n align-self: flex-start;\n }\n\n .additional-message {\n margin-top: 16px;\n padding-left: 26px;\n\n p {\n margin: 0;\n }\n\n .blue-text {\n color: ", ";\n font-weight: bold;\n }\n }\n\n .final-message {\n margin-top: 16px;\n display: flex;\n align-items: center;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n\n svg {\n margin-right: 8px;\n }\n\n p {\n margin: 0;\n }\n }\n\n @media (max-width: 768px) {\n font-size: 0.9rem;\n padding: 10px 20px;\n\n .additional-message {\n padding-left: 20px;\n }\n }\n"], ["\n font-size: 1rem;\n line-height: 1.5;\n padding: 20px 56px;\n display: flex;\n flex-direction: column;\n\n .icon-and-text {\n display: flex;\n align-items: flex-start;\n margin-bottom: 16px;\n\n span {\n all: unset; /* Remove todas as heran\u00E7as */\n font-family: ", ";\n font-size: 1rem;\n line-height: 1.5;\n\n /* Estilo espec\u00EDfico para o primeiro par\u00E1grafo */\n p:first-child {\n margin-top: 0;\n margin-bottom: -8px;\n margin-left: 8px;\n display: inline-block;\n }\n\n /* Estilos globais para tags internas */\n & p,\n & strong,\n & em,\n & ul,\n & ol,\n & li,\n & h1,\n & h2,\n & h3,\n & h4 {\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n }\n\n strong {\n font-weight: bold;\n }\n\n em {\n font-style: italic;\n }\n\n ul,\n ol {\n padding-left: 1.5em;\n }\n\n li {\n margin-top: 0.5em;\n }\n\n /* Estilo para os cabe\u00E7alhos */\n h1 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h2 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h3 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h4 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n }\n }\n\n svg.initial-icon {\n width: 18px;\n height: 18px;\n margin-right: 8px;\n flex-shrink: 0;\n align-self: flex-start;\n }\n\n .additional-message {\n margin-top: 16px;\n padding-left: 26px;\n\n p {\n margin: 0;\n }\n\n .blue-text {\n color: ", ";\n font-weight: bold;\n }\n }\n\n .final-message {\n margin-top: 16px;\n display: flex;\n align-items: center;\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n\n svg {\n margin-right: 8px;\n }\n\n p {\n margin: 0;\n }\n }\n\n @media (max-width: 768px) {\n font-size: 0.9rem;\n padding: 10px 20px;\n\n .additional-message {\n padding-left: 20px;\n }\n }\n"])), function (_a) {
|
|
11
|
+
var theme = _a.theme;
|
|
12
|
+
return theme.typography.defaultFontFamily;
|
|
13
|
+
}, function (_a) {
|
|
14
|
+
var theme = _a.theme;
|
|
15
|
+
return theme.typography.headline24.fontSize;
|
|
16
|
+
}, function (_a) {
|
|
17
|
+
var theme = _a.theme;
|
|
18
|
+
return theme.typography.headline24.fontWeight;
|
|
19
|
+
}, function (_a) {
|
|
20
|
+
var theme = _a.theme;
|
|
21
|
+
return theme.typography.headline24.lineHeight;
|
|
22
|
+
}, function (_a) {
|
|
23
|
+
var theme = _a.theme;
|
|
24
|
+
return theme.typography.headline20.fontSize;
|
|
25
|
+
}, function (_a) {
|
|
26
|
+
var theme = _a.theme;
|
|
27
|
+
return theme.typography.headline20.fontWeight;
|
|
28
|
+
}, function (_a) {
|
|
29
|
+
var theme = _a.theme;
|
|
30
|
+
return theme.typography.headline20.lineHeight;
|
|
31
|
+
}, function (_a) {
|
|
32
|
+
var theme = _a.theme;
|
|
33
|
+
return theme.typography.headline16.fontSize;
|
|
34
|
+
}, function (_a) {
|
|
35
|
+
var theme = _a.theme;
|
|
36
|
+
return theme.typography.headline16.fontWeight;
|
|
37
|
+
}, function (_a) {
|
|
38
|
+
var theme = _a.theme;
|
|
39
|
+
return theme.typography.headline16.lineHeight;
|
|
40
|
+
}, function (_a) {
|
|
41
|
+
var theme = _a.theme;
|
|
42
|
+
return theme.typography.headline14.fontSize;
|
|
43
|
+
}, function (_a) {
|
|
44
|
+
var theme = _a.theme;
|
|
45
|
+
return theme.typography.headline14.fontWeight;
|
|
46
|
+
}, function (_a) {
|
|
47
|
+
var theme = _a.theme;
|
|
48
|
+
return theme.typography.headline14.lineHeight;
|
|
49
|
+
}, function (_a) {
|
|
11
50
|
var theme = _a.theme;
|
|
12
51
|
return theme.colors.azulCredithub;
|
|
13
52
|
}, function (_a) {
|
|
@@ -37,13 +76,52 @@ export var MessageHistory = styled.div(templateObject_10 || (templateObject_10 =
|
|
|
37
76
|
var theme = _a.theme;
|
|
38
77
|
return theme.colors.cinzaBackground;
|
|
39
78
|
});
|
|
40
|
-
export var Message = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n padding: 10px 15px;\n margin: 10px 0;\n max-width: 90%;\n border-radius: 16px;\n word-wrap: break-word;\n background-color: ", ";\n color: ", ";\n align-self: ", ";\n text-align: ", ";\n overflow-y: auto;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeIn 0.5s ease-out forwards;\n\n .icon-and-message {\n display: flex;\n align-items: center;\n gap: 8px;\n\n span p:first-child {\n
|
|
79
|
+
export var Message = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n padding: 10px 15px;\n margin: 10px 0;\n max-width: 90%;\n border-radius: 16px;\n word-wrap: break-word;\n background-color: ", ";\n color: ", ";\n align-self: ", ";\n text-align: ", ";\n overflow-y: auto;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeIn 0.5s ease-out forwards;\n\n .icon-and-message {\n display: flex;\n align-items: center;\n gap: 8px;\n\n span {\n all: unset; /* Remove todas as heran\u00E7as */\n font-family: ", ";\n font-size: 1rem;\n line-height: 1.5;\n\n /* Estilo espec\u00EDfico para o primeiro par\u00E1grafo */\n p:first-child {\n margin-top: 0;\n margin-bottom: -8px;\n margin-left: 8px;\n display: inline-block;\n }\n\n /* Estilos globais para tags internas */\n & p,\n & strong,\n & em,\n & ul,\n & ol,\n & li,\n & h1,\n & h2,\n & h3,\n & h4 {\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n }\n\n strong {\n font-weight: bold;\n }\n\n em {\n font-style: italic;\n }\n\n ul,\n ol {\n padding-left: 1.5em;\n }\n\n li {\n margin-top: 0.5em;\n }\n\n /* Estilo para os cabe\u00E7alhos */\n h1 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h2 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h3 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h4 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n }\n }\n\n svg {\n flex-shrink: 0;\n align-self: flex-start;\n }\n\n span {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n @media (max-width: 768px) {\n padding: 8px;\n margin: 8px 0;\n max-width: 80%;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n"], ["\n display: flex;\n align-items: flex-start;\n padding: 10px 15px;\n margin: 10px 0;\n max-width: 90%;\n border-radius: 16px;\n word-wrap: break-word;\n background-color: ", ";\n color: ", ";\n align-self: ", ";\n text-align: ", ";\n overflow-y: auto;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeIn 0.5s ease-out forwards;\n\n .icon-and-message {\n display: flex;\n align-items: center;\n gap: 8px;\n\n span {\n all: unset; /* Remove todas as heran\u00E7as */\n font-family: ", ";\n font-size: 1rem;\n line-height: 1.5;\n\n /* Estilo espec\u00EDfico para o primeiro par\u00E1grafo */\n p:first-child {\n margin-top: 0;\n margin-bottom: -8px;\n margin-left: 8px;\n display: inline-block;\n }\n\n /* Estilos globais para tags internas */\n & p,\n & strong,\n & em,\n & ul,\n & ol,\n & li,\n & h1,\n & h2,\n & h3,\n & h4 {\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n }\n\n strong {\n font-weight: bold;\n }\n\n em {\n font-style: italic;\n }\n\n ul,\n ol {\n padding-left: 1.5em;\n }\n\n li {\n margin-top: 0.5em;\n }\n\n /* Estilo para os cabe\u00E7alhos */\n h1 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h2 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h3 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n\n h4 {\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n }\n }\n }\n\n svg {\n flex-shrink: 0;\n align-self: flex-start;\n }\n\n span {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n @media (max-width: 768px) {\n padding: 8px;\n margin: 8px 0;\n max-width: 80%;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n"])), function (_a) {
|
|
41
80
|
var theme = _a.theme;
|
|
42
81
|
return theme.colors.white;
|
|
43
82
|
}, function (_a) {
|
|
44
83
|
var theme = _a.theme;
|
|
45
84
|
return theme.colors.cinzaEscuro;
|
|
46
|
-
}, function (props) { return (props.role === 'user' ? 'flex-end' : 'flex-start'); }, function (props) { return (props.role === 'user' ? 'right' : 'left'); })
|
|
85
|
+
}, function (props) { return (props.role === 'user' ? 'flex-end' : 'flex-start'); }, function (props) { return (props.role === 'user' ? 'right' : 'left'); }, function (_a) {
|
|
86
|
+
var theme = _a.theme;
|
|
87
|
+
return theme.typography.defaultFontFamily;
|
|
88
|
+
}, function (_a) {
|
|
89
|
+
var theme = _a.theme;
|
|
90
|
+
return theme.typography.headline24.fontSize;
|
|
91
|
+
}, function (_a) {
|
|
92
|
+
var theme = _a.theme;
|
|
93
|
+
return theme.typography.headline24.fontWeight;
|
|
94
|
+
}, function (_a) {
|
|
95
|
+
var theme = _a.theme;
|
|
96
|
+
return theme.typography.headline24.lineHeight;
|
|
97
|
+
}, function (_a) {
|
|
98
|
+
var theme = _a.theme;
|
|
99
|
+
return theme.typography.headline20.fontSize;
|
|
100
|
+
}, function (_a) {
|
|
101
|
+
var theme = _a.theme;
|
|
102
|
+
return theme.typography.headline20.fontWeight;
|
|
103
|
+
}, function (_a) {
|
|
104
|
+
var theme = _a.theme;
|
|
105
|
+
return theme.typography.headline20.lineHeight;
|
|
106
|
+
}, function (_a) {
|
|
107
|
+
var theme = _a.theme;
|
|
108
|
+
return theme.typography.headline16.fontSize;
|
|
109
|
+
}, function (_a) {
|
|
110
|
+
var theme = _a.theme;
|
|
111
|
+
return theme.typography.headline16.fontWeight;
|
|
112
|
+
}, function (_a) {
|
|
113
|
+
var theme = _a.theme;
|
|
114
|
+
return theme.typography.headline16.lineHeight;
|
|
115
|
+
}, function (_a) {
|
|
116
|
+
var theme = _a.theme;
|
|
117
|
+
return theme.typography.headline14.fontSize;
|
|
118
|
+
}, function (_a) {
|
|
119
|
+
var theme = _a.theme;
|
|
120
|
+
return theme.typography.headline14.fontWeight;
|
|
121
|
+
}, function (_a) {
|
|
122
|
+
var theme = _a.theme;
|
|
123
|
+
return theme.typography.headline14.lineHeight;
|
|
124
|
+
});
|
|
47
125
|
export var ChatInputContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n width: 100%;\n background-color: ", ";\n border-radius: 30px;\n padding: 8px;\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);\n\n @media (max-width: 768px) {\n margin-top: 15px;\n padding: 6px;\n border-radius: 20px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n width: 100%;\n background-color: ", ";\n border-radius: 30px;\n padding: 8px;\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);\n\n @media (max-width: 768px) {\n margin-top: 15px;\n padding: 6px;\n border-radius: 20px;\n }\n"])), function (_a) {
|
|
48
126
|
var theme = _a.theme;
|
|
49
127
|
return theme.colors.cinzaBackground;
|
package/dist/styles/theme.d.ts
CHANGED