react-easy-wall 1.1.18 → 1.1.20

package/dist/cjs/components/paywall/Paywall.js

@@ -3,13 +3,12 @@
 
 var session_hooks = require('../session/session.hooks.js');
 
-const Paywall = ({ children, post, postTypeField, postType, PaywallSubscriptionComponent, PaywallRegisterComponent, }) => {
+const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, postPremium = false, postRegister = false, }) => {
     const { user, subscription } = session_hooks.useSession();
-    const postTypeValue = post[postTypeField];
-    if (!subscription && post && postTypeValue && postTypeValue === postType) {
+    if (!subscription && postPremium) {
         return PaywallSubscriptionComponent;
     }
-    if (!user && post && postTypeValue && postTypeValue === postType) {
+    if (!(user && postRegister)) {
         return PaywallRegisterComponent;
     }
     return children;

package/dist/cjs/components/paywall/Paywall.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { PaywallSubscription } from './PaywallSubscription';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  post?: any;\n  postTypeField?: string;\n  postType?: string;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  post,\n  postTypeField,\n  postType,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n}) => {\n  const { user, subscription } = useSession();\n  const postTypeValue = post[postTypeField as string];\n  if (!subscription && post && postTypeValue && postTypeValue === postType) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!user && post && postTypeValue && postTypeValue === postType) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAcO;;AASL;;AAEE;;;AAIA;;AAGF;AACF;;"}
+{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  postPremium?: boolean;\n  postRegister?: boolean;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n  postPremium = false,\n  postRegister = false,\n}) => {\n  const { user, subscription } = useSession();\n\n  if (!subscription && postPremium) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!(user && postRegister)) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;;;AAqBE;AACE;;AAGF;AACE;;AAGF;AACF;;"}

package/dist/cjs/components/paywall/PaywallRegister.js

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.js');
+var Button = require('../../node_modules/@mui/material/esm/Button/Button.js');
+
+const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya estoy registrado', secondaryButtonProps = {}, title = 'Este artículo es exclusivo para usuarios registrados', subtitle = 'Regístrate para obtener beneficios exclusivos.', buttonText = '¡Regístrate gratis!', }) => {
+    const { sx: sxContainerProps, ...containerPropRest } = containerProps;
+    const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;
+    const { sx: sxTitleProps, ...titlePropRest } = titleProps;
+    const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;
+    const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;
+    const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';
+    const handleButton = () => {
+        if (!url) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);
+    };
+    const handleSecondaryButton = () => {
+        if (!url) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
+    };
+    return (jsxRuntime.jsx(Box.default, { sx: {
+            display: 'flex',
+            width: '100%',
+            border: '1px solid #707070',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            background: 'white',
+            paddingTop: '80px',
+            paddingBottom: '80px',
+            borderRadius: '20px',
+            boxShadow: '0px 0px 32px #00000029',
+            ...sxContainerProps,
+        }, ...containerPropRest, children: jsxRuntime.jsxs(Box.default, { sx: {
+                width: {
+                    xs: 360,
+                    md: 460,
+                },
+                justifyContent: 'center',
+                alignItems: 'center',
+                flexDirection: 'column',
+                display: 'flex',
+            }, children: [jsxRuntime.jsx(Typography.default, { sx: {
+                        fontWeight: 700,
+                        lineHeight: '34px',
+                        fontSize: '34px',
+                        textAlign: 'center',
+                        marginBottom: '1.5rem',
+                        ...sxTitleProps,
+                    }, ...titlePropRest, children: title }), jsxRuntime.jsx(Typography.default, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), jsxRuntime.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                        background: '#f75957',
+                        '&:hover': {
+                            backgroundColor: '#f75957',
+                        },
+                        fontWeight: 700,
+                        textTransform: 'uppercase',
+                        marginBottom: '.5rem',
+                        color: 'white',
+                        fontSize: '18px',
+                        paddingTop: '.5rem',
+                        paddingBottom: '.5rem',
+                        paddingLeft: '.75rem',
+                        paddingRight: '.75rem',
+                        borderRadius: '0.25rem',
+                        ...sxButtonProps,
+                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), jsxRuntime.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                        textDecoration: 'underline',
+                        background: 'transparent',
+                        textTransform: 'none',
+                        fontWeight: 700,
+                        textAlign: 'center',
+                        fontSize: '16px',
+                        paddingTop: '.5rem',
+                        paddingBottom: '.5rem',
+                        paddingLeft: '.75rem',
+                        paddingRight: '.75rem',
+                        color: 'black',
+                        ...sxSecondaryButtonProps,
+                    }, onClick: () => handleSecondaryButton(), ...secondaryButtonPropsRest, children: secondaryButtonText })] }) }));
+};
+
+exports.PaywallRegister = PaywallRegister;
+//# sourceMappingURL=PaywallRegister.js.map

package/dist/cjs/components/paywall/PaywallRegister.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\n\nexport interface PaywallRegisterProps {\n  post?: any;\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n  withCaption?: boolean;\n}\n\nexport const PaywallRegister: React.FC<PaywallRegisterProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya estoy registrado',\n  secondaryButtonProps = {},\n  title = 'Este artículo es exclusivo para usuarios registrados',\n  subtitle = 'Regístrate para obtener beneficios exclusivos.',\n  buttonText = '¡Regístrate gratis!',\n}) => {\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n  const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';\n\n  const handleButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO;;;;;;;;;AAoBD;AACA;;AAGF;AACF;;;AAII;AACA;;AAGF;AACF;AAEA;AAGM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAIG;AACE;AACA;AACD;AACD;AACA;AACA;AACA;AACD;AAGG;AACA;AACA;AACA;AACA;AACA;AACD;AAeC;AACA;AACE;AACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAQX;;"}

package/dist/cjs/index.js

@@ -13,6 +13,7 @@ var panel_store = require('./components/panel/panel.store.js');
 var panel_actions = require('./components/panel/panel.actions.js');
 var SessionProvider = require('./components/session/SessionProvider.js');
 var PaywallSubscription = require('./components/paywall/PaywallSubscription.js');
+var PaywallRegister = require('./components/paywall/PaywallRegister.js');
 var Paywall = require('./components/paywall/Paywall.js');
 var index = require('./shared/constants/index.js');
 
@@ -33,6 +34,7 @@ exports.handlePanelClick = panel_actions.handlePanelClick;
 exports.panelStoreAction = panel_actions.panelStoreAction;
 exports.SessionProvider = SessionProvider.SessionProvider;
 exports.PaywallSubscription = PaywallSubscription.PaywallSubscription;
+exports.PaywallRegister = PaywallRegister.PaywallRegister;
 exports.Paywall = Paywall.Paywall;
 exports.COOKIE_DOMAIN = index.COOKIE_DOMAIN;
 exports.COOKIE_TOKEN_NAME = index.COOKIE_TOKEN_NAME;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/paywall/Paywall.js

@@ -1,13 +1,12 @@
 "use client";
 import { useSession } from '../session/session.hooks.js';
 
-const Paywall = ({ children, post, postTypeField, postType, PaywallSubscriptionComponent, PaywallRegisterComponent, }) => {
+const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, postPremium = false, postRegister = false, }) => {
     const { user, subscription } = useSession();
-    const postTypeValue = post[postTypeField];
-    if (!subscription && post && postTypeValue && postTypeValue === postType) {
+    if (!subscription && postPremium) {
         return PaywallSubscriptionComponent;
     }
-    if (!user && post && postTypeValue && postTypeValue === postType) {
+    if (!(user && postRegister)) {
         return PaywallRegisterComponent;
     }
     return children;

package/dist/esm/components/paywall/Paywall.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { PaywallSubscription } from './PaywallSubscription';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  post?: any;\n  postTypeField?: string;\n  postType?: string;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  post,\n  postTypeField,\n  postType,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n}) => {\n  const { user, subscription } = useSession();\n  const postTypeValue = post[postTypeField as string];\n  if (!subscription && post && postTypeValue && postTypeValue === postType) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!user && post && postTypeValue && postTypeValue === postType) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;AAcO;;AASL;;AAEE;;;AAIA;;AAGF;AACF;;"}
+{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  postPremium?: boolean;\n  postRegister?: boolean;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n  postPremium = false,\n  postRegister = false,\n}) => {\n  const { user, subscription } = useSession();\n\n  if (!subscription && postPremium) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!(user && postRegister)) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAqBE;AACE;;AAGF;AACE;;AAGF;AACF;;"}

package/dist/esm/components/paywall/PaywallRegister.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../node_modules/@mui/material/esm/Typography/Typography.js';
+import Button from '../../node_modules/@mui/material/esm/Button/Button.js';
+
+const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya estoy registrado', secondaryButtonProps = {}, title = 'Este artículo es exclusivo para usuarios registrados', subtitle = 'Regístrate para obtener beneficios exclusivos.', buttonText = '¡Regístrate gratis!', }) => {
+    const { sx: sxContainerProps, ...containerPropRest } = containerProps;
+    const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;
+    const { sx: sxTitleProps, ...titlePropRest } = titleProps;
+    const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;
+    const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;
+    const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';
+    const handleButton = () => {
+        if (!url) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);
+    };
+    const handleSecondaryButton = () => {
+        if (!url) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
+    };
+    return (jsx(Box, { sx: {
+            display: 'flex',
+            width: '100%',
+            border: '1px solid #707070',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            background: 'white',
+            paddingTop: '80px',
+            paddingBottom: '80px',
+            borderRadius: '20px',
+            boxShadow: '0px 0px 32px #00000029',
+            ...sxContainerProps,
+        }, ...containerPropRest, children: jsxs(Box, { sx: {
+                width: {
+                    xs: 360,
+                    md: 460,
+                },
+                justifyContent: 'center',
+                alignItems: 'center',
+                flexDirection: 'column',
+                display: 'flex',
+            }, children: [jsx(Typography, { sx: {
+                        fontWeight: 700,
+                        lineHeight: '34px',
+                        fontSize: '34px',
+                        textAlign: 'center',
+                        marginBottom: '1.5rem',
+                        ...sxTitleProps,
+                    }, ...titlePropRest, children: title }), jsx(Typography, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), jsx(Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                        background: '#f75957',
+                        '&:hover': {
+                            backgroundColor: '#f75957',
+                        },
+                        fontWeight: 700,
+                        textTransform: 'uppercase',
+                        marginBottom: '.5rem',
+                        color: 'white',
+                        fontSize: '18px',
+                        paddingTop: '.5rem',
+                        paddingBottom: '.5rem',
+                        paddingLeft: '.75rem',
+                        paddingRight: '.75rem',
+                        borderRadius: '0.25rem',
+                        ...sxButtonProps,
+                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), jsx(Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                        textDecoration: 'underline',
+                        background: 'transparent',
+                        textTransform: 'none',
+                        fontWeight: 700,
+                        textAlign: 'center',
+                        fontSize: '16px',
+                        paddingTop: '.5rem',
+                        paddingBottom: '.5rem',
+                        paddingLeft: '.75rem',
+                        paddingRight: '.75rem',
+                        color: 'black',
+                        ...sxSecondaryButtonProps,
+                    }, onClick: () => handleSecondaryButton(), ...secondaryButtonPropsRest, children: secondaryButtonText })] }) }));
+};
+
+export { PaywallRegister };
+//# sourceMappingURL=PaywallRegister.js.map

package/dist/esm/components/paywall/PaywallRegister.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\n\nexport interface PaywallRegisterProps {\n  post?: any;\n  containerProps?: BoxProps;\n  titleProps?: TypographyProps;\n  subtitleProps?: TypographyProps;\n  buttonProps?: ButtonProps;\n  buttonText?: string;\n  secondaryButtonProps?: ButtonProps;\n  secondaryButtonText?: string;\n  title?: string;\n  subtitle?: string;\n  withCaption?: boolean;\n}\n\nexport const PaywallRegister: React.FC<PaywallRegisterProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya estoy registrado',\n  secondaryButtonProps = {},\n  title = 'Este artículo es exclusivo para usuarios registrados',\n  subtitle = 'Regístrate para obtener beneficios exclusivos.',\n  buttonText = '¡Regístrate gratis!',\n}) => {\n  const { sx: sxContainerProps, ...containerPropRest } = containerProps;\n  const { sx: sxSubtitleProps, ...subtitlePropRest } = subtitleProps;\n  const { sx: sxTitleProps, ...titlePropRest } = titleProps;\n  const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;\n  const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;\n  const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';\n\n  const handleButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_REGISTER?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!url) {\n      console.error('NEXT_PUBLIC_URL_PORTAL is required!');\n      return null;\n    }\n\n    return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);\n  };\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        background: 'white',\n        paddingTop: '80px',\n        paddingBottom: '80px',\n        borderRadius: '20px',\n        boxShadow: '0px 0px 32px #00000029',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Box\n        sx={{\n          width: {\n            xs: 360,\n            md: 460,\n          },\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'column',\n          display: 'flex',\n        }}>\n        <Typography\n          sx={{\n            fontWeight: 700,\n            lineHeight: '34px',\n            fontSize: '34px',\n            textAlign: 'center',\n            marginBottom: '1.5rem',\n            ...sxTitleProps,\n          }}\n          {...titlePropRest}>\n          {title}\n        </Typography>\n        <Typography\n          sx={{ textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }}\n          {...subtitlePropRest}>\n          {subtitle}\n        </Typography>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            background: '#f75957',\n            '&:hover': {\n              backgroundColor: '#f75957',\n            },\n            fontWeight: 700,\n            textTransform: 'uppercase',\n            marginBottom: '.5rem',\n            color: 'white',\n            fontSize: '18px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            borderRadius: '0.25rem',\n            ...sxButtonProps,\n          }}\n          onClick={() => handleButton()}\n          {...buttonPropsRest}>\n          {buttonText}\n        </Button>\n        <Button\n          disableElevation\n          disableRipple\n          disableTouchRipple\n          disableFocusRipple\n          sx={{\n            textDecoration: 'underline',\n            background: 'transparent',\n            textTransform: 'none',\n            fontWeight: 700,\n            textAlign: 'center',\n            fontSize: '16px',\n            paddingTop: '.5rem',\n            paddingBottom: '.5rem',\n            paddingLeft: '.75rem',\n            paddingRight: '.75rem',\n            color: 'black',\n            ...sxSecondaryButtonProps,\n          }}\n          onClick={() => handleSecondaryButton()}\n          {...secondaryButtonPropsRest}>\n          {secondaryButtonText}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAkBO;;;;;;;;;AAoBD;AACA;;AAGF;AACF;;;AAII;AACA;;AAGF;AACF;AAEA;AAGM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAIG;AACE;AACA;AACD;AACD;AACA;AACA;AACA;AACD;AAGG;AACA;AACA;AACA;AACA;AACA;AACD;AAeC;AACA;AACE;AACD;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAQX;;"}

package/dist/esm/index.js

@@ -11,6 +11,7 @@ export { panelStore } from './components/panel/panel.store.js';
 export { handleLogout, handlePanelClick, panelStoreAction } from './components/panel/panel.actions.js';
 export { SessionProvider } from './components/session/SessionProvider.js';
 export { PaywallSubscription } from './components/paywall/PaywallSubscription.js';
+export { PaywallRegister } from './components/paywall/PaywallRegister.js';
 export { Paywall } from './components/paywall/Paywall.js';
 export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, URI, URL_PORTAL } from './shared/constants/index.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/esm/types/components/paywall/Paywall.d.ts

@@ -3,8 +3,7 @@ export interface PaywallProps {
     children?: React.ReactNode;
     PaywallSubscriptionComponent?: React.ReactNode;
     PaywallRegisterComponent?: React.ReactNode;
-    post?: any;
-    postTypeField?: string;
-    postType?: string;
+    postPremium?: boolean;
+    postRegister?: boolean;
 }
 export declare const Paywall: React.FC<PaywallProps>;

package/dist/esm/types/components/paywall/index.d.ts

@@ -1,2 +1,3 @@
 export * from './PaywallSubscription';
+export * from './PaywallRegister';
 export * from './Paywall';

package/dist/index.d.ts

@@ -111,13 +111,27 @@ interface PaywallSubscriptionProps {
 }
 declare const PaywallSubscription: React.FC<PaywallSubscriptionProps>;
 
+interface PaywallRegisterProps {
+    post?: any;
+    containerProps?: BoxProps;
+    titleProps?: TypographyProps;
+    subtitleProps?: TypographyProps;
+    buttonProps?: ButtonProps;
+    buttonText?: string;
+    secondaryButtonProps?: ButtonProps;
+    secondaryButtonText?: string;
+    title?: string;
+    subtitle?: string;
+    withCaption?: boolean;
+}
+declare const PaywallRegister: React.FC<PaywallRegisterProps>;
+
 interface PaywallProps {
     children?: React.ReactNode;
     PaywallSubscriptionComponent?: React.ReactNode;
     PaywallRegisterComponent?: React.ReactNode;
-    post?: any;
-    postTypeField?: string;
-    postType?: string;
+    postPremium?: boolean;
+    postRegister?: boolean;
 }
 declare const Paywall: React.FC<PaywallProps>;
 
@@ -126,5 +140,5 @@ declare const URL_PORTAL: string;
 declare const COOKIE_TOKEN_NAME: string;
 declare const COOKIE_DOMAIN: string;
 
-export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallSubscription, SessionProvider, URI, URL_PORTAL, handleLogout, handlePanelClick, panelStore, panelStoreAction };
-export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallSubscriptionProps };
+export { COOKIE_DOMAIN, COOKIE_TOKEN_NAME, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallRegister, PaywallSubscription, SessionProvider, URI, URL_PORTAL, handleLogout, handlePanelClick, panelStore, panelStoreAction };
+export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallRegisterProps, PaywallSubscriptionProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-easy-wall",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",