pipesol-notificationbar 1.0.1 → 1.0.3-beta.0

package/dist/components/TermsAndPrivacyBar.d.ts

@@ -0,0 +1,16 @@
+interface TermsAndPrivacyBarProps {
+    url_termo_uso: string;
+    url_politica_privacidade: string;
+    background_color: string;
+    color: string;
+    background_color_button_ok: string;
+    color_button_ok: string;
+    background_color_button_cancel?: string;
+    color_button_cancel: string;
+    background_color_link?: string;
+    color_link: string;
+    background_color_hover_link?: string;
+    color_hover_link: string;
+}
+declare const TermsAndPrivacyBar: React.FC<TermsAndPrivacyBarProps>;
+export default TermsAndPrivacyBar;

package/dist/components/TermsAndPrivacyBar.js

@@ -0,0 +1,133 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, styled } from '@mui/material';
+import { parseCookies, setCookie } from 'nookies';
+const Container = styled('div', {
+    shouldForwardProp: (prop) => ![
+        'background_color',
+        'show'
+    ].includes(prop)
+})(({ show, background_color }) => ({
+    position: 'fixed',
+    bottom: 0,
+    width: '100%',
+    backgroundColor: background_color,
+    display: show ? 'block' : 'none',
+    zIndex: 4000,
+}));
+const BotaoNotificationBar = styled('button', {
+    shouldForwardProp: (prop) => ![
+        'background_color',
+        'color',
+    ].includes(prop),
+})(({ theme, background_color, color }) => {
+    var _a, _b, _c, _d;
+    return ({
+        backgroundColor: background_color,
+        color: color,
+        padding: '8px 24px',
+        border: 'none',
+        cursor: 'pointer',
+        margin: '0 0 0 20px',
+        borderRadius: theme.shape.borderRadius,
+        fontFamily: theme.typography.fontFamily,
+        fontWeight: 600,
+        fontStyle: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontStyle,
+        lineHeight: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.lineHeight,
+        letterSpacing: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.letterSpacing,
+        fontSize: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.fontSize,
+    });
+});
+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 Content = styled('div')({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: '24px',
+    width: '100%',
+    boxSizing: 'border-box',
+    flexWrap: 'wrap',
+});
+const AreaTexto = styled('div', {
+    shouldForwardProp: (prop) => ![
+        'color',
+    ].includes(prop),
+})(({ theme, color }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        color: color,
+        flexGrow: 1,
+        fontFamily: theme.typography.fontFamily,
+        fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
+        fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
+        lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
+        letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
+        fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
+        margin: (_f = theme.typography.body1) === null || _f === void 0 ? void 0 : _f.margin,
+        // Breakpoints para diferentes larguras de tela
+        [theme.breakpoints.down('sm')]: {
+            width: '100%'
+        },
+        [theme.breakpoints.up('sm')]: {
+            width: '100%'
+        },
+        [theme.breakpoints.up('md')]: {
+            width: 'calc(100% - 290px)'
+        },
+        [theme.breakpoints.up('lg')]: {
+            width: 'calc(100% - 290px)'
+        },
+        [theme.breakpoints.up('xl')]: {
+            width: 'calc(100% - 290px)'
+        },
+    });
+});
+const TermsAndPrivacyBar = (props) => {
+    const { url_termo_uso, url_politica_privacidade, background_color, color, background_color_button_ok, color_button_ok, background_color_button_cancel = 'transparent', color_button_cancel, background_color_link = 'transparent', color_link, background_color_hover_link = 'transparent', color_hover_link, } = props;
+    const [showNotification, setShowNotification] = useState(() => {
+        const cookies = parseCookies();
+        return cookies.cookieConsent !== 'true' && cookies.cookieConsent !== 'false';
+    });
+    const handleAccept = () => {
+        setCookie(null, 'cookieConsent', 'true', {
+            maxAge: 60 * 60 * 24 * 365,
+            path: '/',
+        });
+        setShowNotification(false);
+    };
+    const handleReject = () => {
+        setCookie(null, 'cookieConsent', 'false', {
+            maxAge: 60 * 60 * 24 * 365,
+            path: '/',
+        });
+        setShowNotification(false);
+    };
+    return (_jsx(Container, { show: showNotification, background_color: background_color, children: _jsxs(Content, { children: [_jsxs(AreaTexto, { color: color, 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: "Cancelar" }), _jsx(BotaoNotificationBar, { background_color: background_color_button_ok, color: color_button_ok, onClick: handleAccept, children: "Ok" })] })] }) }));
+};
+export default TermsAndPrivacyBar;
+//# sourceMappingURL=TermsAndPrivacyBar.js.map

package/dist/components/TermsAndPrivacyBar.js.map

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

package/dist/index.d.ts

@@ -1 +1 @@
-export { default as NotificationBar } from './components/NotificationBar';
+export { default as TermsAndPrivacyBar } from './components/TermsAndPrivacyBar';

package/dist/index.js

@@ -1,2 +1,2 @@
-export { default as NotificationBar } from './components/NotificationBar';
+export { default as TermsAndPrivacyBar } from './components/TermsAndPrivacyBar';
 //# 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,eAAe,EAAC,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAC,MAAM,iCAAiC,CAAC"}