@credithub/harlan-components 1.35.0 → 1.35.1

package/dist/components/section.js

@@ -38,12 +38,14 @@ import { PrintSectionWrapper } from './common/printSectionWrapper';
 import Header from './interface/header';
 import StatusMessage from './interface/statusMessage';
 import { RequestStatus } from './webservice';
+var ButtonWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  justify-content: center;\n  width: 100%;\n  height: 40%;\n  max-height: 52px;\n  max-width: 300px;\n  margin: 0 auto;\n"], ["\n  justify-content: center;\n  width: 100%;\n  height: 40%;\n  max-height: 52px;\n  max-width: 300px;\n  margin: 0 auto;\n"])));
 export var Section = function (_a) {
     var onSuccess = _a.onSuccess, _b = _a.isError, isError = _b === void 0 ? function (err, ctx) { return ({
         children: React.createElement(React.Fragment, null),
         description: (React.createElement(React.Fragment, null,
             React.createElement(StatusMessage, { type: "error" }, err.message))),
-        actions: (React.createElement(React.Fragment, null, (ctx === null || ctx === void 0 ? void 0 : ctx.refetch) && (React.createElement(Button, { onClick: function () { return ctx.refetch(); } }, "Tentar Novamente"))))
+        actions: (React.createElement(React.Fragment, null, (ctx === null || ctx === void 0 ? void 0 : ctx.refetch) && (React.createElement(ButtonWrapper, null,
+            React.createElement(Button, { onClick: function () { return ctx.refetch(); } }, "Tentar Novamente")))))
     }); } : _b, _c = _a.onLoading, onLoading = _c === void 0 ? function () { return React.createElement(React.Fragment, null); } : _c, ctx = _a.ctx, className = _a.className, _d = _a.hideHeader, hideHeader = _d === void 0 ? false : _d, _e = _a.minimized, minimized = _e === void 0 ? false : _e, headerProps = __rest(_a, ["onSuccess", "isError", "onLoading", "ctx", "className", "hideHeader", "minimized"]);
     var _f = useToggle(!minimized), isOpen = _f[0], toggleOpen = _f[1];
     if (!ctx)
@@ -83,11 +85,11 @@ export var Section = function (_a) {
         !hideHeader && renderHeader(unifiedHeaderProps),
         React.createElement(ShowRenderedChildren, { isOpen: isOpen }, renderedChildren)));
 };
-var ShowRenderedChildren = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
+var ShowRenderedChildren = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.isOpen ? 'block' : 'none'); });
 export var headerStatus = (_a = {},
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Loading] = 'external-source loading',
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Success] = 'success',
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Error] = 'external-source error',
     _a[RequestStatus === null || RequestStatus === void 0 ? void 0 : RequestStatus.Empty] = 'external-source error',
     _a);
-var templateObject_1;
+var templateObject_1, templateObject_2;

package/dist/components/webservice.js

@@ -23,7 +23,8 @@ export function CustomProvider(Provider, query) {
         var _e = useState(0), progress = _e[0], setProgress = _e[1];
         var _f = useState(new Map()), requestsMap = _f[0], setRequestsMap = _f[1];
         var _g = useState(false), showLoadingBar = _g[0], setShowLoadingBar = _g[1];
-        // Simula o progresso da barra de carregamento
+        var _h = useState(false), shouldRetry = _h[0], setShouldRetry = _h[1];
+        var _j = useState(false), requestCompleted = _j[0], setRequestCompleted = _j[1];
         var simulateProgress = useCallback(function () {
             setProgress(0);
             var currentProgress = 0;
@@ -37,8 +38,8 @@ export function CustomProvider(Provider, query) {
             return function () { return clearInterval(interval); };
         }, []);
         var fetchData = useCallback(function () {
-            if (loading)
-                return; // Evita chamadas duplicadas
+            if (loading || requestCompleted)
+                return;
             setLoading(true);
             setError(null);
             setShowLoadingBar(true);
@@ -57,6 +58,7 @@ export function CustomProvider(Provider, query) {
                 .then(function (parsedResponse) {
                 setResponse(parsedResponse);
                 setError(null);
+                setRequestCompleted(true);
             })
                 .catch(function (requestError) {
                 if (requestError.name !== 'AbortError') {
@@ -64,6 +66,7 @@ export function CustomProvider(Provider, query) {
                         ? requestError
                         : new Error(String(requestError)));
                 }
+                setRequestCompleted(true);
             })
                 .finally(function () {
                 setLoading(false);
@@ -72,7 +75,6 @@ export function CustomProvider(Provider, query) {
                     newMap.delete(requestId);
                     return newMap;
                 });
-                // Atualiza o progresso para 100% e esconde a barra de carregamento
                 setProgress(100);
                 setTimeout(function () {
                     setShowLoadingBar(false);
@@ -86,13 +88,30 @@ export function CustomProvider(Provider, query) {
                     return newMap;
                 });
             };
-        }, [client, query, data, urlData, loading, simulateProgress]); // Adiciona `loading` como dependência
-        // `useEffect` para iniciar a busca de dados apenas uma vez
+        }, [
+            client,
+            query,
+            data,
+            urlData,
+            loading,
+            simulateProgress,
+            requestCompleted
+        ]);
+        useEffect(function () {
+            if (!response &&
+                !loading &&
+                requestsMap.size === 0 &&
+                !requestCompleted) {
+                fetchData();
+            }
+        }, [fetchData, response, loading, requestsMap, requestCompleted]);
         useEffect(function () {
-            if (!response && !loading && requestsMap.size === 0) {
+            if (shouldRetry) {
+                setShouldRetry(false);
+                setRequestCompleted(false);
                 fetchData();
             }
-        }, [fetchData, response, loading, requestsMap]);
+        }, [shouldRetry, fetchData]);
         var contextValue = useMemo(function () {
             var activeRequestsCount = requestsMap.size;
             return {
@@ -109,7 +128,10 @@ export function CustomProvider(Provider, query) {
                 response: response === null || response === void 0 ? void 0 : response.response,
                 document: response === null || response === void 0 ? void 0 : response.document,
                 Section: Section,
-                refetch: fetchData,
+                refetch: function () {
+                    setShouldRetry(true);
+                    setRequestCompleted(false);
+                },
                 progress: progress,
                 activeRequests: activeRequestsCount,
                 showLoadingBar: showLoadingBar
@@ -120,7 +142,6 @@ export function CustomProvider(Provider, query) {
             data,
             urlData,
             loading,
-            fetchData,
             progress,
             requestsMap,
             showLoadingBar