pipesol-notificationbar 1.0.5 → 1.0.7

package/dist/components/NotificationStyled.d.ts

@@ -0,0 +1,8 @@
+import { BorderProps } from "@/types/style/BorderProps";
+import { ColorProps } from "@/types/style/ColorProps";
+interface ButtonProps extends ColorProps, BorderProps {
+}
+export declare const BUTTON_STYLE_FORWARD_PROPS: (keyof ButtonProps)[];
+export declare const NotificationButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const NotificationLink: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ColorProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export {};

package/dist/components/NotificationStyled.js

@@ -0,0 +1,45 @@
+import { COLOR_STYLE_FORWARD_PROPS } from "@/types/style/ColorProps";
+import { styled } from "@mui/material";
+export const BUTTON_STYLE_FORWARD_PROPS = [
+    'background',
+    'colorText',
+    'backgroundHover',
+    'colorHover',
+    'borderRadius',
+    'border',
+    'boxShadow',
+];
+export const NotificationButton = styled('button', { shouldForwardProp: (prop) => !BUTTON_STYLE_FORWARD_PROPS.includes(prop), })(({ background, colorText, backgroundHover, colorHover, borderRadius = '0', border = 'none', boxShadow = 'none' }) => ({
+    backgroundColor: background,
+    color: colorText,
+    padding: '8px 24px',
+    border: border,
+    cursor: 'pointer',
+    margin: '0 0 0 20px',
+    borderRadius: borderRadius,
+    boxShadow: boxShadow,
+    '&:hover': {
+        backgroundColor: backgroundHover,
+        color: colorHover,
+    },
+}));
+export const NotificationLink = styled('a', {
+    shouldForwardProp: (prop) => !COLOR_STYLE_FORWARD_PROPS.includes(prop),
+})(({ background, colorText, backgroundHover, colorHover }) => ({
+    width: 'auto',
+    cursor: 'pointer',
+    textDecoration: 'none',
+    textTransform: 'none',
+    textAlign: 'center',
+    boxShadow: 'none',
+    backgroundColor: background,
+    color: colorText,
+    padding: '0',
+    margin: '0',
+    '&:hover': {
+        backgroundColor: backgroundHover,
+        borderBottom: `1px solid ${colorHover}`,
+        color: colorHover,
+    },
+}));
+//# sourceMappingURL=NotificationStyled.js.map

package/dist/components/NotificationStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationStyled.js","sourceRoot":"","sources":["../../src/components/NotificationStyled.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAc,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D,YAAY;IACZ,WAAW;IACX,iBAAiB;IACjB,YAAY;IACZ,cAAc;IACd,QAAQ;IACR,WAAW;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,EAC/C,EAAE,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,0BAA0B,CAAC,QAAQ,CAAC,IAAyB,CAAC,GAAG,CAAC,CACnF,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAClE,YAAY,GAAG,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/D,eAAe,EAAE,UAAU;IAC3B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,YAAY;IACpB,YAAY,EAAE,YAAY;IAC1B,SAAS,EAAE,SAAS;IAEpB,SAAS,EAAE;QACP,eAAe,EAAE,eAAe;QAChC,KAAK,EAAE,UAAU;KACpB;CACJ,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,yBAAyB,CAAC,QAAQ,CAAC,IAAwB,CAAC;CAC3F,CAAC,CAAa,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,CAAC;IACzE,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,UAAU;IAC3B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,GAAG;IAEX,SAAS,EAAE;QACT,eAAe,EAAE,eAAe;QAChC,YAAY,EAAE,aAAa,UAAU,EAAE;QACvC,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAC,CAAC"}

package/dist/components/TermsAndPrivacyCard.d.ts

@@ -4,17 +4,21 @@ import { TermsAndPrivacyProps } from '../types/TermsAndPrivacyProps';
  * exibindo links para **Termos de Uso** e **Política de Privacidade** e dois botões:
  * **Cancelar** (define cookieConsent como "false") e **Ok** (define cookieConsent como "true").
  *
- * O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false".
+ * O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false"
+ * **e** o usuário já rolou a página (scroll > 0), evitando sobreposição no banner inicial.
  * Ao clicar em "Ok" ou "Cancelar", o cookie é persistido por 1 ano e o card é ocultado.
  *
  * @param {string} url_termo_uso URL para a página de Termos de Uso. Obrigatório.
  * @param {string} url_politica_privacidade URL para a página de Política de Privacidade. Obrigatório.
  * @param {string} [background_color='transparent'] Cor de fundo do container do card.
  * @param {string} [color='#000000'] Cor do texto principal.
+ * @param {string} [border_radius='0'] Border Radius do card.
  * @param {string} [background_color_button_ok='transparent'] Cor de fundo do botão "Ok".
  * @param {string} [color_button_ok='#000000'] Cor do texto do botão "Ok".
+ * @param {string} [border_radius_button_ok='0'] Border Radius do botão "Ok".
  * @param {string} [background_color_button_cancel='transparent'] Cor de fundo do botão "Cancelar".
  * @param {string} [color_button_cancel='#000000'] Cor do texto do botão "Cancelar".
+ * @param {string} [border_radius_button_cancel='0'] Border Radius do botão "Cancelar".
  * @param {string} [background_color_link='transparent'] Cor de fundo dos links ("Termos de Uso" e "Política de Privacidade").
  * @param {string} [color_link='#000000'] Cor do texto dos links.
  * @param {string} [background_color_hover_link='transparent'] Cor de fundo dos links no hover.

package/dist/components/TermsAndPrivacyCard.js

@@ -1,23 +1,21 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { Box, styled, Typography } from '@mui/material';
+import { styled, Typography } from '@mui/material';
 import { parseCookies, setCookie } from 'nookies';
+import { NotificationButton, NotificationLink } from './NotificationStyled';
 const Container = styled('div', {
-    shouldForwardProp: (prop) => ![
-        'background_color',
-        'show'
-    ].includes(prop)
-})(({ show, background_color }) => ({
+    shouldForwardProp: (prop) => !['show', 'background', 'borderRadius'].includes(prop),
+})(({ show, background, borderRadius }) => ({
     position: 'fixed',
-    bottom: '75px',
-    right: '75px',
-    left: 'auto',
-    backgroundColor: background_color,
+    bottom: '35px',
+    left: '35px',
+    background: background,
     display: show ? 'block' : 'none',
     zIndex: 4000,
     maxWidth: '280px',
     height: 'fit-content',
+    borderRadius: borderRadius,
     boxSizing: 'border-box',
 }));
 const Content = styled('div')({
@@ -29,60 +27,35 @@ const Content = styled('div')({
     width: '100%',
     boxSizing: 'border-box',
 });
-const BotaoNotificationBar = styled('button', {
-    shouldForwardProp: (prop) => ![
-        'background_color',
-        'color',
-    ].includes(prop),
-})(({ theme, background_color, color }) => ({
-    backgroundColor: background_color,
-    color: color,
-    padding: '8px 24px',
-    border: 'none',
-    cursor: 'pointer',
-    margin: '0 0 0 20px',
-    borderRadius: theme.shape.borderRadius,
-}));
-const LinkStyled = styled('a', {
-    shouldForwardProp: (prop) => ![
-        'background_color',
-        'background_color_hover',
-        'color',
-        'color_hover'
-    ].includes(prop),
-})(({ background_color, background_color_hover, color, color_hover, }) => ({
-    width: 'auto',
-    cursor: 'pointer',
-    textDecoration: 'none',
-    textTransform: 'none',
-    textAlign: 'center',
-    boxShadow: 'none',
-    backgroundColor: background_color,
-    color: color,
-    padding: '0',
-    margin: '0',
-    '&:hover': {
-        backgroundColor: background_color_hover,
-        borderBottom: `1px solid ${color_hover}`,
-        color: color_hover,
-    },
-}));
+const ContentButton = styled('div')({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: '16px',
+    width: '100%',
+    boxSizing: 'border-box',
+});
 /**
  * Componente que renderiza um card flutuante (fixed) para consentimento de cookies,
  * exibindo links para **Termos de Uso** e **Política de Privacidade** e dois botões:
  * **Cancelar** (define cookieConsent como "false") e **Ok** (define cookieConsent como "true").
  *
- * O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false".
+ * O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false"
+ * **e** o usuário já rolou a página (scroll > 0), evitando sobreposição no banner inicial.
  * Ao clicar em "Ok" ou "Cancelar", o cookie é persistido por 1 ano e o card é ocultado.
  *
  * @param {string} url_termo_uso URL para a página de Termos de Uso. Obrigatório.
  * @param {string} url_politica_privacidade URL para a página de Política de Privacidade. Obrigatório.
  * @param {string} [background_color='transparent'] Cor de fundo do container do card.
  * @param {string} [color='#000000'] Cor do texto principal.
+ * @param {string} [border_radius='0'] Border Radius do card.
  * @param {string} [background_color_button_ok='transparent'] Cor de fundo do botão "Ok".
  * @param {string} [color_button_ok='#000000'] Cor do texto do botão "Ok".
+ * @param {string} [border_radius_button_ok='0'] Border Radius do botão "Ok".
  * @param {string} [background_color_button_cancel='transparent'] Cor de fundo do botão "Cancelar".
  * @param {string} [color_button_cancel='#000000'] Cor do texto do botão "Cancelar".
+ * @param {string} [border_radius_button_cancel='0'] Border Radius do botão "Cancelar".
  * @param {string} [background_color_link='transparent'] Cor de fundo dos links ("Termos de Uso" e "Política de Privacidade").
  * @param {string} [color_link='#000000'] Cor do texto dos links.
  * @param {string} [background_color_hover_link='transparent'] Cor de fundo dos links no hover.
@@ -117,28 +90,40 @@ const LinkStyled = styled('a', {
  * ```
  */
 const TermsAndPrivacyCard = (props) => {
-    const { url_termo_uso, url_politica_privacidade, background_color = 'transparent', color = "#000000", background_color_button_ok = 'transparent', color_button_ok = "#000000", background_color_button_cancel = 'transparent', color_button_cancel = "#000000", background_color_link = 'transparent', color_link = "#000000", background_color_hover_link = 'transparent', color_hover_link = "#000000", variantTexto = 'caption', variantButton = 'caption' } = props;
-    const [showNotification, setShowNotification] = useState(false);
+    const { url_termo_uso, url_politica_privacidade, background_color = 'transparent', color = '#000000', border_radius = '0', background_color_button_ok = 'transparent', color_button_ok = '#000000', border_radius_button_ok = '0', background_color_button_cancel = 'transparent', color_button_cancel = '#000000', border_radius_button_cancel = '0', background_color_link = 'transparent', color_link = '#000000', background_color_hover_link = 'transparent', color_hover_link = '#000000', variantTexto = 'caption', variantButton = 'caption', } = props;
+    const [canShowByCookie, setCanShowByCookie] = useState(false);
+    const [hasScrolledDown, setHasScrolledDown] = useState(false);
     useEffect(() => {
         const cookies = parseCookies();
-        const consent = cookies.cookieConsent !== 'true' && cookies.cookieConsent !== 'false';
-        setShowNotification(consent);
+        const consentIsNotDefined = cookies.cookieConsent !== 'true' && cookies.cookieConsent !== 'false';
+        setCanShowByCookie(consentIsNotDefined);
+        const handleScroll = () => {
+            setHasScrolledDown(window.scrollY > 0);
+        };
+        // Checa imediatamente o estado do scroll (evita inconsistência ao entrar em âncora/rota com scroll)
+        handleScroll();
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+        };
     }, []);
+    const showNotification = canShowByCookie && hasScrolledDown;
     const handleAccept = () => {
         setCookie(null, 'cookieConsent', 'true', {
             maxAge: 60 * 60 * 24 * 365,
             path: '/',
         });
-        setShowNotification(false);
+        setCanShowByCookie(false);
     };
     const handleReject = () => {
         setCookie(null, 'cookieConsent', 'false', {
             maxAge: 60 * 60 * 24 * 365,
             path: '/',
         });
-        setShowNotification(false);
+        setCanShowByCookie(false);
     };
-    return (_jsx(Container, { show: showNotification, background_color: background_color, children: _jsxs(Content, { children: [_jsxs(Typography, { component: "div", variant: variantTexto, color: color, sx: { width: '100%' }, children: ["Este site usa cookies e dados pessoais de acordo com os nossos", ' ', _jsx(LinkStyled, { href: url_termo_uso, background_color: background_color_link, background_color_hover: background_color_hover_link, color: color_link, color_hover: color_hover_link, children: "Termos de Uso" }), " e", ' ', _jsx(LinkStyled, { href: url_politica_privacidade, background_color: background_color_link, background_color_hover: background_color_hover_link, color: color_link, color_hover: color_hover_link, children: "Pol\u00EDtica de Privacidade" }), ". Ao continuar navegando neste site, voc\u00EA declara estar ciente dessas condi\u00E7\u00F5es."] }), _jsxs(Box, { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", sx: { padding: '16px' }, children: [_jsx(BotaoNotificationBar, { background_color: background_color_button_cancel, color: color_button_cancel, onClick: handleReject, children: _jsx(Typography, { variant: variantButton, component: "span", children: "Cancelar" }) }), _jsx(BotaoNotificationBar, { background_color: background_color_button_ok, color: color_button_ok, onClick: handleAccept, children: _jsx(Typography, { variant: variantButton, component: "span", children: "Ok" }) })] })] }) }));
+    return (_jsx(Container, { show: showNotification, background: background_color, borderRadius: border_radius, children: _jsxs(Content, { children: [_jsxs(Typography, { component: "div", variant: variantTexto, color: color, sx: { width: '100%' }, children: ["Este site usa cookies e dados pessoais de acordo com os nossos", ' ', _jsx(NotificationLink, { href: url_termo_uso, background: background_color_link, backgroundHover: background_color_hover_link, colorText: color_link, colorHover: color_hover_link, children: "Termos de Uso" }), ' ', "e", ' ', _jsx(NotificationLink, { href: url_politica_privacidade, background: background_color_link, backgroundHover: background_color_hover_link, colorText: color_link, colorHover: color_hover_link, children: "Pol\u00EDtica de Privacidade" }), ". Ao continuar navegando neste site, voc\u00EA declara estar ciente dessas condi\u00E7\u00F5es."] }), _jsxs(ContentButton, { children: [_jsx(NotificationButton, { background: background_color_button_cancel, backgroundHover: background_color_button_cancel, colorText: color_button_cancel, colorHover: color_button_cancel, borderRadius: border_radius_button_cancel, onClick: handleReject, children: _jsx(Typography, { variant: variantButton, component: "span", children: "Cancelar" }) }), _jsx(NotificationButton, { background: background_color_button_ok, backgroundHover: background_color_button_ok, colorText: color_button_ok, colorHover: color_button_ok, borderRadius: border_radius_button_ok, onClick: handleAccept, children: _jsx(Typography, { variant: variantButton, component: "span", children: "Ok" }) })] })] }) }));
 };
 export default TermsAndPrivacyCard;
+TermsAndPrivacyCard.displayName = 'TermsAndPrivacyCard';
 //# sourceMappingURL=TermsAndPrivacyCard.js.map

package/dist/components/TermsAndPrivacyCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TermsAndPrivacyCard.js","sourceRoot":"","sources":["../../src/components/TermsAndPrivacyCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TermsAndPrivacyCard.js","sourceRoot":"","sources":["../../src/components/TermsAndPrivacyCard.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,2 +1,6 @@
 export { default as TermsAndPrivacyBar } from './components/TermsAndPrivacyBar';
 export { default as TermsAndPrivacyCard } from './components/TermsAndPrivacyCard';
+export type { BorderProps } from "./types/style/BorderProps";
+export type { LayoutProps } from "./types/style/LayoutProps";
+export type { ColorProps } from "./types/style/ColorProps";
+export { COLOR_STYLE_FORWARD_PROPS } from './types/style/ColorProps';

package/dist/index.js

@@ -1,3 +1,4 @@
 export { default as TermsAndPrivacyBar } from './components/TermsAndPrivacyBar';
 export { default as TermsAndPrivacyCard } from './components/TermsAndPrivacyCard';
+export { COLOR_STYLE_FORWARD_PROPS } from './types/style/ColorProps';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAC,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAMjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC"}