@credithub/harlan-components 1.44.1 → 1.44.3
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/generativeAi.js +2 -2
- package/dist/components/dossie/generativeAi/styles.d.ts +1 -0
- package/dist/components/dossie/generativeAi/styles.js +17 -16
- package/dist/components/dossie/summary/cardsAndProducts.js +9 -1
- package/lib/cjs/index.js +28 -19
- package/lib/esm/index.js +28 -19
- package/package.json +1 -1
|
@@ -33,7 +33,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
|
33
33
|
import ReactMarkdown from 'react-markdown';
|
|
34
34
|
import { flattenData, selectRelevantData } from './dataUtils';
|
|
35
35
|
import { createQueryAndMessages } from './queryUtils';
|
|
36
|
-
import { BetaTag, ChatInput, ChatInputContainer, Container, ContainerInput, Header, HeaderContent, InitialMessageBox, InitialMessageContent, LoadingDots, Message, MessageHistory, SendButton, Title } from './styles';
|
|
36
|
+
import { BetaTag, ChatInput, ChatInputContainer, Container, ContainerInput, GenerativeAi, Header, HeaderContent, InitialMessageBox, InitialMessageContent, LoadingDots, Message, MessageHistory, SendButton, Title } from './styles';
|
|
37
37
|
var GenerativeAI = function (_a) {
|
|
38
38
|
var _b, _c, _d;
|
|
39
39
|
var documento = _a.documento;
|
|
@@ -224,7 +224,7 @@ var GenerativeAI = function (_a) {
|
|
|
224
224
|
handleSendMessage();
|
|
225
225
|
}
|
|
226
226
|
};
|
|
227
|
-
return (React.createElement(
|
|
227
|
+
return (React.createElement(GenerativeAi, null,
|
|
228
228
|
React.createElement(Header, null,
|
|
229
229
|
React.createElement(HeaderContent, null,
|
|
230
230
|
React.createElement("div", { className: "title-container" },
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export declare const GenerativeAi: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
1
2
|
export declare const BetaTag: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
2
3
|
export declare const dotFlashing: import("styled-components").Keyframes;
|
|
3
4
|
export declare const LoadingDots: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -3,11 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import styled, { keyframes } from 'styled-components';
|
|
6
|
-
export var
|
|
7
|
-
export var
|
|
8
|
-
export var
|
|
9
|
-
export var
|
|
10
|
-
export var
|
|
6
|
+
export var GenerativeAi = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @media print {\n display: none;\n }\n"], ["\n @media print {\n display: none;\n }\n"])));
|
|
7
|
+
export var BetaTag = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: #ffa726;\n color: white;\n padding: 2px 6px;\n border-radius: 6px;\n font-size: 0.65rem;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n margin-left: 6px;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease-in-out;\n height: 24px;\n &:hover {\n background-color: #fb8c00;\n transform: scale(1.03);\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n"], ["\n background-color: #ffa726;\n color: white;\n padding: 2px 6px;\n border-radius: 6px;\n font-size: 0.65rem;\n font-weight: bold;\n text-transform: uppercase;\n display: inline-block;\n margin-left: 6px;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease-in-out;\n height: 24px;\n &:hover {\n background-color: #fb8c00;\n transform: scale(1.03);\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n }\n"])));
|
|
8
|
+
export var dotFlashing = keyframes(templateObject_3 || (templateObject_3 = __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"])));
|
|
9
|
+
export var LoadingDots = styled.span(templateObject_4 || (templateObject_4 = __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);
|
|
10
|
+
export var InitialMessageBox = styled.div(templateObject_5 || (templateObject_5 = __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"])));
|
|
11
|
+
export var InitialMessageContent = styled.div(templateObject_6 || (templateObject_6 = __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
12
|
var theme = _a.theme;
|
|
12
13
|
return theme.typography.defaultFontFamily;
|
|
13
14
|
}, function (_a) {
|
|
@@ -62,21 +63,21 @@ export var InitialMessageContent = styled.div(templateObject_5 || (templateObjec
|
|
|
62
63
|
var theme = _a.theme;
|
|
63
64
|
return theme.typography.strong16.lineHeight;
|
|
64
65
|
});
|
|
65
|
-
export var Container = styled.div(
|
|
66
|
+
export var Container = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 20px;\n background-color: ", ";\n border-radius: 10px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n width: 100%;\n min-height: 425px;\n max-width: 800px;\n margin: 0 auto;\n\n @media (max-width: 768px) {\n padding: 10px;\n max-width: 100%;\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: 20px;\n background-color: ", ";\n border-radius: 10px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n width: 100%;\n min-height: 425px;\n max-width: 800px;\n margin: 0 auto;\n\n @media (max-width: 768px) {\n padding: 10px;\n max-width: 100%;\n }\n"])), function (_a) {
|
|
66
67
|
var theme = _a.theme;
|
|
67
68
|
return theme.colors.cinzaBackground;
|
|
68
69
|
});
|
|
69
|
-
export var Header = styled.div(
|
|
70
|
-
export var HeaderContent = styled.div(
|
|
71
|
-
export var Title = styled.h1(
|
|
70
|
+
export var Header = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n text-align: center;\n margin-bottom: 20px;\n\n @media (max-width: 768px) {\n margin-bottom: 10px;\n }\n"], ["\n text-align: center;\n margin-bottom: 20px;\n\n @media (max-width: 768px) {\n margin-bottom: 10px;\n }\n"])));
|
|
71
|
+
export var HeaderContent = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n\n .title-container {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n }\n\n button {\n position: absolute;\n right: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n\n .title-container {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n }\n\n button {\n position: absolute;\n right: 0;\n }\n"])));
|
|
72
|
+
export var Title = styled.h1(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n color: ", ";\n font-size: 1.5rem;\n\n @media (max-width: 768px) {\n font-size: 1.2rem;\n }\n"], ["\n color: ", ";\n font-size: 1.5rem;\n\n @media (max-width: 768px) {\n font-size: 1.2rem;\n }\n"])), function (_a) {
|
|
72
73
|
var theme = _a.theme;
|
|
73
74
|
return theme.colors.azulCredithub;
|
|
74
75
|
});
|
|
75
|
-
export var MessageHistory = styled.div(
|
|
76
|
+
export var MessageHistory = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n width: 99%;\n max-height: 300px;\n overflow-y: auto;\n border-radius: 8px;\n padding: 0 0 0 56px;\n max-width: 734px;\n background-color: ", ";\n\n @media (max-width: 768px) {\n max-height: 200px;\n padding: 8px;\n }\n"], ["\n width: 99%;\n max-height: 300px;\n overflow-y: auto;\n border-radius: 8px;\n padding: 0 0 0 56px;\n max-width: 734px;\n background-color: ", ";\n\n @media (max-width: 768px) {\n max-height: 200px;\n padding: 8px;\n }\n"])), function (_a) {
|
|
76
77
|
var theme = _a.theme;
|
|
77
78
|
return theme.colors.cinzaBackground;
|
|
78
79
|
});
|
|
79
|
-
export var Message = styled.div(
|
|
80
|
+
export var Message = styled.div(templateObject_12 || (templateObject_12 = __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) {
|
|
80
81
|
var theme = _a.theme;
|
|
81
82
|
return theme.colors.white;
|
|
82
83
|
}, function (_a) {
|
|
@@ -122,15 +123,15 @@ export var Message = styled.div(templateObject_11 || (templateObject_11 = __make
|
|
|
122
123
|
var theme = _a.theme;
|
|
123
124
|
return theme.typography.headline14.lineHeight;
|
|
124
125
|
});
|
|
125
|
-
export var ChatInputContainer = styled.div(
|
|
126
|
+
export var ChatInputContainer = styled.div(templateObject_13 || (templateObject_13 = __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) {
|
|
126
127
|
var theme = _a.theme;
|
|
127
128
|
return theme.colors.cinzaBackground;
|
|
128
129
|
});
|
|
129
|
-
export var ChatInput = styled.input(
|
|
130
|
+
export var ChatInput = styled.input(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n flex-grow: 1;\n border: none;\n padding: 10px;\n font-size: 1rem;\n border-radius: 20px;\n background-color: ", ";\n outline: none;\n margin-right: 10px;\n\n @media (max-width: 768px) {\n padding: 8px;\n font-size: 0.9rem;\n margin-right: 5px;\n }\n"], ["\n flex-grow: 1;\n border: none;\n padding: 10px;\n font-size: 1rem;\n border-radius: 20px;\n background-color: ", ";\n outline: none;\n margin-right: 10px;\n\n @media (max-width: 768px) {\n padding: 8px;\n font-size: 0.9rem;\n margin-right: 5px;\n }\n"])), function (_a) {
|
|
130
131
|
var theme = _a.theme;
|
|
131
132
|
return theme.colors.cinzaBackground;
|
|
132
133
|
});
|
|
133
|
-
export var SendButton = styled.button(
|
|
134
|
+
export var SendButton = styled.button(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n all: unset;\n width: 40px;\n height: 40px;\n background-color: ", ";\n color: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n transition: all 0.3s ease-in-out;\n\n &:hover {\n background-color: ", ";\n transform: scale(1.1);\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);\n }\n\n &:active {\n transform: scale(0.95);\n box-shadow: none;\n }\n\n @media (max-width: 768px) {\n width: 35px;\n height: 35px;\n font-size: 1.2rem;\n }\n"], ["\n all: unset;\n width: 40px;\n height: 40px;\n background-color: ", ";\n color: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n transition: all 0.3s ease-in-out;\n\n &:hover {\n background-color: ", ";\n transform: scale(1.1);\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);\n }\n\n &:active {\n transform: scale(0.95);\n box-shadow: none;\n }\n\n @media (max-width: 768px) {\n width: 35px;\n height: 35px;\n font-size: 1.2rem;\n }\n"])), function (_a) {
|
|
134
135
|
var theme = _a.theme;
|
|
135
136
|
return theme.colors.azulCredithub;
|
|
136
137
|
}, function (_a) {
|
|
@@ -140,8 +141,8 @@ export var SendButton = styled.button(templateObject_14 || (templateObject_14 =
|
|
|
140
141
|
var theme = _a.theme;
|
|
141
142
|
return theme.colors.azulApoio;
|
|
142
143
|
});
|
|
143
|
-
export var ContainerInput = styled.div(
|
|
144
|
+
export var ContainerInput = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n background-color: ", ";\n width: 100%;\n max-width: 820px;\n margin: 0 auto;\n\n @media (max-width: 768px) {\n padding: 10px;\n max-width: 100%;\n }\n\n @media print {\n display: none;\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px;\n background-color: ", ";\n width: 100%;\n max-width: 820px;\n margin: 0 auto;\n\n @media (max-width: 768px) {\n padding: 10px;\n max-width: 100%;\n }\n\n @media print {\n display: none;\n }\n"])), function (_a) {
|
|
144
145
|
var theme = _a.theme;
|
|
145
146
|
return theme.colors.white;
|
|
146
147
|
});
|
|
147
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
148
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
@@ -102,7 +102,15 @@ var useCardsAndProducts = function (_a) {
|
|
|
102
102
|
var _k = {
|
|
103
103
|
cards: [
|
|
104
104
|
{
|
|
105
|
-
title: getField('sexo', finderResponse, function (value) {
|
|
105
|
+
title: getField('sexo', finderResponse, function (value) {
|
|
106
|
+
return (isPF &&
|
|
107
|
+
(value === 'M'
|
|
108
|
+
? 'Masculino'
|
|
109
|
+
: value === 'F'
|
|
110
|
+
? 'Feminino'
|
|
111
|
+
: '')) ||
|
|
112
|
+
'';
|
|
113
|
+
}),
|
|
106
114
|
header: 'Sexo'
|
|
107
115
|
},
|
|
108
116
|
{
|