react-easy-wall 1.1.13 → 1.1.14

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

@@ -1,18 +1,16 @@
 "use client";
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
 var session_hooks = require('../session/session.hooks.js');
-var PaywallSubscription = require('./PaywallSubscription.js');
 
-const Paywall = ({ children, post, postTypeField, postType }) => {
+const Paywall = ({ children, post, postTypeField, postType, PaywallSubscriptionComponent, PaywallRegisterComponent, }) => {
     const { user, subscription } = session_hooks.useSession();
     const postTypeValue = post[postTypeField];
     if (!subscription && post && postTypeValue && postTypeValue === postType) {
-        return jsxRuntime.jsx(PaywallSubscription.PaywallSubscription, { post: post });
+        return PaywallSubscriptionComponent;
     }
     if (!user && post && postTypeValue && postTypeValue === postType) {
-        return null;
+        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 { Box } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\nimport { PaywallSubscription } from './PaywallSubscription';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  post?: any;\n  postTypeField?: string;\n  postType?: string;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({ children, post, postTypeField, postType }) => {\n  const { user, subscription } = useSession();\n  const postTypeValue = post[postTypeField as string];\n  if (!subscription && post && postTypeValue && postTypeValue === postType) {\n    return <PaywallSubscription post={post} />;\n  }\n\n  if (!user && post && postTypeValue && postTypeValue === postType) {\n    return null;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;;;AAaO;;AAEL;;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';\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;;"}

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

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1 +1 @@
-{"version":3,"file":"PaywallSubscription.js","sources":["../../../../src/components/paywall/PaywallSubscription.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport { PAYWALL_AUTH_ENDPOINT } from './paywall.constants';\n\nexport interface PaywallSubscriptionProps {\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 PaywallSubscription: React.FC<PaywallSubscriptionProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya soy suscriptor',\n  secondaryButtonProps = {},\n  withCaption = false,\n  title = 'Este artículo es exclusivo para suscriptores',\n  subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.',\n  post,\n  buttonText = 'Suscríbete',\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\n  const handleButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/planes?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/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":["PAYWALL_AUTH_ENDPOINT","_jsx","Box","_jsxs","Typography","Button"],"mappings":"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"}
+{"version":3,"file":"PaywallSubscription.js","sources":["../../../../src/components/paywall/PaywallSubscription.tsx"],"sourcesContent":["'use client'\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport { PAYWALL_AUTH_ENDPOINT } from './paywall.constants';\n\nexport interface PaywallSubscriptionProps {\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 PaywallSubscription: React.FC<PaywallSubscriptionProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya soy suscriptor',\n  secondaryButtonProps = {},\n  withCaption = false,\n  title = 'Este artículo es exclusivo para suscriptores',\n  subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.',\n  post,\n  buttonText = 'Suscríbete',\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\n  const handleButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/planes?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/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":";;;;;;;;;;;;;;;;;AAwCM;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/components/paywall/Paywall.js

@@ -1,16 +1,14 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
 import { useSession } from '../session/session.hooks.js';
-import { PaywallSubscription } from './PaywallSubscription.js';
 
-const Paywall = ({ children, post, postTypeField, postType }) => {
+const Paywall = ({ children, post, postTypeField, postType, PaywallSubscriptionComponent, PaywallRegisterComponent, }) => {
     const { user, subscription } = useSession();
     const postTypeValue = post[postTypeField];
     if (!subscription && post && postTypeValue && postTypeValue === postType) {
-        return jsx(PaywallSubscription, { post: post });
+        return PaywallSubscriptionComponent;
     }
     if (!user && post && postTypeValue && postTypeValue === postType) {
-        return null;
+        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 { Box } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\nimport { PaywallSubscription } from './PaywallSubscription';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  post?: any;\n  postTypeField?: string;\n  postType?: string;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({ children, post, postTypeField, postType }) => {\n  const { user, subscription } = useSession();\n  const postTypeValue = post[postTypeField as string];\n  if (!subscription && post && postTypeValue && postTypeValue === postType) {\n    return <PaywallSubscription post={post} />;\n  }\n\n  if (!user && post && postTypeValue && postTypeValue === postType) {\n    return null;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAaO;;AAEL;;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';\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;;"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PAYWALL_AUTH_ENDPOINT } from './paywall.constants.js';
 import Box from '../../node_modules/@mui/material/esm/Box/Box.js';

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

@@ -1 +1 @@
-{"version":3,"file":"PaywallSubscription.js","sources":["../../../../src/components/paywall/PaywallSubscription.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport { PAYWALL_AUTH_ENDPOINT } from './paywall.constants';\n\nexport interface PaywallSubscriptionProps {\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 PaywallSubscription: React.FC<PaywallSubscriptionProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya soy suscriptor',\n  secondaryButtonProps = {},\n  withCaption = false,\n  title = 'Este artículo es exclusivo para suscriptores',\n  subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.',\n  post,\n  buttonText = 'Suscríbete',\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\n  const handleButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/planes?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/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":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"PaywallSubscription.js","sources":["../../../../src/components/paywall/PaywallSubscription.tsx"],"sourcesContent":["'use client'\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport { PAYWALL_AUTH_ENDPOINT } from './paywall.constants';\n\nexport interface PaywallSubscriptionProps {\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 PaywallSubscription: React.FC<PaywallSubscriptionProps> = ({\n  containerProps = {},\n  subtitleProps = {},\n  buttonProps = {},\n  titleProps = {},\n  secondaryButtonText = 'Ya soy suscriptor',\n  secondaryButtonProps = {},\n  withCaption = false,\n  title = 'Este artículo es exclusivo para suscriptores',\n  subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.',\n  post,\n  buttonText = 'Suscríbete',\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\n  const handleButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/planes?post_url=${window.location.href}`);\n  };\n\n  const handleSecondaryButton = () => {\n    if (!PAYWALL_AUTH_ENDPOINT) {\n      console.error('PAYWALL_AUTH_ENDPOINT is required!');\n      return null;\n    }\n\n    return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/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":";;;;;;;;;;;;;;;AAwCM;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/types/components/paywall/Paywall.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface PaywallProps {
     children?: React.ReactNode;
+    PaywallSubscriptionComponent?: React.ReactNode;
+    PaywallRegisterComponent?: React.ReactNode;
     post?: any;
     postTypeField?: string;
     postType?: string;

package/dist/index.d.ts

@@ -115,6 +115,8 @@ declare const PAYWALL_AUTH_ENDPOINT: string;
 
 interface PaywallProps {
     children?: React.ReactNode;
+    PaywallSubscriptionComponent?: React.ReactNode;
+    PaywallRegisterComponent?: React.ReactNode;
     post?: any;
     postTypeField?: string;
     postType?: string;

package/package.json

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