pipesol-notificationbar 1.0.3 → 1.0.6

package/README.md

@@ -1,31 +1,41 @@
-# Sobre
-
-  Este projeto é uma biblioteca React preparada para publicação no npm. 
-  Essa biblioteca contem componentes de barra de notificacao.
-  Abaixo está o passo a passo para publicar ou atualizar a lib.
-
-# Pré-requisitos
-
-    1. Conta no NPM
-        - Crie uma conta em: https://www.npmjs.com/signup
-
-    2. Node.js instalado
-        - Recomenda-se uma versão LTS. Verifique com: node -v
-        - Login no NPM pelo terminal: npm login
-          npm: pipeline-solucoes
-          senha:pipesollinecoes
-          key: pipeline@12345#
-
-# Como Publicar a biblioteca:
-
-  1. Instalar dependências: npm install
-
-  2. No package.json, altere o campo version de acordo com a semântica de versionamento.
-    1.0.1 – correção de bug
-    1.1.0 – nova funcionalidade compatível
-    2.0.0 – mudanças incompatíveis
-
-    - para publicar versão beta: "1.0.0-beta.x"
-
-  3. Comando para versao beta: npm run release-beta
-     Comando para versao oficial: npm run release
+# Sobre
+
+  Este projeto é uma biblioteca React preparada para publicação no npm. 
+  Essa biblioteca contem componentes de notificacao.
+
+  - TermsAndPrivacyCard: Componente que renderiza um card flutuante (fixed) para consentimento de cookies
+  - TermsAndPrivacyBar: Componente que renderiza uma barra flutuante (fixed) para consentimento de cookies
+  
+  Abaixo está o passo a passo para publicar ou atualizar a lib.
+
+# Pré-requisitos
+
+    1. Node.js instalado
+        - Recomenda-se uma versão LTS. Verifique com: node -v        
+
+# Como Publicar a biblioteca:
+
+  1. Instalar dependências: npm install
+
+  2. No package.json, altere o campo version de acordo com a semântica de versionamento.
+    1.0.1 – correção de bug
+    1.1.0 – nova funcionalidade compatível
+    2.0.0 – mudanças incompatíveis
+
+    - para publicar versão beta: "1.0.0-beta.x"
+
+  3. Este pacote é publicado exclusivamente via CI/CD (GitHub Actions).
+
+    - Releases são disparados apenas por tags Git (vX.Y.Z)
+    - Publicações manuais (npm publish) são desabilitadas
+    - A autenticação no npm utiliza Trusted Publishing (OIDC)
+    - Nenhum token npm é armazenado ou utilizado
+    - Tokens de publicação estão explicitamente desabilitados
+    - Autenticação em dois fatores (2FA) é obrigatória
+    - Versionamento segue Semantic Versioning (SemVer)
+
+    Esse modelo garante publicações seguras, rastreáveis e reprodutíveis. 
+
+# Comando:
+
+  1. npm view pipesol-notificationbar versions --json - verifica todas as versões publicadas no npm.  

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

@@ -0,0 +1,55 @@
+import { TermsAndPrivacyProps } from '../types/TermsAndPrivacyProps';
+/**
+ * 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".
+ * 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.
+ * @param {string} [color_hover_link='#000000'] Cor do texto dos links no hover (e também da borda inferior).
+ * @param {import('@mui/material').TypographyProps['variant']} [variantTexto='caption'] Variant do texto principal (Typography).
+ * @param {import('@mui/material').TypographyProps['variant']} [variantButton='caption'] Variant do texto dentro dos botões (Typography).
+ *
+ * @example
+ * ```tsx
+ * import { TermsAndPrivacyCard } from '@/components/TermsAndPrivacyCard';
+ *
+ * export default function Example() {
+ *   return (
+ *     <TermsAndPrivacyCard
+ *       url_termo_uso="/termos"
+ *       url_politica_privacidade="/privacidade"
+ *       background_color="#ffffff"
+ *       color="#111111"
+ *       background_color_button_cancel="#f5f5f5"
+ *       color_button_cancel="#111111"
+ *       background_color_button_ok="#1976d2"
+ *       color_button_ok="#ffffff"
+ *       background_color_link="transparent"
+ *       color_link="#1976d2"
+ *       background_color_hover_link="transparent"
+ *       color_hover_link="#0d47a1"
+ *       variantTexto="body2"
+ *       variantButton="button"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare const TermsAndPrivacyCard: React.FC<TermsAndPrivacyProps>;
+export default TermsAndPrivacyCard;

package/dist/components/TermsAndPrivacyCard.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { styled, Typography } from '@mui/material';
+import { parseCookies, setCookie } from 'nookies';
+import { NotificationButton, NotificationLink } from './NotificationStyled';
+const Container = styled('div', { shouldForwardProp: (prop) => !['show', 'background', 'borderRadius'].includes(prop) })(({ show, background, borderRadius }) => ({
+    position: 'fixed',
+    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')({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: '24px',
+    width: '100%',
+    boxSizing: 'border-box',
+});
+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".
+ * 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.
+ * @param {string} [color_hover_link='#000000'] Cor do texto dos links no hover (e também da borda inferior).
+ * @param {import('@mui/material').TypographyProps['variant']} [variantTexto='caption'] Variant do texto principal (Typography).
+ * @param {import('@mui/material').TypographyProps['variant']} [variantButton='caption'] Variant do texto dentro dos botões (Typography).
+ *
+ * @example
+ * ```tsx
+ * import { TermsAndPrivacyCard } from '@/components/TermsAndPrivacyCard';
+ *
+ * export default function Example() {
+ *   return (
+ *     <TermsAndPrivacyCard
+ *       url_termo_uso="/termos"
+ *       url_politica_privacidade="/privacidade"
+ *       background_color="#ffffff"
+ *       color="#111111"
+ *       background_color_button_cancel="#f5f5f5"
+ *       color_button_cancel="#111111"
+ *       background_color_button_ok="#1976d2"
+ *       color_button_ok="#ffffff"
+ *       background_color_link="transparent"
+ *       color_link="#1976d2"
+ *       background_color_hover_link="transparent"
+ *       color_hover_link="#0d47a1"
+ *       variantTexto="body2"
+ *       variantButton="button"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+const TermsAndPrivacyCard = (props) => {
+    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 [showNotification, setShowNotification] = useState(false);
+    useEffect(() => {
+        const cookies = parseCookies();
+        const consent = cookies.cookieConsent !== 'true' && cookies.cookieConsent !== 'false';
+        setShowNotification(consent);
+    }, []);
+    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: 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;
+//# sourceMappingURL=TermsAndPrivacyCard.js.map

package/dist/components/TermsAndPrivacyCard.js.map

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,2 +1,3 @@
 export { default as TermsAndPrivacyBar } from './components/TermsAndPrivacyBar';
+export { default as TermsAndPrivacyCard } from './components/TermsAndPrivacyCard';
 //# 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"}
+{"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"}