pipesol-notificationbar 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NotificationStyled.d.ts +1 -1
- package/dist/components/NotificationStyled.js +1 -1
- package/dist/components/NotificationStyled.js.map +1 -1
- package/dist/components/TermsAndPrivacyCard.d.ts +2 -1
- package/dist/components/TermsAndPrivacyCard.js +24 -9
- package/dist/components/TermsAndPrivacyCard.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/style/ColorProps.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BorderProps } from "@/types/style/BorderProps";
|
|
2
|
-
import { ColorProps } from "
|
|
2
|
+
import { ColorProps } from "../types/style/ColorProps";
|
|
3
3
|
interface ButtonProps extends ColorProps, BorderProps {
|
|
4
4
|
}
|
|
5
5
|
export declare const BUTTON_STYLE_FORWARD_PROPS: (keyof ButtonProps)[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationStyled.js","sourceRoot":"","sources":["../../src/components/NotificationStyled.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"NotificationStyled.js","sourceRoot":"","sources":["../../src/components/NotificationStyled.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAc,MAAM,2BAA2B,CAAC;AAClF,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"}
|
|
@@ -4,7 +4,8 @@ import { TermsAndPrivacyProps } from '../types/TermsAndPrivacyProps';
|
|
|
4
4
|
* exibindo links para **Termos de Uso** e **Política de Privacidade** e dois botões:
|
|
5
5
|
* **Cancelar** (define cookieConsent como "false") e **Ok** (define cookieConsent como "true").
|
|
6
6
|
*
|
|
7
|
-
* O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false"
|
|
7
|
+
* O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false"
|
|
8
|
+
* **e** o usuário já rolou a página (scroll > 0), evitando sobreposição no banner inicial.
|
|
8
9
|
* Ao clicar em "Ok" ou "Cancelar", o cookie é persistido por 1 ano e o card é ocultado.
|
|
9
10
|
*
|
|
10
11
|
* @param {string} url_termo_uso URL para a página de Termos de Uso. Obrigatório.
|
|
@@ -4,7 +4,9 @@ import { useEffect, useState } from 'react';
|
|
|
4
4
|
import { styled, Typography } from '@mui/material';
|
|
5
5
|
import { parseCookies, setCookie } from 'nookies';
|
|
6
6
|
import { NotificationButton, NotificationLink } from './NotificationStyled';
|
|
7
|
-
const Container = styled('div', {
|
|
7
|
+
const Container = styled('div', {
|
|
8
|
+
shouldForwardProp: (prop) => !['show', 'background', 'borderRadius'].includes(prop),
|
|
9
|
+
})(({ show, background, borderRadius }) => ({
|
|
8
10
|
position: 'fixed',
|
|
9
11
|
bottom: '35px',
|
|
10
12
|
left: '35px',
|
|
@@ -39,7 +41,8 @@ const ContentButton = styled('div')({
|
|
|
39
41
|
* exibindo links para **Termos de Uso** e **Política de Privacidade** e dois botões:
|
|
40
42
|
* **Cancelar** (define cookieConsent como "false") e **Ok** (define cookieConsent como "true").
|
|
41
43
|
*
|
|
42
|
-
* O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false"
|
|
44
|
+
* O card é exibido somente quando o cookie `cookieConsent` ainda **não** foi definido como "true" ou "false"
|
|
45
|
+
* **e** o usuário já rolou a página (scroll > 0), evitando sobreposição no banner inicial.
|
|
43
46
|
* Ao clicar em "Ok" ou "Cancelar", o cookie é persistido por 1 ano e o card é ocultado.
|
|
44
47
|
*
|
|
45
48
|
* @param {string} url_termo_uso URL para a página de Termos de Uso. Obrigatório.
|
|
@@ -87,28 +90,40 @@ const ContentButton = styled('div')({
|
|
|
87
90
|
* ```
|
|
88
91
|
*/
|
|
89
92
|
const TermsAndPrivacyCard = (props) => {
|
|
90
|
-
const { url_termo_uso, url_politica_privacidade, background_color = 'transparent', color =
|
|
91
|
-
const [
|
|
93
|
+
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;
|
|
94
|
+
const [canShowByCookie, setCanShowByCookie] = useState(false);
|
|
95
|
+
const [hasScrolledDown, setHasScrolledDown] = useState(false);
|
|
92
96
|
useEffect(() => {
|
|
93
97
|
const cookies = parseCookies();
|
|
94
|
-
const
|
|
95
|
-
|
|
98
|
+
const consentIsNotDefined = cookies.cookieConsent !== 'true' && cookies.cookieConsent !== 'false';
|
|
99
|
+
setCanShowByCookie(consentIsNotDefined);
|
|
100
|
+
const handleScroll = () => {
|
|
101
|
+
setHasScrolledDown(window.scrollY > 0);
|
|
102
|
+
};
|
|
103
|
+
// Checa imediatamente o estado do scroll (evita inconsistência ao entrar em âncora/rota com scroll)
|
|
104
|
+
handleScroll();
|
|
105
|
+
window.addEventListener('scroll', handleScroll, { passive: true });
|
|
106
|
+
return () => {
|
|
107
|
+
window.removeEventListener('scroll', handleScroll);
|
|
108
|
+
};
|
|
96
109
|
}, []);
|
|
110
|
+
const showNotification = canShowByCookie && hasScrolledDown;
|
|
97
111
|
const handleAccept = () => {
|
|
98
112
|
setCookie(null, 'cookieConsent', 'true', {
|
|
99
113
|
maxAge: 60 * 60 * 24 * 365,
|
|
100
114
|
path: '/',
|
|
101
115
|
});
|
|
102
|
-
|
|
116
|
+
setCanShowByCookie(false);
|
|
103
117
|
};
|
|
104
118
|
const handleReject = () => {
|
|
105
119
|
setCookie(null, 'cookieConsent', 'false', {
|
|
106
120
|
maxAge: 60 * 60 * 24 * 365,
|
|
107
121
|
path: '/',
|
|
108
122
|
});
|
|
109
|
-
|
|
123
|
+
setCanShowByCookie(false);
|
|
110
124
|
};
|
|
111
|
-
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" }), "
|
|
125
|
+
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" }) })] })] }) }));
|
|
112
126
|
};
|
|
113
127
|
export default TermsAndPrivacyCard;
|
|
128
|
+
TermsAndPrivacyCard.displayName = 'TermsAndPrivacyCard';
|
|
114
129
|
//# sourceMappingURL=TermsAndPrivacyCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TermsAndPrivacyCard.js","sourceRoot":"","sources":["../../src/components/TermsAndPrivacyCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"TermsAndPrivacyCard.js","sourceRoot":"","sources":["../../src/components/TermsAndPrivacyCard.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as TermsAndPrivacyBar } from './components/TermsAndPrivacyBar';
|
|
2
2
|
export { default as TermsAndPrivacyCard } from './components/TermsAndPrivacyCard';
|
|
3
3
|
export type { BorderProps } from "./types/style/BorderProps";
|
|
4
|
-
export type { ColorProps } from "./types/style/ColorProps";
|
|
5
4
|
export type { LayoutProps } from "./types/style/LayoutProps";
|
|
5
|
+
export type { ColorProps } from "./types/style/ColorProps";
|
|
6
|
+
export { COLOR_STYLE_FORWARD_PROPS } from './types/style/ColorProps';
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +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"}
|
|
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;AAMjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC"}
|