@credithub/harlan-components 1.36.8 → 1.37.3

package/dist/components/dominios/dominios.js

@@ -16,7 +16,6 @@ var Dominios = function () {
     return (React.createElement(Section, { ctx: ctx, title: "Dom\u00EDnios na Internet", subtitle: "Informa\u00E7\u00F5es de dom\u00EDnios na internet.", icon: DominiosIcon, onSuccess: function (document) {
             var children = document.length ? (React.createElement(Result, { resultContentStriped: false },
                 React.createElement(ResultContent, { desktop: "1fr 1fr 1fr", tablet: "1fr 1fr", mobile: "1fr 1fr" }, document.map(function (data, key) { return (React.createElement(AddItemField, { key: key, name: "Dom\u00EDnio", value: React.createElement(Link, { href: "https://www.".concat(data), target: "_blank", rel: "noreferrer" }, data) })); })))) : null;
-            console.log(document === null || document === void 0 ? void 0 : document.length);
             var description = (React.createElement(StatusMessage, { type: (document === null || document === void 0 ? void 0 : document.length) ? 'success' : 'default' }, document.length
                 ? document.length === 1
                     ? 'Foi encontrado 1 registro de domínio'

package/dist/components/dossie/dossie.js

@@ -28,6 +28,10 @@ import { Summary } from './summary/summary';
 import { TransactionsTable } from './transactionTable/transactionTable';
 var DossieContent = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  justify-items: center;\n  align-items: flex-start;\n  margin-bottom: 20px;\n  gap: 20px;\n\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  justify-items: center;\n  align-items: flex-start;\n  margin-bottom: 20px;\n  gap: 20px;\n\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])));
 var DossieContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0px 70px;\n\n  @media (max-width: 1000px) {\n    padding: 0px 30px;\n  }\n"], ["\n  padding: 0px 70px;\n\n  @media (max-width: 1000px) {\n    padding: 0px 30px;\n  }\n"])));
+var LlamaContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 32px;\n  background-color: ", ";\n"], ["\n  padding: 32px;\n  background-color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white;
+});
 var Dossie = function (_a) {
     var documento = _a.documento;
     var ctx = useContext(Queries.Finder);
@@ -60,13 +64,14 @@ var Dossie = function (_a) {
         var DossieCarrousel = function () {
             return !isPF ? (React.createElement(ReclameAquiCarousel, { documento: document, nome: name })) : (React.createElement(Carrousel, { name: name, document: document }));
         };
-        return (React.createElement(DossieContainer, null,
-            React.createElement(DossieContent, null,
-                React.createElement(DossieCarrousel, null),
-                React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse, document: document })),
-            React.createElement(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) || [] })));
+        return (React.createElement(React.Fragment, null,
+            React.createElement(DossieContainer, null,
+                React.createElement(DossieContent, null,
+                    React.createElement(DossieCarrousel, null),
+                    React.createElement(Summary, { finderResponse: data, rfbResponse: rfbResponse, document: document })),
+                React.createElement(TransactionsTable, { events: XPathUtils.select('//historico/consulta', data) || [] }))));
     };
     return (React.createElement(Section, { ctx: ctx, hideHeader: true, minimized: false, isError: function (e) { return response(e); }, onSuccess: response }));
 };
 export default Dossie;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/dossie/llama/llama.js

@@ -0,0 +1,157 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import StatusMessage from '../../../components/interface/statusMessage';
+import { useQuery } from '../../../components/webservice';
+import { useGlobalData } from '../../../contexts/globalDataContext';
+import React, { useEffect, useMemo, useState } from 'react';
+import { ChatInput, ChatInputContainer, Container, ContainerInput, Header, InitialMessageBox, InitialMessageContent, Message, MessageHistory, SendButton, Title } from './styles';
+var isValidLlamaApiResponse = function (response) {
+    return (response &&
+        typeof response === 'object' &&
+        response.document &&
+        typeof response.document.messages === 'string');
+};
+function safeStringify(obj) {
+    var seen = new WeakSet();
+    return JSON.stringify(obj, function (_, value) {
+        if (typeof value === 'object' && value !== null) {
+            if (seen.has(value)) {
+                return;
+            }
+            seen.add(value);
+        }
+        return value;
+    });
+}
+var selectRelevantData = function (data, documento) {
+    var protestos = data.protestos, ultimoRegistroCCF = data.ultimoRegistroCCF, ccf = data.ccf, dividasPublicas = data.dividasPublicas, processosJuridicos = data.processosJuridicos, bankAccounts = data.bankAccounts, ccfData = data.ccfData, divida = data.divida, dossie = data.dossie, imoveis = data.imoveis, liminar = data.liminar, partners = data.partners, pepData = data.pepData, processosJuridicosData = data.processosJuridicosData, protestosData = data.protestosData, reclameAqui = data.reclameAqui, refinBoaVista = data.refinBoaVista, refinSerasa = data.refinSerasa, scoreData = data.scoreData, scr = data.scr, veiculos = data.veiculos;
+    return {
+        documento: documento,
+        protestos: protestos,
+        ultimoRegistroCCF: ultimoRegistroCCF,
+        ccf: ccf,
+        dividasPublicas: dividasPublicas,
+        processosJuridicos: processosJuridicos,
+        bankAccounts: bankAccounts,
+        ccfData: ccfData,
+        divida: divida,
+        dossie: dossie,
+        imoveis: imoveis,
+        liminar: liminar,
+        partners: partners,
+        pepData: pepData,
+        processosJuridicosData: processosJuridicosData,
+        protestosData: protestosData,
+        reclameAqui: reclameAqui,
+        refinBoaVista: refinBoaVista,
+        refinSerasa: refinSerasa,
+        scoreData: scoreData,
+        scr: scr,
+        veiculos: veiculos
+    };
+};
+function flattenData(data) {
+    // Declara o tipo do objeto flattened como { [key: string]: any }
+    var flattened = {};
+    for (var key in data) {
+        if (typeof data[key] === 'object' && !Array.isArray(data[key])) {
+            for (var innerKey in data[key]) {
+                flattened["".concat(key, "_").concat(innerKey)] = data[key][innerKey];
+            }
+        }
+        else {
+            flattened[key] = data[key];
+        }
+    }
+    return safeStringify(flattened);
+}
+var createQueryAndMessages = function (relevantData, messageHistory, extraMessage) {
+    var baseMessages = __spreadArray([
+        {
+            role: 'system',
+            content: 'Você é um assistente financeiro especializado em análise de crédito. Sua tarefa é fornecer um alerta claro e direto sobre a existência de protestos, processos judiciais e outros problemas financeiros da empresa, sempre priorizando informações mais relevantes.'
+        },
+        {
+            role: 'user',
+            content: "\n        Esse dossi\u00EA inclui informa\u00E7\u00F5es financeiras e jur\u00EDdicas importantes. Sua tarefa \u00E9:\n        1. Informar se h\u00E1 protestos, processos judiciais ou outros problemas financeiros.\n        2. Priorizar informa\u00E7\u00F5es sobre processos judiciais, caso existam, e em seguida mencionar protestos.\n        3. N\u00E3o repetir informa\u00E7\u00F5es irrelevantes como valores ou detalhes n\u00E3o essenciais.\n        4. Manter o resumo curto, focando apenas em pontos cr\u00EDticos para a an\u00E1lise de cr\u00E9dito, com no m\u00E1ximo 300 caracteres.\n        5. N\u00E3o precisa falar sobre o que tem nos dados, o que dados incluem.\n\n        Aqui est\u00E3o os dados da empresa: ".concat(relevantData, ".\n\n        Responda em portugu\u00EAs de forma objetiva, com foco em informa\u00E7\u00F5es cr\u00EDticas e evitando linguagem t\u00E9cnica. Construa a resposta com a\n        seguinte estrutura: Esse dossie tem alguns problemas com processos juridiciais relacionados a credito e trabalhistas, bem como protestos, tenha cuidado.\n        A estrutura que apresentei \u00E9 meramente ilustrativa n\u00E3o se restrinja, apenas uma ideia para se guiar.\n        ").concat(extraMessage || '', "\n      ")
+        }
+    ], messageHistory, true);
+    return {
+        model: 'llama3',
+        messages: JSON.stringify(baseMessages)
+    };
+};
+var Llama = function (_a) {
+    var documento = _a.documento;
+    var globalData = useGlobalData().data;
+    var _b = useState('{}'), serializedData = _b[0], setSerializedData = _b[1];
+    var _c = useState(false), queryEnabled = _c[0], setQueryEnabled = _c[1];
+    var _d = useState(''), userInput = _d[0], setUserInput = _d[1];
+    var _e = useState([]), messageHistory = _e[0], setMessageHistory = _e[1];
+    var _f = useState(''), initialMessage = _f[0], setInitialMessage = _f[1];
+    useEffect(function () {
+        if (globalData && documento) {
+            try {
+                var relevantData = selectRelevantData(globalData, documento);
+                var serialized = flattenData(relevantData);
+                setSerializedData(serialized);
+                setQueryEnabled(true);
+            }
+            catch (error) {
+                console.error('Erro ao preparar os dados para a API:', error);
+                setSerializedData('{}');
+                setQueryEnabled(false);
+            }
+        }
+    }, [documento, globalData]);
+    var queryData = useMemo(function () {
+        if (!queryEnabled || !serializedData || serializedData === '{}')
+            return undefined;
+        return createQueryAndMessages(serializedData, []);
+    }, [queryEnabled, serializedData]);
+    var _g = useQuery("SELECT FROM 'LlamaApi'.'Consulta'", queryData, !!queryData), response = _g.response, error = _g.error, isLoading = _g.isLoading, refetch = _g.refetch;
+    useEffect(function () {
+        var _a;
+        if (response && !isLoading && !error) {
+            if (isValidLlamaApiResponse(response) && ((_a = response.document) === null || _a === void 0 ? void 0 : _a.messages)) {
+                setInitialMessage(response.document.messages || 'Resumo não disponível');
+            }
+            else {
+                setInitialMessage('Resumo não disponível');
+            }
+        }
+    }, [response, isLoading, error]);
+    var handleSendMessage = function () {
+        if (userInput.trim()) {
+            setMessageHistory(function (prevMessages) { return __spreadArray(__spreadArray([], prevMessages, true), [
+                { role: 'user', content: userInput }
+            ], false); });
+            setUserInput('');
+            refetch();
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Container, null,
+            React.createElement(Header, null,
+                React.createElement(Title, null, "Assistente artificial de an\u00E1lise de cr\u00E9dito")),
+            error && (React.createElement("div", null,
+                React.createElement(StatusMessage, { type: "error" },
+                    "Erro ao realizar a an\u00E1lise: ",
+                    error.message))),
+            React.createElement(InitialMessageBox, null,
+                React.createElement(InitialMessageContent, null, initialMessage || 'Pensando...')),
+            React.createElement(MessageHistory, null, messageHistory.map(function (msg, index) { return (React.createElement(Message, { key: index, role: msg.role }, msg.content)); }))),
+        React.createElement(ContainerInput, null,
+            React.createElement(ChatInputContainer, null,
+                React.createElement(ChatInput, { type: "text", placeholder: "Digite o que deseja saber sobre esse dossi\u00EA", value: userInput, onChange: function (e) { return setUserInput(e.target.value); } }),
+                React.createElement(SendButton, { onClick: handleSendMessage })))));
+};
+export default Llama;

package/dist/components/dossie/llama/styles.d.ts

@@ -0,0 +1,13 @@
+export declare const InitialMessageBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InitialMessageContent: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
+export declare const MessageHistory: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    role: string;
+}, never>;
+export declare const ChatInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChatInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const SendButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContainerInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/dossie/llama/styles.js

@@ -0,0 +1,42 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+// Estilo da caixa de mensagem inicial
+export var InitialMessageBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 20px;\n  width: 100%;\n"], ["\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 20px;\n  width: 100%;\n"])));
+export var InitialMessageContent = styled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 1rem;\n  color: ", ";\n  line-height: 1.5;\n\n  @media (max-width: 768px) {\n    font-size: 0.9rem;\n  }\n"], ["\n  font-size: 1rem;\n  color: ", ";\n  line-height: 1.5;\n\n  @media (max-width: 768px) {\n    font-size: 0.9rem;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulApoio;
+});
+export var Container = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\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  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: center;\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  max-width: 800px;\n  margin: 0 auto;\n\n  @media (max-width: 768px) {\n    padding: 10px;\n    max-width: 100%;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaBackground;
+});
+export var Header = styled.div(templateObject_4 || (templateObject_4 = __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"])));
+export var Title = styled.h1(templateObject_5 || (templateObject_5 = __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) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
+export var MessageHistory = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  border-radius: 8px;\n\n  @media (max-width: 768px) {\n    max-height: 200px;\n    padding: 8px;\n  }\n"], ["\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n  border-radius: 8px;\n\n  @media (max-width: 768px) {\n    max-height: 200px;\n    padding: 8px;\n  }\n"])));
+export var Message = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: 10px;\n  margin: 10px 0;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 8px;\n  text-align: ", ";\n\n  @media (max-width: 768px) {\n    padding: 8px;\n    margin: 8px 0;\n  }\n"], ["\n  padding: 10px;\n  margin: 10px 0;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 8px;\n  text-align: ", ";\n\n  @media (max-width: 768px) {\n    padding: 8px;\n    margin: 8px 0;\n  }\n"])), function (props) { return (props.role === 'user' ? '#007bff' : '#f1f1f1'); }, function (props) { return (props.role === 'user' ? '#fff' : '#000'); }, function (props) { return (props.role === 'user' ? 'right' : 'left'); });
+export var ChatInputContainer = styled.div(templateObject_8 || (templateObject_8 = __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) {
+    var theme = _a.theme;
+    return theme.colors.cinzaBackground;
+});
+export var ChatInput = styled.input(templateObject_9 || (templateObject_9 = __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) {
+    var theme = _a.theme;
+    return theme.colors.cinzaBackground;
+});
+export var SendButton = styled.button(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\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\n  @media (max-width: 768px) {\n    width: 35px;\n    height: 35px;\n    font-size: 1.2rem;\n  }\n"], ["\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\n  @media (max-width: 768px) {\n    width: 35px;\n    height: 35px;\n    font-size: 1.2rem;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white;
+});
+export var ContainerInput = styled.div(templateObject_11 || (templateObject_11 = __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  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"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white;
+});
+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/styles/theme.d.ts

@@ -15,6 +15,7 @@ declare const theme: {
         positivoClaro: string;
         cinzaClaro: string;
         cinzaBase: string;
+        cinzaBackground: string;
         cinzaEscuro: string;
         prata: string;
         likeButton: string;

package/dist/styles/theme.js

@@ -15,6 +15,7 @@ var theme = {
         positivoClaro: 'rgba(150, 219, 120, 1)',
         cinzaClaro: 'rgba(209, 209, 209, 1)',
         cinzaBase: 'rgba(245, 245, 245, 1)',
+        cinzaBackground: '#efefef',
         cinzaEscuro: 'rgba(53, 53, 53, 1)',
         prata: 'rgba(121, 129, 125, 1)',
         likeButton: '#007aff',