@credithub/harlan-components 1.59.6 → 1.59.8

package/dist/components/reclameAqui/reclameAquiCarousel.js

@@ -10,14 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { memo, useState } from 'react';
+import React, { memo } from 'react';
 import Carousel from '../common/carousel';
-import { useQuery } from '../webservice';
 import ChevronLeft from '../../assets/btn/chevronLeft';
 import ChevronRight from '../../assets/btn/chevronRight';
 import { formatValue } from '../../utils/number';
 import { statusMap } from '../../constants/reclameAqui';
-import { useGlobalData } from '../../contexts/globalDataContext';
 import Carrousel from '../dossie/carrousel/carrousel';
 import { CarrouselBtn, CompanyName, ContainerSummary, DocumentContainer, DocumentPrefix, LogoContainer, ProblemsSolved, ReclameAquiStatsContainer, StatsImage, StyledImage } from './styles';
 var translateStatus = function (status) {
@@ -51,30 +49,16 @@ var ReclameAquiStats = function (_a) {
                     "/10")),
             React.createElement(ProblemasResolvidos, { value: percentualProblemasResolvidos + '%' }))));
 };
+// Convert this to a pure presentational component
 export var ReclameAquiCarousel = memo(function (_a) {
-    var _b;
-    var nome = _a.nome, documento = _a.documento;
-    var _c = useQuery("SELECT FROM 'RECLAMEAQUI'.'CONSULTA'", { documento: documento }), response = _c.response, isLoading = _c.isLoading, error = _c.error;
-    var setData = useGlobalData().setData;
-    var _d = useState(false), dataUpdated = _d[0], setDataUpdated = _d[1];
-    if (isLoading ||
-        error ||
-        ((response === null || response === void 0 ? void 0 : response.document) && !((_b = response === null || response === void 0 ? void 0 : response.document) === null || _b === void 0 ? void 0 : _b.length))) {
+    var nome = _a.nome, documento = _a.documento, companies = _a.companies;
+    // If no companies data is provided, fallback to regular carousel
+    if (!companies || companies.length === 0) {
         return React.createElement(Carrousel, { name: nome, document: documento });
     }
-    var companies = response === null || response === void 0 ? void 0 : response.document.map(function (item) { return ({
-        nome: nome,
-        cnpj: documento,
-        score: item.infos.finalScore,
-        status: item.infos.status,
-        shortname: item.infos.shortname,
-        imageUrl: item.infos.logo,
-        quantidadeProblemasResolvidos: item.infos.count.toString(),
-        percentualProblemasResolvidos: item.infos.solvedPercentual
-    }); });
     return (React.createElement(ContainerSummary, null,
-        React.createElement(Carousel, { pagination: false, isRTL: false, showArrows: companies && companies.length > 1, renderArrow: function (_a) {
+        React.createElement(Carousel, { pagination: false, isRTL: false, showArrows: companies.length > 1, renderArrow: function (_a) {
                 var type = _a.type, onClick = _a.onClick;
                 return (React.createElement(CarrouselBtn, null, type === 'PREV' ? (React.createElement(ChevronLeft, { onClick: onClick })) : (React.createElement(ChevronRight, { onClick: onClick }))));
-            } }, companies === null || companies === void 0 ? void 0 : companies.map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: index }, empresa))); }))));
+            } }, companies.map(function (empresa, index) { return (React.createElement(ReclameAquiStats, __assign({ key: "reclameaqui-".concat(index) }, empresa))); }))));
 });

package/dist/components/webservice.js

@@ -208,6 +208,7 @@ export function useQuery(query, data, enabled) {
     var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
     var _d = useState(false), shouldFetch = _d[0], setShouldFetch = _d[1];
     var loadingProgressRef = useRef(0);
+    var memoizedData = useMemo(function () { return data; }, [JSON.stringify(data)]);
     var simulateProgress = useCallback(function () {
         loadingProgressRef.current = 0;
         var progress = 0;
@@ -227,7 +228,7 @@ export function useQuery(query, data, enabled) {
         simulateProgress();
         var abortController = new AbortController();
         client
-            .request(query, data, undefined, abortController.signal)
+            .request(query, memoizedData, undefined, abortController.signal)
             .then(function (response) {
             return Client.WebService.parse(response).then(function (document) { return ({
                 response: response,
@@ -252,20 +253,20 @@ export function useQuery(query, data, enabled) {
             setShouldFetch(false);
         });
         return function () { return abortController.abort(); };
-    }, [shouldFetch, isLoading, client, query, data, simulateProgress]);
+    }, [shouldFetch, isLoading, client, query, memoizedData, simulateProgress]);
+    useEffect(function () {
+        if (enabled && !response && !error && !isLoading && !shouldFetch) {
+            setShouldFetch(true);
+        }
+    }, []);
     useEffect(function () {
         if (enabled && shouldFetch) {
             fetch();
         }
     }, [fetch, shouldFetch, enabled]);
-    useEffect(function () {
-        if (enabled && !isLoading && !shouldFetch && !response && !error) {
-            setShouldFetch(true);
-        }
-    }, [enabled, isLoading, shouldFetch, response, error]);
     var refetch = useCallback(function () {
         setShouldFetch(true);
-    }, [query]);
+    }, []);
     return {
         response: response,
         error: error,