react-easy-wall 1.1.1 → 1.1.4

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

@@ -0,0 +1,21 @@
+"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 { user, subscription } = session_hooks.useSession();
+    const postTypeValue = post[postTypeField];
+    if (!subscription && post && postTypeValue && postTypeValue === postType) {
+        return jsxRuntime.jsx(PaywallSubscription.PaywallSubscription, { post: post });
+    }
+    if (!user && post && postTypeValue && postTypeValue === postType) {
+        return null;
+    }
+    return children;
+};
+
+exports.Paywall = Paywall;
+//# sourceMappingURL=Paywall.js.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var paywall_constants = require('./paywall.constants.js');
+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 PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = '', secondaryButtonProps = {}, withCaption = false, title = 'Este artículo es exclusivo para suscriptores', subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.', post, buttonText = '', }) => {
+    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 handleButton = () => {
+        if (!paywall_constants.PAYWALL_AUTH_ENDPOINT) {
+            console.error('PAYWALL_AUTH_ENDPOINT is required!');
+            return null;
+        }
+        return (window.location.href = `${paywall_constants.PAYWALL_AUTH_ENDPOINT}/planes?post_url=${window.location.href}`);
+    };
+    const handleSecondaryButton = () => {
+        if (!paywall_constants.PAYWALL_AUTH_ENDPOINT) {
+            console.error('PAYWALL_AUTH_ENDPOINT is required!');
+            return null;
+        }
+        return (window.location.href = `${paywall_constants.PAYWALL_AUTH_ENDPOINT}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
+    };
+    return (jsxRuntime.jsxs(Box.default, { sx: {
+            height: withCaption ? 220 : 300,
+            width: '100%',
+            border: '1px solid #707070',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            ...sxContainerProps,
+        }, ...containerPropRest, children: [jsxRuntime.jsx(Typography.default, { sx: { ...sxTitleProps }, ...titlePropRest, children: title }), jsxRuntime.jsx(Typography.default, { sx: { ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), jsxRuntime.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    background: '#f75957',
+                    '&:hover': {
+                        backgroundColor: '#f75957',
+                    },
+                    ...sxButtonProps,
+                }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), jsxRuntime.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    textDecoration: 'underline',
+                    background: 'transparent',
+                    padding: '0.5rem 1rem',
+                    ...sxSecondaryButtonProps,
+                }, onClick: () => handleSecondaryButton(), ...secondaryButtonPropsRest, children: secondaryButtonText })] }));
+};
+
+exports.PaywallSubscription = PaywallSubscription;
+//# sourceMappingURL=PaywallSubscription.js.map

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

@@ -0,0 +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 = '',\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 = '',\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        height: withCaption ? 220 : 300,\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Typography sx={{ ...sxTitleProps }} {...titlePropRest}>\n        {title}\n      </Typography>\n      <Typography sx={{ ...sxSubtitleProps }} {...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          ...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          padding: '0.5rem 1rem',\n          ...sxSecondaryButtonProps,\n        }}\n        onClick={() => handleSecondaryButton()}\n        {...secondaryButtonPropsRest}>\n        {secondaryButtonText}\n      </Button>\n    </Box>\n  );\n};\n"],"names":["PAYWALL_AUTH_ENDPOINT","_jsxs","Box","_jsx","Typography","Button"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+const PAYWALL_AUTH_ENDPOINT = process.env.NEXT_PUBLIC_PAYWALL_AUTH_ENDPOINT || '';
+
+exports.PAYWALL_AUTH_ENDPOINT = PAYWALL_AUTH_ENDPOINT;
+//# sourceMappingURL=paywall.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paywall.constants.js","sources":["../../../../src/components/paywall/paywall.constants.ts"],"sourcesContent":["\nexport const PAYWALL_AUTH_ENDPOINT = process.env.NEXT_PUBLIC_PAYWALL_AUTH_ENDPOINT || '';\n"],"names":[],"mappings":";;AACO,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,CAAC,iCAAiC,IAAI;;;;"}

package/dist/cjs/components/session/SessionUserProvider.js

@@ -3,6 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var generated = require('../../shared/types/generated.js');
 var SessionUserContext = require('./SessionUserContext.js');
 var theme = require('../../shared/mui/theme.js');
 var ThemeProvider = require('../../node_modules/@mui/material/esm/styles/ThemeProvider.js');
@@ -13,7 +14,7 @@ const SessionUserProvider = ({ children, initial, config, }) => {
     const values = {
         user,
         config,
-        subscription: { id: 1 },
+        subscription: user?.subscriptions?.find((item) => item?.status === generated.SubscriptionStatuses.Active),
     };
     return (jsxRuntime.jsx(SessionUserContext.Provider, { value: values, children: jsxRuntime.jsxs(ThemeProvider.default, { theme: theme.theme, children: [jsxRuntime.jsx(CssBaseline.default, {}), children] }) }));
 };

package/dist/cjs/components/session/SessionUserProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionUserProvider.js","sources":["../../../../src/components/session/SessionUserProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState } from 'react';\nimport { User } from '../../shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { Config } from '../../config/config.types';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '../../shared/mui/theme';\n\ntype SessionUserProviderProps = {\n  children: React.ReactNode;\n  initial: User | null | undefined;\n  config: Config;\n};\n\nexport const SessionUserProvider: React.FC<SessionUserProviderProps> = ({\n  children,\n  initial,\n  config,\n}) => {\n  const [user] = useState<User | null | undefined>(initial);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: { id: 1 },\n  };\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAgBO;;AAOL;;;AAGE;;;AAWJ;;"}
+{"version":3,"file":"SessionUserProvider.js","sources":["../../../../src/components/session/SessionUserProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState } from 'react';\nimport { SubscriptionStatuses, User } from '../../shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { Config } from '../../config/config.types';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '../../shared/mui/theme';\n\ntype SessionUserProviderProps = {\n  children: React.ReactNode;\n  initial: User | null | undefined;\n  config: Config;\n};\n\nexport const SessionUserProvider: React.FC<SessionUserProviderProps> = ({\n  children,\n  initial,\n  config,\n}) => {\n  const [user] = useState<User | null | undefined>(initial);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: user?.subscriptions?.find((item) => item?.status === SubscriptionStatuses.Active),\n  };\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO;;AAOL;;;AAGE;;;AAWJ;;"}

package/dist/cjs/index.js

@@ -12,6 +12,9 @@ var PanelListItems = require('./components/panel/PanelListItems.js');
 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 paywall_constants = require('./components/paywall/paywall.constants.js');
+var Paywall = require('./components/paywall/Paywall.js');
 
 
 
@@ -29,4 +32,7 @@ exports.handleLogout = panel_actions.handleLogout;
 exports.handlePanelClick = panel_actions.handlePanelClick;
 exports.panelStoreAction = panel_actions.panelStoreAction;
 exports.SessionProvider = SessionProvider.SessionProvider;
+exports.PaywallSubscription = PaywallSubscription.PaywallSubscription;
+exports.PAYWALL_AUTH_ENDPOINT = paywall_constants.PAYWALL_AUTH_ENDPOINT;
+exports.Paywall = Paywall.Paywall;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,19 @@
+"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 { user, subscription } = useSession();
+    const postTypeValue = post[postTypeField];
+    if (!subscription && post && postTypeValue && postTypeValue === postType) {
+        return jsx(PaywallSubscription, { post: post });
+    }
+    if (!user && post && postTypeValue && postTypeValue === postType) {
+        return null;
+    }
+    return children;
+};
+
+export { Paywall };
+//# sourceMappingURL=Paywall.js.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PAYWALL_AUTH_ENDPOINT } from './paywall.constants.js';
+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 PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = '', secondaryButtonProps = {}, withCaption = false, title = 'Este artículo es exclusivo para suscriptores', subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.', post, buttonText = '', }) => {
+    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 handleButton = () => {
+        if (!PAYWALL_AUTH_ENDPOINT) {
+            console.error('PAYWALL_AUTH_ENDPOINT is required!');
+            return null;
+        }
+        return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/planes?post_url=${window.location.href}`);
+    };
+    const handleSecondaryButton = () => {
+        if (!PAYWALL_AUTH_ENDPOINT) {
+            console.error('PAYWALL_AUTH_ENDPOINT is required!');
+            return null;
+        }
+        return (window.location.href = `${PAYWALL_AUTH_ENDPOINT}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
+    };
+    return (jsxs(Box, { sx: {
+            height: withCaption ? 220 : 300,
+            width: '100%',
+            border: '1px solid #707070',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'column',
+            ...sxContainerProps,
+        }, ...containerPropRest, children: [jsx(Typography, { sx: { ...sxTitleProps }, ...titlePropRest, children: title }), jsx(Typography, { sx: { ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), jsx(Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    background: '#f75957',
+                    '&:hover': {
+                        backgroundColor: '#f75957',
+                    },
+                    ...sxButtonProps,
+                }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), jsx(Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    textDecoration: 'underline',
+                    background: 'transparent',
+                    padding: '0.5rem 1rem',
+                    ...sxSecondaryButtonProps,
+                }, onClick: () => handleSecondaryButton(), ...secondaryButtonPropsRest, children: secondaryButtonText })] }));
+};
+
+export { PaywallSubscription };
+//# sourceMappingURL=PaywallSubscription.js.map

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

@@ -0,0 +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 = '',\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 = '',\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        height: withCaption ? 220 : 300,\n        width: '100%',\n        border: '1px solid #707070',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n        ...sxContainerProps,\n      }}\n      {...containerPropRest}>\n      <Typography sx={{ ...sxTitleProps }} {...titlePropRest}>\n        {title}\n      </Typography>\n      <Typography sx={{ ...sxSubtitleProps }} {...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          ...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          padding: '0.5rem 1rem',\n          ...sxSecondaryButtonProps,\n        }}\n        onClick={() => handleSecondaryButton()}\n        {...secondaryButtonPropsRest}>\n        {secondaryButtonText}\n      </Button>\n    </Box>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+const PAYWALL_AUTH_ENDPOINT = process.env.NEXT_PUBLIC_PAYWALL_AUTH_ENDPOINT || '';
+
+export { PAYWALL_AUTH_ENDPOINT };
+//# sourceMappingURL=paywall.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paywall.constants.js","sources":["../../../../src/components/paywall/paywall.constants.ts"],"sourcesContent":["\nexport const PAYWALL_AUTH_ENDPOINT = process.env.NEXT_PUBLIC_PAYWALL_AUTH_ENDPOINT || '';\n"],"names":[],"mappings":"AACO,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,CAAC,iCAAiC,IAAI;;;;"}

package/dist/esm/components/session/SessionUserProvider.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { SubscriptionStatuses } from '../../shared/types/generated.js';
 import { Provider } from './SessionUserContext.js';
 import { theme } from '../../shared/mui/theme.js';
 import ThemeProvider from '../../node_modules/@mui/material/esm/styles/ThemeProvider.js';
@@ -11,7 +12,7 @@ const SessionUserProvider = ({ children, initial, config, }) => {
     const values = {
         user,
         config,
-        subscription: { id: 1 },
+        subscription: user?.subscriptions?.find((item) => item?.status === SubscriptionStatuses.Active),
     };
     return (jsx(Provider, { value: values, children: jsxs(ThemeProvider, { theme: theme, children: [jsx(CssBaseline, {}), children] }) }));
 };

package/dist/esm/components/session/SessionUserProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionUserProvider.js","sources":["../../../../src/components/session/SessionUserProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState } from 'react';\nimport { User } from '../../shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { Config } from '../../config/config.types';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '../../shared/mui/theme';\n\ntype SessionUserProviderProps = {\n  children: React.ReactNode;\n  initial: User | null | undefined;\n  config: Config;\n};\n\nexport const SessionUserProvider: React.FC<SessionUserProviderProps> = ({\n  children,\n  initial,\n  config,\n}) => {\n  const [user] = useState<User | null | undefined>(initial);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: { id: 1 },\n  };\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBO;;AAOL;;;AAGE;;;AAWJ;;"}
+{"version":3,"file":"SessionUserProvider.js","sources":["../../../../src/components/session/SessionUserProvider.tsx"],"sourcesContent":["'use client';\nimport React, { useState } from 'react';\nimport { SubscriptionStatuses, User } from '../../shared/types/generated';\nimport { Provider } from './SessionUserContext';\nimport { SessionContextDefaultValues } from './session.types';\nimport { Config } from '../../config/config.types';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { theme } from '../../shared/mui/theme';\n\ntype SessionUserProviderProps = {\n  children: React.ReactNode;\n  initial: User | null | undefined;\n  config: Config;\n};\n\nexport const SessionUserProvider: React.FC<SessionUserProviderProps> = ({\n  children,\n  initial,\n  config,\n}) => {\n  const [user] = useState<User | null | undefined>(initial);\n\n  const values: SessionContextDefaultValues = {\n    user,\n    config,\n    subscription: user?.subscriptions?.find((item) => item?.status === SubscriptionStatuses.Active),\n  };\n  return (\n    <Provider value={values}>\n      <ThemeProvider theme={theme}>\n        <CssBaseline />\n\n        {children}\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO;;AAOL;;;AAGE;;;AAWJ;;"}

package/dist/esm/index.js

@@ -10,4 +10,7 @@ export { PanelListItems } from './components/panel/PanelListItems.js';
 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 { PAYWALL_AUTH_ENDPOINT } from './components/paywall/paywall.constants.js';
+export { Paywall } from './components/paywall/Paywall.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/session/session.types.d.ts

@@ -3,5 +3,5 @@ import { Config } from '../../config/config.types';
 export type SessionContextDefaultValues = {
     user?: User | null;
     config?: Config;
-    subscription?: Subscription;
+    subscription?: Subscription | null;
 };

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

@@ -1,2 +1,3 @@
 export * from './components/panel';
 export * from './components/session';
+export * from './components/paywall';

package/dist/index.d.ts

@@ -96,5 +96,30 @@ type SessionProviderProps = {
 };
 declare const SessionProvider: React.FC<SessionProviderProps>;
 
-export { Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, SessionProvider, handleLogout, handlePanelClick, panelStore, panelStoreAction };
-export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps };
+interface PaywallSubscriptionProps {
+    post?: any;
+    containerProps?: BoxProps;
+    titleProps?: TypographyProps;
+    subtitleProps?: TypographyProps;
+    buttonProps?: ButtonProps;
+    buttonText?: string;
+    secondaryButtonProps?: ButtonProps;
+    secondaryButtonText?: string;
+    title?: string;
+    subtitle?: string;
+    withCaption?: boolean;
+}
+declare const PaywallSubscription: React.FC<PaywallSubscriptionProps>;
+
+declare const PAYWALL_AUTH_ENDPOINT: string;
+
+interface PaywallProps {
+    children?: React.ReactNode;
+    post?: any;
+    postTypeField?: string;
+    postType?: string;
+}
+declare const Paywall: React.FC<PaywallProps>;
+
+export { PAYWALL_AUTH_ENDPOINT, Panel, PanelAvatar, PanelButton, PanelDivider, PanelFooter, PanelHeader, PanelItem, PanelListItems, PanelSubscriptionIcon, Paywall, PaywallSubscription, SessionProvider, handleLogout, handlePanelClick, panelStore, panelStoreAction };
+export type { PanelAvatarProps, PanelButtonProps, PanelDividerProps, PanelFooterProps, PanelHeaderProps, PanelItemProps, PanelListRoute, PanelProps, PanelStoreAction, PanelSubscriptionIconProps, PaywallProps, PaywallSubscriptionProps };

package/package.json

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