@credithub/harlan-components 1.32.0 → 1.34.0

package/dist/components/protestos/protestos.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -23,63 +22,79 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatDatePtBrToDate } from '../../utils/date';
 import { extractIntegerFromText } from '../../utils/number';
 import XPathUtils from '../../utils/xpath';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import StatusMessage from '../interface/statusMessage';
-import { Queries } from '../webservice';
+import { Section } from '../section';
+import { Queries, RequestStatus } from '../webservice';
 import ProtestosCategory from './protestosCategory';
 import { ProtestoItem } from './protestosList';
-var ResultProtestos = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n\n  flex-direction: column;\n\n  row-gap: 20px;\n\n  margin-top: 20px;\n"], ["\n  display: flex;\n\n  flex-direction: column;\n\n  row-gap: 20px;\n\n  margin-top: 20px;\n"])));
+var ResultProtestos = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 20px;\n  margin-top: 20px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  row-gap: 20px;\n  margin-top: 20px;\n"])));
 var Protestos = function () {
     var ctx = useContext(Queries.Protestos);
-    var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
-    var filterProtestos = function (regex, data) {
-        return XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
-            return regex.test(XPathUtils.select('string(./nomeCedente)', protesto));
-        });
-    };
-    return (React.createElement(Section, { ctx: ctx, title: "Apontamentos na Central de Protestos (CENPROT)", subtitle: "Consulta de protestos de cr\u00E9dito, imposto e gerais.", icon: ProtestosIcon, onSuccess: function (data) {
-            var byDate = function (protesto, protesto2) {
-                var _a, _b;
-                return ((_a = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto2))) === null || _a === void 0 ? void 0 : _a.getTime()) -
-                    ((_b = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto))) === null || _b === void 0 ? void 0 : _b.getTime());
-            };
+    useEffect(function () {
+        if (ctx.type !== RequestStatus.Success || dataUpdated || !ctx.document) {
+            return;
+        }
+        var data = ctx.document;
+        var byDate = function (protesto, protesto2) {
+            var _a, _b;
+            return (((_a = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto2))) === null || _a === void 0 ? void 0 : _a.getTime()) || 0) -
+                (((_b = formatDatePtBrToDate(XPathUtils.select('string(./dataProtesto)', protesto))) === null || _b === void 0 ? void 0 : _b.getTime()) || 0);
+        };
+        var registrosText = XPathUtils.select('string(//registros)', data);
+        var registros = extractIntegerFromText(registrosText);
+        var filterProtestos = function (regex, data) {
+            return XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
+                return regex.test(XPathUtils.select('string(./nomeCedente)', protesto));
+            });
+        };
+        var protestosDeCredito = filterProtestos(REGEX_PROTESTOS_DE_CREDITO, data).sort(byDate);
+        var protestosDeImposto = filterProtestos(REGEX_PROTESTOS_DE_IMPOSTO, data).sort(byDate);
+        var protestosGerais = XPathUtils.selectArray('//body//protesto', data)
+            .filter(function (protesto) {
+            var nomeCedente = XPathUtils.select('string(./nomeCedente)', protesto);
+            return (!REGEX_PROTESTOS_DE_IMPOSTO.test(nomeCedente) &&
+                !REGEX_PROTESTOS_DE_CREDITO.test(nomeCedente));
+        })
+            .sort(byDate);
+        var protestosState = {
+            protestosDeCredito: protestosDeCredito,
+            protestosDeImposto: protestosDeImposto,
+            protestosGerais: protestosGerais,
+            totalProtestos: registros
+        };
+        setData(function (prevState) { return (__assign(__assign({}, prevState), { protestos: registros, protestosData: protestosState })); });
+        setDataUpdated(true);
+    }, [ctx, setData, dataUpdated]);
+    return (React.createElement(Section, { ctx: __assign(__assign({}, ctx), { progress: ctx.progress }), title: "Apontamentos na Central de Protestos (CENPROT)", subtitle: "Consulta de protestos de cr\u00E9dito, imposto e gerais.", icon: ProtestosIcon, onSuccess: function (data) {
             var registrosText = XPathUtils.select('string(//registros)', data);
             var registros = extractIntegerFromText(registrosText);
-            setData(function (prevState) { return (__assign(__assign({}, prevState), { protestos: registros })); });
-            var protestosDeCredito = filterProtestos(REGEX_PROTESTOS_DE_CREDITO, data).sort(byDate);
-            var protestosDeImposto = filterProtestos(REGEX_PROTESTOS_DE_IMPOSTO, data).sort(byDate);
-            var protestosGerais = XPathUtils.selectArray('//body//protesto', data)
-                .filter(function (protesto) {
+            var protestosDeCredito = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
+                return REGEX_PROTESTOS_DE_CREDITO.test(XPathUtils.select('string(./nomeCedente)', protesto));
+            });
+            var protestosDeImposto = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
+                return REGEX_PROTESTOS_DE_IMPOSTO.test(XPathUtils.select('string(./nomeCedente)', protesto));
+            });
+            var protestosGerais = XPathUtils.selectArray('//body//protesto', data).filter(function (protesto) {
                 var nomeCedente = XPathUtils.select('string(./nomeCedente)', protesto);
                 return (!REGEX_PROTESTOS_DE_IMPOSTO.test(nomeCedente) &&
                     !REGEX_PROTESTOS_DE_CREDITO.test(nomeCedente));
-            })
-                .sort(byDate);
-            if (!dataUpdated) {
-                var protestosState_1 = {
-                    protestosDeCredito: protestosDeCredito,
-                    protestosDeImposto: protestosDeImposto,
-                    protestosGerais: protestosGerais,
-                    totalProtestos: registros
-                };
-                setData(function (prevState) { return (__assign(__assign({}, prevState), { protestosData: protestosState_1 })); });
-                setDataUpdated(true);
-            }
+            });
             var elements = [
                 {
-                    total: protestosDeCredito === null || protestosDeCredito === void 0 ? void 0 : protestosDeCredito.length,
-                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Protestos de cr\u00E9dito em geral.", registros: protestosDeCredito === null || protestosDeCredito === void 0 ? void 0 : protestosDeCredito.length, icon: ProtestosCreditoIcon }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
+                    total: protestosDeCredito.length,
+                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Cr\u00E9dito", subtitle: "Protestos de cr\u00E9dito em geral.", registros: protestosDeCredito.length, icon: ProtestosCreditoIcon }, protestosDeCredito.map(function (protesto, i) { return (React.createElement(ProtestoItem, { protesto: protesto, key: i })); })))
                 },
                 {
-                    total: protestosDeImposto === null || protestosDeImposto === void 0 ? void 0 : protestosDeImposto.length,
-                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Protestos de impostos federais, estaduais e municipais.", registros: protestosDeImposto === null || protestosDeImposto === void 0 ? void 0 : protestosDeImposto.length, icon: ProtestosImpostosIcon }, protestosDeImposto.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
+                    total: protestosDeImposto.length,
+                    element: (React.createElement(ProtestosCategory, { title: "Protestos de Imposto", subtitle: "Protestos de impostos federais, estaduais e municipais.", registros: protestosDeImposto.length, icon: ProtestosImpostosIcon }, protestosDeImposto.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
                 },
                 {
-                    total: protestosGerais === null || protestosGerais === void 0 ? void 0 : protestosGerais.length,
-                    element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais === null || protestosGerais === void 0 ? void 0 : protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
+                    total: protestosGerais.length,
+                    element: (React.createElement(ProtestosCategory, { title: "Protestos Gerais", subtitle: "Protestos de outros tipos.", registros: protestosGerais.length, icon: ProtestosGeraisIcon }, protestosGerais.map(function (protestoElement, index) { return (React.createElement(ProtestoItem, { protesto: protestoElement, key: index })); })))
                 }
             ].sort(function (a, b) { return b.total - a.total; });
             var children = registros ? (React.createElement(ResultProtestos, null, elements.map(function (_a) {

package/dist/components/refinBoaVista/refinBoaVista.js

@@ -16,17 +16,17 @@ import { addNoValueContent } from '../../utils/string';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 function useRefinBoaVista(documento) {
     var _a;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var setData = useGlobalData().setData;
     var _b = useState(false), dataUpdated = _b[0], setDataUpdated = _b[1];
     var _c = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _c.consultasComplementares, setConsultasComplementares = _c.setConsultasComplementares;
-    var _d = useQuery("SELECT FROM 'PROTESTOS'.'REFIN'", { documento: documento }, !!((_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _a === void 0 ? void 0 : _a.consultaRealizada)), response = _d.response, isLoading = _d.isLoading, error = _d.error;
+    var _d = useQuery("SELECT FROM 'PROTESTOS'.'REFIN'", { documento: documento }, !!((_a = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinBoaVista) === null || _a === void 0 ? void 0 : _a.consultaRealizada)), response = _d.response, isLoading = _d.isLoading, error = _d.error, loadingProgress = _d.loadingProgress;
     var pendencias = useMemo(function () {
         var _a;
         if ((_a = response === null || response === void 0 ? void 0 : response.document) === null || _a === void 0 ? void 0 : _a.spc) {
@@ -51,30 +51,40 @@ function useRefinBoaVista(documento) {
             setDataUpdated(true);
         }
     }, [response, dataUpdated, setData, setConsultasComplementares]);
-    return { isLoading: isLoading, error: error, pendencias: pendencias, consultaRealizada: !!response };
+    return {
+        isLoading: isLoading,
+        error: error,
+        pendencias: pendencias,
+        consultaRealizada: !!response,
+        loadingProgress: loadingProgress
+    };
 }
 function RefinBoaVista(_a) {
     var documento = _a.documento;
     var refinBoaVistaRef = useRef(null);
-    var _b = useRefinBoaVista(documento), isLoading = _b.isLoading, error = _b.error, pendencias = _b.pendencias, consultaRealizada = _b.consultaRealizada;
+    var _b = useRefinBoaVista(documento), isLoading = _b.isLoading, error = _b.error, pendencias = _b.pendencias, consultaRealizada = _b.consultaRealizada, loadingProgress = _b.loadingProgress;
     useEffect(function () {
         var _a;
         (_a = refinBoaVistaRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
     }, [consultaRealizada]);
-    var statusType = pendencias.length > 0 ? 'success' : 'default';
-    var variant = isLoading
-        ? 'loading'
-        : error
-            ? 'error'
-            : 'default';
     var description = pendencias.length
         ? "Foram encontrados ".concat(pendencias.length, " ocorr\u00EAncias")
         : 'Nenhuma ocorrência encontrada';
     if (!consultaRealizada)
         return null;
-    return (React.createElement("div", null,
-        React.createElement(Header, { innerRef: refinBoaVistaRef, title: "Restri\u00E7\u00F5es Pefin/Refin Boa Vista", subtitle: "Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais", variant: variant, description: React.createElement(StatusMessage, { type: statusType }, error ? error.message : description), icon: PefinRefinBoaVistaIcon }),
-        pendencias.length > 0 && (React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+    return (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: pendencias,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Restri\u00E7\u00F5es Pefin/Refin Boa Vista", subtitle: "Apontamentos e Restri\u00E7\u00F5es Financeiras e Comerciais", icon: PefinRefinBoaVistaIcon, description: !error && (React.createElement(StatusMessage, { type: pendencias.length ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Associado", value: pendencia.NomeAssociado }),
             React.createElement(AddItemField, { name: "Valor", value: pendencia.Valor && !isNaN(parseFloat(pendencia.Valor))
                     ? "".concat(formatMoney(parseFloat(pendencia.Valor)))
@@ -86,6 +96,12 @@ function RefinBoaVista(_a) {
             React.createElement(AddItemField, { name: "Comprador, Fiador ou Avalista", value: pendencia.CompradorFiadorAvalista }),
             React.createElement(AddItemField, { name: "Telefone Associado", value: pendencia.TelefoneAssociado }),
             React.createElement(AddItemField, { name: "Cidade Associado", value: pendencia.CidadeAssociado }),
-            React.createElement(AddItemField, { name: "UF Associado", value: pendencia.UfAssociado }))); })))));
+            React.createElement(AddItemField, { name: "UF Associado", value: pendencia.UfAssociado }))); }))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } }));
 }
 export default RefinBoaVista;

package/dist/components/refinSerasa/refinSerasa.js

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import PefinRefinSerasaIcon from '../../assets/icones/pefinRefinSerasa';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import { formatMoney } from '../../utils/number';
@@ -27,10 +16,10 @@ import { addNoValueContent } from '../../utils/string';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 var RefinSerasa = function (_a) {
     var _b, _c, _d, _e;
     var documento = _a.documento;
@@ -39,7 +28,7 @@ var RefinSerasa = function (_a) {
     var _f = useState(false), dataUpdated = _f[0], setDataUpdated = _f[1];
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var _g = consultasComplementaresContext !== null && consultasComplementaresContext !== void 0 ? consultasComplementaresContext : {}, consultasComplementares = _g.consultasComplementares, setConsultasComplementares = _g.setConsultasComplementares;
-    var _h = useQuery("SELECT FROM 'PROTESTOS'.'SERASA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _h.response, isLoading = _h.isLoading, error = _h.error;
+    var _h = useQuery("SELECT FROM 'PROTESTOS'.'SERASA'", { documento: documento }, !!((_b = consultasComplementares === null || consultasComplementares === void 0 ? void 0 : consultasComplementares.refinSerasa) === null || _b === void 0 ? void 0 : _b.consultaRealizada)), response = _h.response, isLoading = _h.isLoading, error = _h.error, loadingProgress = _h.loadingProgress;
     var clearValue = function (value) {
         var semPontos = value === null || value === void 0 ? void 0 : value.replace(/\./g, '');
         return semPontos === null || semPontos === void 0 ? void 0 : semPontos.replace(',', '.');
@@ -77,32 +66,24 @@ var RefinSerasa = function (_a) {
         }
     }, [response, dataUpdated, setData]);
     var valorTotalPendenciasFinanceiras = (((_e = (_d = response === null || response === void 0 ? void 0 : response.document) === null || _d === void 0 ? void 0 : _d.informacoes) === null || _e === void 0 ? void 0 : _e[0]) || {}).valorTotalPendenciasFinanceiras;
-    return consultaRefinRealizada ? (React.createElement(React.Fragment, null,
-        React.createElement(PendenciasList, { title: "Pefin/Refin e Contratos Vencidos Serasa", subtitle: "Confira as Pend\u00EAncias Financeiras deste documento", pendencias: pendencias, valorTotal: valorTotalPendenciasFinanceiras, innerRef: refinSerasaRef, isLoading: isLoading, error: error }))) : null;
-};
-var PendenciasList = function (_a) {
-    var isLoading = _a.isLoading, error = _a.error, pendencias = _a.pendencias, valorTotal = _a.valorTotal, headerProps = __rest(_a, ["isLoading", "error", "pendencias", "valorTotal"]);
-    var valorTotalSeguro = valorTotal !== null && valorTotal !== void 0 ? valorTotal : 0;
-    var totalFormatado = formatMoney(valorTotal === null || valorTotal === void 0 ? void 0 : valorTotal.toString().replace(',', '.'));
     var description = pendencias.length === 0
         ? 'Nenhuma ocorrência encontrada'
         : pendencias.length === 1
-            ? 'Foi encontrada 1 ocorrência' +
-                (valorTotalSeguro > 0 ? " no valor de ".concat(totalFormatado) : '')
-            : "Foram encontradas ".concat(pendencias.length, " ocorr\u00EAncias") +
-                (valorTotalSeguro > 0 ? " no valor de ".concat(totalFormatado) : '');
-    var statusType = error
-        ? 'error'
-        : pendencias.length === 0
-            ? 'success'
-            : 'error';
-    return (React.createElement("div", null,
-        React.createElement(Header, __assign({ variant: isLoading
-                ? 'loading'
-                : error || pendencias.length
-                    ? 'error'
-                    : 'default', description: React.createElement(StatusMessage, { type: statusType }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: PefinRefinSerasaIcon }, headerProps)),
-        React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+            ? "Foi encontrada 1 ocorr\u00EAncia".concat(valorTotalPendenciasFinanceiras ? " no valor de ".concat(formatMoney(valorTotalPendenciasFinanceiras)) : '')
+            : "Foram encontradas ".concat(pendencias.length, " ocorr\u00EAncias").concat(valorTotalPendenciasFinanceiras ? " no valor de ".concat(formatMoney(valorTotalPendenciasFinanceiras)) : '');
+    return consultaRefinRealizada ? (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: response === null || response === void 0 ? void 0 : response.document,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Pefin/Refin e Contratos Vencidos Serasa", subtitle: "Confira as Pend\u00EAncias Financeiras deste documento", icon: PefinRefinSerasaIcon, description: !error && (React.createElement(StatusMessage, { type: pendencias.length === 0 ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, pendencias.map(function (pendencia, i) { return (React.createElement(ResultContent, { key: i, desktop: "repeat(5, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Tipo de Ocorr\u00EAncia", value: pendencia.ocorrencia }),
             React.createElement(AddItemField, { name: "Credor", value: pendencia.credor }),
             React.createElement(AddItemField, { name: "Data de Entrada", value: pendencia.entrada }),
@@ -117,6 +98,12 @@ var PendenciasList = function (_a) {
             React.createElement(AddItemField, { name: "Org\u00E3o Emissor", value: pendencia.orgaoemissor }),
             React.createElement(AddItemField, { name: "Total de Pend\u00EAncias", value: pendencia.totalpendencias }),
             React.createElement(AddItemField, { name: "Valor Total", value: pendencia.totalvalor }),
-            React.createElement(AddItemField, { name: "Categoria", value: pendencia.categoria }))); }))));
+            React.createElement(AddItemField, { name: "Categoria", value: pendencia.categoria }))); }))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } })) : null;
 };
 export default RefinSerasa;

package/dist/components/score/scoreService.js

@@ -14,17 +14,17 @@ import { useGlobalData } from '../../contexts/globalDataContext';
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import AddItemField from '../common/addItem';
 import { ConsultasComplementaresContext } from '../consultasComplementares';
-import Header from '../interface/header';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import { useQuery } from '../webservice';
+import { Section } from '../section';
+import { RequestStatus, useQuery } from '../webservice';
 var ConsultaScore = function (_a) {
     var _b, _c, _d, _e, _f;
     var documento = _a.documento;
     var consultasComplementaresContext = useContext(ConsultasComplementaresContext);
     var setData = useGlobalData().setData;
     var _g = useState(false), dataUpdated = _g[0], setDataUpdated = _g[1];
-    var _h = useQuery("SELECT FROM 'SPCNet'.'ScoreBoaVista'", { documento: documento }, (_c = (_b = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _b === void 0 ? void 0 : _b.scoreBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada), response = _h.response, isLoading = _h.isLoading, error = _h.error;
+    var _h = useQuery("SELECT FROM 'SPCNet'.'ScoreBoaVista'", { documento: documento }, (_c = (_b = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _b === void 0 ? void 0 : _b.scoreBoaVista) === null || _c === void 0 ? void 0 : _c.consultaRealizada), response = _h.response, isLoading = _h.isLoading, error = _h.error, loadingProgress = _h.loadingProgress;
     var scoreData = (_d = response === null || response === void 0 ? void 0 : response.document) === null || _d === void 0 ? void 0 : _d.score[0];
     var scoreRef = useRef(null);
     var consultaRefinRealizada = useMemo(function () {
@@ -33,11 +33,9 @@ var ConsultaScore = function (_a) {
     }, [
         (_f = (_e = consultasComplementaresContext === null || consultasComplementaresContext === void 0 ? void 0 : consultasComplementaresContext.consultasComplementares) === null || _e === void 0 ? void 0 : _e.scoreBoaVista) === null || _f === void 0 ? void 0 : _f.consultaRealizada
     ]);
-    var description = error
-        ? error.message
-        : scoreData
-            ? "Score: ".concat(scoreData.score)
-            : 'Nenhuma informação de score disponível para este documento.';
+    var description = scoreData
+        ? "Score: ".concat(scoreData.score)
+        : 'Nenhuma informação de score disponível para este documento.';
     useEffect(function () {
         var _a;
         (_a = scoreRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
@@ -50,16 +48,32 @@ var ConsultaScore = function (_a) {
             setDataUpdated(true);
         }
     }, [consultaRefinRealizada, response, dataUpdated, setData]);
-    return consultaRefinRealizada ? (React.createElement("div", null,
-        React.createElement(Header, { innerRef: scoreRef, title: "Score Boa Vista", subtitle: "Consulta de Score", variant: isLoading ? 'loading' : error ? 'error' : 'default', description: React.createElement(StatusMessage, { type: error ? 'error' : scoreData ? 'success' : 'default' }, (error === null || error === void 0 ? void 0 : error.message) || description), icon: ScoreBoaVistaIcon }),
-        React.createElement(Result, null, scoreData && (React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
+    return consultaRefinRealizada ? (React.createElement(Section, { ctx: {
+            type: isLoading
+                ? RequestStatus.Loading
+                : error
+                    ? RequestStatus.Error
+                    : RequestStatus.Success,
+            error: error || null,
+            response: undefined,
+            document: response === null || response === void 0 ? void 0 : response.document,
+            refetch: function () { },
+            Section: Section,
+            progress: loadingProgress
+        }, title: "Score Boa Vista", subtitle: "Consulta de Score", icon: ScoreBoaVistaIcon, description: !error && (React.createElement(StatusMessage, { type: scoreData ? 'success' : 'default' }, description)), onSuccess: function () { return (React.createElement(Result, null, scoreData && (React.createElement(ResultContent, { desktop: "repeat(4, 1fr)", tablet: "repeat(3, 1fr)", mobile: "1fr 1fr" },
             React.createElement(AddItemField, { name: "Score", value: String(scoreData.score) }),
             React.createElement(AddItemField, { name: "Probabilidade de Inadimpl\u00EAncia", value: scoreData.provavel }),
             React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o", value: scoreData.classificacao }),
             React.createElement(AddItemField, { name: "An\u00E1lise", value: scoreData.texto }),
             React.createElement(AddItemField, { name: "Status", value: scoreData.status }),
             documento.length > 11 && (React.createElement(React.Fragment, null,
-                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o N\u00FAmerica", value: scoreData.classificacao_numerica }),
-                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o Alfab\u00E9tica", value: scoreData.classificacao_alfabetica })))))))) : null;
+                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o Num\u00E9rica", value: scoreData.classificacao_numerica }),
+                React.createElement(AddItemField, { name: "Classifica\u00E7\u00E3o Alfab\u00E9tica", value: scoreData.classificacao_alfabetica }))))))); }, isError: function (err) { return ({
+            children: React.createElement(React.Fragment, null),
+            description: (React.createElement(StatusMessage, { type: "error" },
+                "Erro ao realizar a consulta: ",
+                err.message)),
+            variant: 'error'
+        }); } })) : null;
 };
 export default ConsultaScore;