@credithub/harlan-components 1.32.0 → 1.33.0

package/dist/assets/btn/buttonAtualizarDadosRfb.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ButtonAtualizarDadosRfb: () => React.JSX.Element;
+export default ButtonAtualizarDadosRfb;

package/dist/assets/btn/buttonAtualizarDadosRfb.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import Button from '../../components/common/button';
+import { useConsultaRfb } from '../../hooks/useConsultaRfb';
+var ButtonAtualizarDadosRfb = function () {
+    var _a = useConsultaRfb(), executeFallback = _a.executeFallback, isLoading = _a.isLoading;
+    return (React.createElement(Button, { disabled: isLoading, isLoading: isLoading, onClick: function () {
+            executeFallback && executeFallback();
+        } }, "Atualizar Dados RFB"));
+};
+export default ButtonAtualizarDadosRfb;

package/dist/components/common/button.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 declare const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     smallContent?: ReactNode;
+    isLoading?: boolean;
 }>;
 export default Button;

package/dist/components/common/button.js

@@ -24,32 +24,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import theme from '../../styles/theme';
 import classNames from 'classnames';
 import React from 'react';
-import styled from 'styled-components';
-var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontStyle;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontWeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.fontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.headline14.lineHeight;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.azulCredithub;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.azulApoio;
+import styled, { css } from 'styled-components';
+var StyledButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: ", ";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  ", "\n\n  width: 100% !important;\n  min-height: 40px;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, function (props) {
+    return props.isLoading ? theme.colors.cinzaClaro : theme.colors.azulCredithub;
+}, theme.colors.white, function (props) { return (!props.isLoading ? 'pointer' : 'wait'); }, function (props) {
+    return !props.isLoading && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n      }\n    "])), function (_a) {
+        var theme = _a.theme;
+        return theme.colors.azulApoio;
+    });
 });
-var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
+var SmallContent = styled.small(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.alerta;
 });
@@ -61,4 +48,4 @@ var Button = function (_a) {
         smallContent && React.createElement(SmallContent, null, smallContent)));
 };
 export default Button;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/consultaRfb.d.ts

@@ -4,12 +4,14 @@ export type ConsultaRfbContextProps = Partial<{
     refetch: () => void;
     error: Error | null;
     isLoading: boolean;
+    executeFallback: () => void;
 }>;
 export declare const ConsultaRfbContext: React.Context<Partial<{
     rfbResponse: Document;
     refetch: () => void;
     error: Error | null;
     isLoading: boolean;
+    executeFallback: () => void;
 }> | null>;
 export declare const ConsultaRfbProvider: React.FC<PropsWithChildren<{
     documento: string;

package/dist/components/consultaRfb.js

@@ -1,21 +1,25 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { createContext } from 'react';
+import React, { createContext, useEffect, useState } from 'react';
 import { useQuery } from './webservice';
 export var ConsultaRfbContext = createContext(null);
 export var ConsultaRfbProvider = function (_a) {
-    var _b, _c;
+    var _b, _c, _d, _e;
     var children = _a.children, documento = _a.documento;
+    var _f = useState(false), enableFallback = _f[0], setEnableFallback = _f[1];
     var query = useQuery("SELECT FROM 'RFB'.'CERTIDAO'", { documento: documento }, documento.length > 11);
-    return (React.createElement(ConsultaRfbContext.Provider, { value: __assign({ rfbResponse: (_c = (_b = query === null || query === void 0 ? void 0 : query.response) === null || _b === void 0 ? void 0 : _b.document) !== null && _c !== void 0 ? _c : undefined }, query) }, children));
+    var queryFallback = useQuery("SELECT FROM 'RECEITAWS'.'CNPJ'", { documento: documento }, enableFallback);
+    var executeFallback = function () { return setEnableFallback(true); };
+    useEffect(function () {
+        if (enableFallback) {
+            queryFallback.refetch();
+        }
+    }, [enableFallback]);
+    console.log('query.isLoading', query.isLoading);
+    return (React.createElement(ConsultaRfbContext.Provider, { value: {
+            rfbResponse: (_e = (_c = (_b = queryFallback === null || queryFallback === void 0 ? void 0 : queryFallback.response) === null || _b === void 0 ? void 0 : _b.document) !== null && _c !== void 0 ? _c : (_d = query === null || query === void 0 ? void 0 : query.response) === null || _d === void 0 ? void 0 : _d.document) !== null && _e !== void 0 ? _e : undefined,
+            executeFallback: executeFallback,
+            refetch: query.refetch,
+            error: query.error || queryFallback.error,
+            isLoading: query.isLoading || queryFallback.isLoading
+        } }, children));
 };

package/dist/components/dossie/dossie.js

@@ -13,10 +13,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useGlobalData } from '../../contexts/globalDataContext';
 import { useConsultaRfb } from '../../hooks/useConsultaRfb';
 import { formatCnpj, formatCpf } from '../../utils/string';
 import XPathUtils from '../../utils/xpath';
+import { useGlobalData } from '../../contexts/globalDataContext';
 import React, { useContext, useState } from 'react';
 import styled from 'styled-components';
 import { ReclameAquiCarousel } from '../reclameAqui/reclameAquiCarousel';

package/dist/components/dossie/summary/cardsAndProducts.js

@@ -9,11 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
-import { getAtividadesEconomicasSecundarias, getField, getFieldRfb, getProductsPrices } from './utils';
 import { useConsultasComplementares } from '../../../hooks/useConsultasComplementares';
 import { formatMoney } from '../../../utils/number';
 import XPathUtils from '../../../utils/xpath';
+import React from 'react';
+import { getAtividadesEconomicasSecundarias, getField, getFieldRfb, getProductsPrices } from './utils';
 var useCardsAndProducts = function (_a) {
     var _b, _c, _d, _e, _f;
     var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse;

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

@@ -0,0 +1,11 @@
+export declare const ContainerSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FieldSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    fullRow?: boolean;
+}, never>;
+export declare const ButtonsSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SummaryButton: import("styled-components").StyledComponent<import("react").FC<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    smallContent?: import("react").ReactNode;
+    isLoading?: boolean;
+}>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+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';
+import Button from '../../../components/common/button';
+export var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"])));
+export var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
+export var FieldSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? '1 / 3' : 'auto'); });
+export var ButtonsSummary = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
+export var ButtonsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"])));
+export var SummaryButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/dossie/summary/summary.js

@@ -1,19 +1,9 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
 import AddItemField from '../../../components/common/addItem';
-import Button from '../../../components/common/button';
+import React from 'react';
 import { formatMoney } from '../../../utils/number';
 import useCardsAndProducts from './cardsAndProducts';
-import styled from 'styled-components';
-var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  padding: 0 20px;\n  width: 100%;\n  justify-content: space-between;\n  @media (max-width: 768px) {\n    padding: 0px;\n  }\n\n  @media (max-width: 992px) {\n    flex-direction: column;\n  }\n"])));
-var ContentSummary = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"], ["\n  display: grid;\n  grid-row: 1 / 8;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0 16px;\n\n  @media (max-width: 1280px) {\n    grid-template-columns: repeat(3, 1fr);\n    justify-content: center;\n    align-items: center;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n    width: 100%;\n  }\n"])));
-var FieldSummary = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"], ["\n  align-items: center;\n  margin-bottom: 16px;\n  grid-column: ", ";\n"])), function (props) { return (props.fullRow ? '1 / 3' : 'auto'); });
-var ButtonsSummary = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n\n  @media (max-width: 768px) {\n    align-items: center;\n    max-width: 100%;\n  }\n"])));
-var ButtonsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  display: flex;\n  gap: 10px;\n  min-width: fit-content;\n  flex-direction: column;\n\n  @media (max-width: 1000px) {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    flex-direction: row;\n  }\n\n  @media (max-width: 768px) {\n    display: grid;\n    grid-template-columns: repeat(1, 1fr);\n    flex-direction: row;\n  }\n\n  @media print {\n    display: none;\n  }\n"])));
-var SummaryButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
+import { ButtonsSummary, ButtonsWrapper, ContainerSummary, ContentSummary, FieldSummary, SummaryButton } from './styles';
+import ButtonAtualizarDadosRfb from '../../../assets/btn/buttonAtualizarDadosRfb';
 export var Summary = function (_a) {
     var finderResponse = _a.finderResponse, rfbResponse = _a.rfbResponse;
     var _b = useCardsAndProducts({
@@ -24,8 +14,9 @@ export var Summary = function (_a) {
         React.createElement(ContainerSummary, { className: "credithub-container-summary" },
             React.createElement(ContentSummary, { className: "credithub-content-summary" }, cards.map(function (card, index) { return (React.createElement(FieldSummary, { key: index, fullRow: card.header === 'Nome' || card.header === 'Nome Da Mãe' },
                 React.createElement(AddItemField, { name: card.header, value: card.title }))); })),
-            React.createElement(ButtonsWrapper, null, products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
-                React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: product.price ? formatMoney(product.price) : undefined }, product.title))); })))));
+            React.createElement(ButtonsWrapper, null,
+                React.createElement(ButtonAtualizarDadosRfb, null),
+                products.map(function (product, index) { return (React.createElement(ButtonsSummary, { key: index, style: { display: (product === null || product === void 0 ? void 0 : product.hide) ? 'none' : '', width: '100%' } },
+                    React.createElement(SummaryButton, { onClick: function () { return (product === null || product === void 0 ? void 0 : product.onClick) && (product === null || product === void 0 ? void 0 : product.onClick()); }, smallContent: product.price ? formatMoney(product.price) : undefined }, product.title))); })))));
 };
 export default Summary;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/webservice.js

@@ -104,7 +104,7 @@ export function useQuery(query, data, enabled) {
     var abortController = useMemo(function () { return new AbortController(); }, []);
     var _a = useState(null), response = _a[0], setResponse = _a[1];
     var _b = useState(null), error = _b[0], setError = _b[1];
-    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
     var fetch = useCallback(function () {
         setIsLoading(true);
         client

package/dist/hooks/useConsultaRfb.d.ts

@@ -3,4 +3,5 @@ export declare const useConsultaRfb: () => Partial<{
     refetch: () => void;
     error: Error | null;
     isLoading: boolean;
+    executeFallback: () => void;
 }>;