react-easy-wall 2.0.0 → 2.0.1

package/dist/cjs/components/comment/components/reply-comment/CreateReplyCommentContainer.js

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CreateReplyComment = require('./CreateReplyComment.js');
+var theme = require('../../../../shared/mui/theme.js');
+var CreateReplyCommentTitle = require('./CreateReplyCommentTitle.js');
+var Card = require('../../../../node_modules/@mui/material/esm/Card/Card.js');
+var CardHeader = require('../../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
+var CardContent = require('../../../../node_modules/@mui/material/esm/CardContent/CardContent.js');
+
+const CreateReplyCommentContainer = ({ cardHeaderProps = {}, creatReplyCommentTitleProps = {}, createReplyCommentProps = {}, }) => {
+    const { sx: sxCardHeaderProps } = cardHeaderProps;
+    return (jsxRuntime.jsxs(Card.default, { elevation: 1, sx: { px: 2, pt: 2 }, children: [jsxRuntime.jsx(CardHeader.default, { sx: {
+                    p: 0,
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                        marginBottom: theme.theme.spacing(1),
+                    },
+                    alignItems: 'center',
+                    ...sxCardHeaderProps,
+                }, title: jsxRuntime.jsx(CreateReplyCommentTitle.CreateReplyCommentTitle, { creatReplyCommentTitleProps: creatReplyCommentTitleProps }) }), jsxRuntime.jsx(CardContent.default, { sx: { p: 0 }, children: jsxRuntime.jsx(CreateReplyComment.CreateReplyComment, { ...createReplyCommentProps }) })] }));
+};
+
+exports.CreateReplyCommentContainer = CreateReplyCommentContainer;
+//# sourceMappingURL=CreateReplyCommentContainer.js.map

package/dist/cjs/components/comment/components/reply-comment/CreateReplyCommentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateReplyCommentContainer.js","sources":["../../../../../../src/components/comment/components/reply-comment/CreateReplyCommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  CardHeaderProps,\n  TypographyProps,\n} from '@mui/material';\n\nimport { CreateReplyComment, CreateReplyCommentProps } from './CreateReplyComment';\nimport { theme } from '@/shared/mui/theme';\nimport {\n  CreateReplyCommentTitle,\n} from '@/components/comment/components/reply-comment/CreateReplyCommentTitle';\n\nexport type CreateReplyCommentContainerProps = {\n  cardHeaderProps?: CardHeaderProps;\n  creatReplyCommentTitleProps?: TypographyProps;\n  createReplyCommentProps?: CreateReplyCommentProps;\n};\n\n\nexport const CreateReplyCommentContainer: React.FC<CreateReplyCommentContainerProps> = ({\n  cardHeaderProps = {},\n  creatReplyCommentTitleProps = {},\n  createReplyCommentProps = {},\n}) => {\n  const { sx: sxCardHeaderProps } = cardHeaderProps;\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{\n          p: 0,\n          '& > .MuiCardHeader-action': {\n            marginTop: 0,\n            marginRight: 0,\n            marginBottom: theme.spacing(1),\n          },\n          alignItems: 'center',\n          ...sxCardHeaderProps,\n        }}\n        title={\n          <CreateReplyCommentTitle creatReplyCommentTitleProps={creatReplyCommentTitleProps} />\n        }\n      />\n      <CardContent sx={{ p: 0 }}>\n        <CreateReplyComment {...createReplyCommentProps} />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO;AAKL;;AAMQ;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACD;AAUT;;"}

package/dist/cjs/components/comment/components/reply-comment/CreateReplyCommentTitle.js

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var session_hooks = require('../../../session/session.hooks.js');
+var Typography = require('../../../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const CreateReplyCommentTitle = ({ creatReplyCommentTitleProps = {}, }) => {
+    const { user } = session_hooks.useSession();
+    if (!user)
+        return null;
+    return (jsxRuntime.jsx(Typography.default, { sx: {
+            fontSize: 14,
+            fontWeight: 700,
+        }, mb: 1, ...creatReplyCommentTitleProps, children: user?.name }));
+};
+
+exports.CreateReplyCommentTitle = CreateReplyCommentTitle;
+//# sourceMappingURL=CreateReplyCommentTitle.js.map

package/dist/cjs/components/comment/components/reply-comment/CreateReplyCommentTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateReplyCommentTitle.js","sources":["../../../../../../src/components/comment/components/reply-comment/CreateReplyCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {  Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateReplyCommentTitleProps = {\n  creatReplyCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateReplyCommentTitle: React.FC<CreateReplyCommentTitleProps> = ({\n  creatReplyCommentTitleProps = {},\n}) => {\n  const { user } = useSession();\n\n  if (!user) return null;\n\n  return (\n    <Typography\n      sx={{\n        fontSize: 14,\n        fontWeight: 700,\n      }}\n      mb={1}\n      {...creatReplyCommentTitleProps}>\n      {user?.name}\n    </Typography>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAUO;AAGL;AAEA;AAAW;AAEX;AAGM;AACA;;AAOR;;"}

package/dist/cjs/components/comment/components/reply-comment/ReplyComments.js

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CommentItem = require('../CommentItem.js');
+var Grid = require('../../../../node_modules/@mui/material/esm/Grid/Grid.js');
+
+const ReplyComments = ({ replyComments, replyCommentItemProps = {}, onReply, }) => {
+    return (jsxRuntime.jsx(Grid.default, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(CommentItem.CommentItem, { comment: replyComment, onReply: onReply, commentItemProps: replyCommentItemProps }) }, key))) }));
+};
+
+exports.ReplyComments = ReplyComments;
+//# sourceMappingURL=ReplyComments.js.map

package/dist/cjs/components/comment/components/reply-comment/ReplyComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyComments.js","sources":["../../../../../../src/components/comment/components/reply-comment/ReplyComments.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '@/shared/types/generated';\nimport { Grid } from '@mui/material';\nimport { CommentItem } from '../CommentItem';\nimport { CommentItemExtraProps } from '@/components/comment/comment.types';\n\ntype ReplyCommentsProps = {\n  replyComments: ReplyComment[];\n  onReply: (comment: Comment | ReplyComment) => void;\n  replyCommentItemProps?: CommentItemExtraProps;\n};\n\nexport const ReplyComments: React.FC<ReplyCommentsProps> = ({\n  replyComments,\n  replyCommentItemProps = {},\n  onReply,\n}) => {\n  return (\n    <Grid container spacing={2}>\n      {replyComments?.map((replyComment, key) => (\n        <Grid size={12} key={key}>\n          <CommentItem\n            comment={replyComment}\n            onReply={onReply}\n            commentItemProps={replyCommentItemProps}\n          />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAcO;;AAkBP;;"}

package/dist/cjs/components/panel/Panel.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../_virtual/index.js');
+var panel_store = require('./panel.store.js');
+var panel_actions = require('./panel.actions.js');
+var Drawer = require('../../node_modules/@mui/material/esm/Drawer/Drawer.js');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+
+const Panel = ({ children, footer, size = 300, ...rest }) => {
+    const { isOpen } = index.libExports.useStore(panel_store.panelStore);
+    return (jsxRuntime.jsx(Drawer.default, { open: isOpen, onClose: () => panel_actions.handlePanelClick(false), ...rest, children: jsxRuntime.jsxs(Box.default, { sx: { width: size }, display: "flex", flexDirection: "column", justifyContent: "space-between", height: "100%", children: [jsxRuntime.jsx(Box.default, { children: children }), jsxRuntime.jsx(Box.default, { children: footer })] }) }));
+};
+
+exports.Panel = Panel;
+//# sourceMappingURL=Panel.js.map

package/dist/cjs/components/panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sources":["../../../../src/components/panel/Panel.tsx"],"sourcesContent":["'use client'\n\nimport { Box, Drawer, DrawerProps } from '@mui/material';\nimport React from 'react';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { handlePanelClick } from './panel.actions';\n\nexport interface PanelProps extends DrawerProps {\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: number;\n}\n\nexport const Panel: React.FC<PanelProps> = ({ children, footer, size = 300, ...rest }) => {\n  const { isOpen } = useStore(panelStore);\n\n  return (\n    <Drawer open={isOpen} onClose={() => handlePanelClick(false)} {...rest}>\n      <Box\n        sx={{ width: size }}\n        display=\"flex\"\n        flexDirection=\"column\"\n        justifyContent=\"space-between\"\n        height=\"100%\">\n        <Box>{children}</Box>\n        <Box>{footer}</Box>\n      </Box>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAcO;;AAGL;AAaF;;"}

package/dist/cjs/components/panel/PanelAvatar.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var session_hooks = require('../session/session.hooks.js');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+var Avatar = require('../../node_modules/@mui/material/esm/Avatar/Avatar.js');
+var Link = require('../../node_modules/@mui/material/esm/Link/Link.js');
+var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const PanelAvatar = ({ avatarProps = {}, textProps = {}, textLink = 'Administrar Cuenta', SubscriptionImageComponent = null, }) => {
+    const { user, config } = session_hooks.useSession();
+    const { sx: sxTextProps, ...textRestProps } = textProps;
+    return (jsxRuntime.jsxs(Box.default, { px: 1.5, py: 1, display: "flex", alignItems: "center", children: [jsxRuntime.jsxs(Box.default, { mr: 1, position: "relative", children: [jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, ...avatarProps?.sx }, src: user?.avatar, ...avatarProps }), SubscriptionImageComponent] }), jsxRuntime.jsxs(Box.default, { children: [jsxRuntime.jsx(Box.default, { mb: 0, children: decodeURIComponent(user?.name) }), jsxRuntime.jsx(Link.default, { href: config?.urlPortal, sx: { textDecoration: 'none' }, children: jsxRuntime.jsx(Typography.default, { sx: {
+                                color: 'black',
+                                fontSize: '12px',
+                                ...sxTextProps,
+                            }, ...textRestProps, children: textLink }) })] })] }));
+};
+
+exports.PanelAvatar = PanelAvatar;
+//# sourceMappingURL=PanelAvatar.js.map

package/dist/cjs/components/panel/PanelAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Avatar, Link, AvatarProps, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PanelAvatarProps {\n  avatarProps?: AvatarProps;\n  textProps?: TypographyProps;\n  textLink?: string;\n  SubscriptionImageComponent?: React.ReactNode | null;\n}\n\nexport const PanelAvatar: React.FC<PanelAvatarProps> = ({\n  avatarProps = {},\n  textProps = {},\n  textLink = 'Administrar Cuenta',\n  SubscriptionImageComponent = null,\n}) => {\n  const { user, config } = useSession();\n  const { sx: sxTextProps, ...textRestProps } = textProps;\n  return (\n    <Box px={1.5} py={1} display=\"flex\" alignItems=\"center\">\n      <Box mr={1} position=\"relative\">\n        <Avatar\n          sx={{ width: 40, height: 40, ...avatarProps?.sx }}\n          src={user?.avatar as string}\n          {...avatarProps}\n        />\n        {SubscriptionImageComponent}\n      </Box>\n      <Box>\n        <Box mb={0}>{decodeURIComponent(user?.name as string)}</Box>\n        <Link href={config?.urlPortal} sx={{ textDecoration: 'none' }}>\n          <Typography\n            sx={{\n              color: 'black',\n              fontSize: '12px',\n              ...sxTextProps,\n            }}\n            {...textRestProps}>\n            {textLink}\n          </Typography>\n        </Link>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAoCc;AACA;AACA;;AASd;;"}

package/dist/cjs/components/panel/PanelButton.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var panel_actions = require('./panel.actions.js');
+var index = require('../../_virtual/index.js');
+var panel_store = require('./panel.store.js');
+var session_hooks = require('../session/session.hooks.js');
+var index$1 = require('../../shared/constants/index.js');
+var Button = require('../../node_modules/@mui/material/esm/Button/Button.js');
+
+const PanelButton = ({ loginButtonText = 'CUENTA', registerButtonText = 'INGRESAR', registerButtonProps, loginButtonProps, params = {}, }) => {
+    const { isOpen } = index.libExports.useStore(panel_store.panelStore);
+    const { user } = session_hooks.useSession();
+    const handleClick = () => {
+        if (user)
+            return panel_actions.handlePanelClick(!isOpen);
+        let url = `${index$1.URL_PORTAL}/autenticacion`;
+        const queryParams = {
+            redirect_url: window.location.href,
+            ...params,
+        };
+        const queryString = new URLSearchParams(queryParams).toString();
+        return (window.location.href = `${url}?${queryString}`);
+    };
+    if (user) {
+        return (jsxRuntime.jsx(Button.default, { onClick: handleClick, ...loginButtonProps, children: loginButtonText }));
+    }
+    return (jsxRuntime.jsx(Button.default, { onClick: handleClick, ...registerButtonProps, children: registerButtonText }));
+};
+
+exports.PanelButton = PanelButton;
+//# sourceMappingURL=PanelButton.js.map

package/dist/cjs/components/panel/PanelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelButton.js","sources":["../../../../src/components/panel/PanelButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\nimport { handlePanelClick } from './panel.actions';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { useSession } from '../session/session.hooks';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport interface PanelButtonProps {\n  params?: { [key: string]: string };\n  loginButtonText?: string | React.ReactNode;\n  registerButtonText?: string | React.ReactNode;\n  registerButtonProps?: ButtonProps;\n  loginButtonProps?: ButtonProps;\n}\n\nexport const PanelButton: FC<PanelButtonProps> = ({\n  loginButtonText = 'CUENTA',\n  registerButtonText = 'INGRESAR',\n  registerButtonProps,\n  loginButtonProps,\n  params = {},\n}) => {\n\n  const { isOpen } = useStore(panelStore);\n  const { user } = useSession();\n\n  const handleClick = () => {\n    if (user) return handlePanelClick(!isOpen);\n\n    let url = `${URL_PORTAL}/autenticacion`;\n\n    const queryParams = {\n      redirect_url: window.location.href,\n      ...params,\n    };\n\n    const queryString = new URLSearchParams(queryParams).toString();\n\n    return (window.location.href = `${url}?${queryString}`);\n  };\n\n  if (user) {\n    return (\n      <Button onClick={handleClick} {...loginButtonProps}>\n        {loginButtonText}\n      </Button>\n    );\n  }\n\n  return (\n    <Button onClick={handleClick} {...registerButtonProps}>\n      {registerButtonText}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2BE;;AAGE;AAAU;AAEV;AAEA;AACE;AACA;;;AAKF;AACF;;AAGE;;AAOF;AAKF;;"}

package/dist/cjs/components/panel/PanelDivider.js

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Divider = require('../../node_modules/@mui/material/esm/Divider/Divider.js');
+
+const PanelDivider = ({ sx, ...rest }) => {
+    return (jsxRuntime.jsx(Divider.default, { sx: {
+            backgroundColor: '#e7e7e7',
+            height: 1.5,
+            ...sx,
+        }, ...rest }));
+};
+
+exports.PanelDivider = PanelDivider;
+//# sourceMappingURL=PanelDivider.js.map

package/dist/cjs/components/panel/PanelDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelDivider.js","sources":["../../../../src/components/panel/PanelDivider.tsx"],"sourcesContent":["'use client'\n\nimport { DividerProps, Divider } from '@mui/material';\nimport React from 'react';\n\nexport interface PanelDividerProps extends DividerProps {}\n\nexport const PanelDivider: React.FC<PanelDividerProps> = ({ sx, ...rest }) => {\n  return (\n    <Divider\n      sx={{\n        backgroundColor: '#e7e7e7',\n        height: 1.5,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAOO;AACL;AAGM;AACA;AACA;;AAKR;;"}

package/dist/cjs/components/panel/PanelFooter.js

@@ -0,0 +1,28 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PanelDivider = require('./PanelDivider.js');
+var PanelItem = require('./PanelItem.js');
+var theme = require('../../shared/mui/theme.js');
+var PowerSettingsNew = require('../../node_modules/@mui/icons-material/esm/PowerSettingsNew.js');
+var session_hooks = require('../session/session.hooks.js');
+var List = require('../../node_modules/@mui/material/esm/List/List.js');
+var ListItemIcon = require('../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.js');
+
+const PanelFooter = ({ dividerProps, listProps, listItemProps, listItemTextProps, }) => {
+    const { logout } = session_hooks.useSession();
+    return (jsxRuntime.jsxs(List.default, { disablePadding: true, ...listProps, children: [jsxRuntime.jsx(PanelDivider.PanelDivider, { ...dividerProps }), jsxRuntime.jsx(PanelItem.PanelItem, { listItemProps: {
+                    onClick: () => logout(),
+                    secondaryAction: (jsxRuntime.jsx(ListItemIcon.default, { sx: { marginRight: theme.theme.spacing(1.5), minWidth: 0 }, children: jsxRuntime.jsx(PowerSettingsNew.default, {}) })),
+                    component: 'div',
+                    ...listItemProps,
+                }, listItemTextProps: {
+                    primary: 'Cerrar sesión',
+                    primaryTypographyProps: { sx: { fontWeight: 'bold', fontSize: 18 } },
+                    ...listItemTextProps,
+                } })] }));
+};
+
+exports.PanelFooter = PanelFooter;
+//# sourceMappingURL=PanelFooter.js.map

package/dist/cjs/components/panel/PanelFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.js","sources":["../../../../src/components/panel/PanelFooter.tsx"],"sourcesContent":["'use client'\n\nimport {\n  DividerProps,\n  List,\n  ListItemIcon,\n  ListItemProps,\n  ListItemTextProps,\n  ListProps,\n} from '@mui/material';\nimport { PanelDivider } from './PanelDivider';\nimport { PanelItem } from './PanelItem';\nimport { theme } from '@/shared/mui/theme';\nimport PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNew';\nimport { useSession } from '../session/session.hooks';\nimport React from 'react';\n\nexport interface PanelFooterProps {\n  dividerProps?: DividerProps;\n  listProps?: ListProps;\n  listItemProps?: ListItemProps & { href?: string };\n  listItemTextProps?: ListItemTextProps;\n}\n\nexport const PanelFooter: React.FC<PanelFooterProps> = ({\n  dividerProps,\n  listProps,\n  listItemProps,\n  listItemTextProps,\n}) => {\n  const { logout } = useSession();\n  return (\n    <List disablePadding {...listProps}>\n      <PanelDivider {...dividerProps} />\n      <PanelItem\n        listItemProps={{\n          onClick: () => logout(),\n          secondaryAction: (\n            <ListItemIcon sx={{ marginRight: theme.spacing(1.5), minWidth: 0 }}>\n              <PowerSettingsNewIcon />\n            </ListItemIcon>\n          ),\n          component: 'div',\n          ...listItemProps,\n        }}\n        listItemTextProps={{\n          primary: 'Cerrar sesión',\n          primaryTypographyProps: { sx: { fontWeight: 'bold', fontSize: 18 } },\n          ...listItemTextProps,\n        }}\n      />\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAwBO;AAML;AACA;AAKQ;;AAMA;AACA;AACD;AAEC;AACA;AACA;;AAKV;;"}

package/dist/cjs/components/panel/PanelHeader.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+
+const PanelHeader = ({ imageProps = {}, containerProps = {}, }) => {
+    return (jsxRuntime.jsx(Box.default, { ...containerProps, children: jsxRuntime.jsx("img", { ...imageProps, alt: imageProps?.alt }) }));
+};
+
+exports.PanelHeader = PanelHeader;
+//# sourceMappingURL=PanelHeader.js.map

package/dist/cjs/components/panel/PanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.js","sources":["../../../../src/components/panel/PanelHeader.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { BoxProps, Box } from '@mui/material';\n\nexport interface PanelHeaderProps {\n  containerProps?: BoxProps;\n  imageProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;\n}\n\nexport const PanelHeader: React.FC<PanelHeaderProps> = ({\n  imageProps = {},\n  containerProps = {},\n}) => {\n  return (\n    <Box {...containerProps}>\n      <img {...imageProps} alt={imageProps?.alt} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAUO;AAIL;AAKF;;"}

package/dist/cjs/components/panel/PanelItem.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ArrowForwardIos = require('../../node_modules/@mui/icons-material/esm/ArrowForwardIos.js');
+var theme = require('../../shared/mui/theme.js');
+var ListItem = require('../../node_modules/@mui/material/esm/ListItem/ListItem.js');
+var ListItemButton = require('../../node_modules/@mui/material/esm/ListItemButton/ListItemButton.js');
+var ListItemText = require('../../node_modules/@mui/material/esm/ListItemText/ListItemText.js');
+var IconButton = require('../../node_modules/@mui/material/esm/IconButton/IconButton.js');
+
+const PanelItem = ({ listItemProps, listItemTextProps }) => {
+    return (jsxRuntime.jsx(ListItem.default, { disablePadding: true, component: "a", secondaryAction: jsxRuntime.jsx(IconButton.default, { children: jsxRuntime.jsx(ArrowForwardIos.default, { fontSize: "small" }) }), ...listItemProps, children: jsxRuntime.jsx(ListItemButton.default, { sx: { alignItems: 'center', paddingLeft: theme.theme.spacing(1.5) }, children: jsxRuntime.jsx(ListItemText.default, { ...listItemTextProps }) }) }));
+};
+
+exports.PanelItem = PanelItem;
+//# sourceMappingURL=PanelItem.js.map

package/dist/cjs/components/panel/PanelItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelItem.js","sources":["../../../../src/components/panel/PanelItem.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  IconButton,\n  ListItemProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport { theme } from '@/shared/mui/theme';\n\nexport interface PanelItemProps {\n  listItemProps?: ListItemProps & { href?: string };\n  listItemTextProps?: ListItemTextProps;\n}\n\nexport const PanelItem: React.FC<PanelItemProps> = ({ listItemProps, listItemTextProps }) => {\n  return (\n    <ListItem\n      disablePadding\n      component=\"a\"\n      secondaryAction={\n        <IconButton>\n          <ArrowForwardIosIcon fontSize=\"small\" />\n        </IconButton>\n      }\n      {...listItemProps}>\n      <ListItemButton sx={{ alignItems: 'center', paddingLeft: theme.spacing(1.5) }}>\n        <ListItemText {...listItemTextProps} />\n      </ListItemButton>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAmBO;;AAgBP;;"}

package/dist/cjs/components/panel/PanelListItems.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PanelDivider = require('./PanelDivider.js');
+var theme = require('../../shared/mui/theme.js');
+var PanelItem = require('./PanelItem.js');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.js');
+var List = require('../../node_modules/@mui/material/esm/List/List.js');
+
+const PanelListItems = ({ dividerProps, containerProps, listProps, titleProps, routes = [], title = 'Title', }) => {
+    return (jsxRuntime.jsxs(Box.default, { ...containerProps, children: [title ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.default, { px: 1.5, mb: 1, lineHeight: 1.2, fontWeight: "bold", fontSize: 16, ...titleProps, children: title }), jsxRuntime.jsx(PanelDivider.PanelDivider, { ...dividerProps })] })) : null, jsxRuntime.jsx(List.default, { disablePadding: true, sx: { marginBottom: theme.theme.spacing(1) }, ...listProps, children: routes.map((route, index) => (jsxRuntime.jsx(PanelItem.PanelItem, { listItemProps: {
+                        href: route.path,
+                    }, listItemTextProps: {
+                        primary: route.name,
+                        primaryTypographyProps: { sx: { fontWeight: 400, fontSize: 16 } },
+                    } }, index))) })] }));
+};
+
+exports.PanelListItems = PanelListItems;
+//# sourceMappingURL=PanelListItems.js.map

package/dist/cjs/components/panel/PanelListItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelListItems.js","sources":["../../../../src/components/panel/PanelListItems.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  ListProps,\n  Box,\n  Typography,\n  DividerProps,\n  BoxProps,\n  List,\n  TypographyProps,\n} from '@mui/material';\nimport { PanelDivider } from './PanelDivider';\nimport { theme } from '@/shared/mui/theme';\nimport { PanelListRoute } from './panel.types';\nimport { PanelItem } from './PanelItem';\n\nexport interface PanelListItems {\n  dividerProps?: DividerProps;\n  containerProps?: BoxProps;\n  listProps?: ListProps;\n  routes?: PanelListRoute[];\n  titleProps?: TypographyProps;\n  title?: string;\n}\n\nexport const PanelListItems: React.FC<PanelListItems> = ({\n  dividerProps,\n  containerProps,\n  listProps,\n  titleProps,\n  routes = [],\n  title = 'Title',\n}) => {\n  return (\n    <Box {...containerProps}>\n      {title ? (\n        <>\n          <Typography\n            px={1.5}\n            mb={1}\n            lineHeight={1.2}\n            fontWeight=\"bold\"\n            fontSize={16}\n            {...titleProps}>\n            {title}\n          </Typography>\n          <PanelDivider {...dividerProps} />\n        </>\n      ) : null}\n\n      <List disablePadding sx={{ marginBottom: theme.spacing(1) }} {...listProps}>\n        {routes.map((route, index) => (\n          <PanelItem\n            key={index}\n            listItemProps={{\n              href: route.path,\n            }}\n            listItemTextProps={{\n              primary: route.name,\n              primaryTypographyProps: { sx: { fontWeight: 400, fontSize: 16 } },\n            }}\n          />\n        ))}\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCE;;AAuBW;;AAGC;AACD;AAMb;;"}

package/dist/cjs/components/panel/PanelSubscriptionIcon.js

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var session_hooks = require('../session/session.hooks.js');
+var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
+
+const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
+    const { subscription } = session_hooks.useSession();
+    if (!subscription)
+        return null;
+    return (jsxRuntime.jsx(Box.default, { sx: {
+            borderRadius: '50%',
+            position: 'absolute',
+            top: -7,
+            right: -7,
+        }, ...subscriptionImageContainerProps, children: children }));
+};
+
+exports.PanelSubscriptionIcon = PanelSubscriptionIcon;
+//# sourceMappingURL=PanelSubscriptionIcon.js.map

package/dist/cjs/components/panel/PanelSubscriptionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelSubscriptionIcon.js","sources":["../../../../src/components/panel/PanelSubscriptionIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface PanelSubscriptionIconProps {\n  children?: React.ReactNode;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps> = ({\n  children,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { subscription } = useSession();\n\n  if (!subscription) return null;\n\n  return (\n    <Box\n      sx={{\n        borderRadius: '50%',\n        position: 'absolute',\n        top: -7,\n        right: -7,\n      }}\n      {...subscriptionImageContainerProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAWO;AAIL;AAEA;AAAmB;AAEnB;AAGM;AACA;;;AAGD;AAKP;;"}

package/dist/cjs/components/panel/panel.actions.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('../../_virtual/index.js');
+var panel_store = require('./panel.store.js');
+
+const panelStoreAction = index.libExports.createStoreAction(panel_store.panelStore, (prev, data) => ({
+    ...prev,
+    ...data,
+}));
+const handlePanelClick = (isOpen) => {
+    return panelStoreAction({ isOpen });
+};
+
+exports.handlePanelClick = handlePanelClick;
+exports.panelStoreAction = panelStoreAction;
+//# sourceMappingURL=panel.actions.js.map

package/dist/cjs/components/panel/panel.actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.actions.js","sources":["../../../../src/components/panel/panel.actions.ts"],"sourcesContent":["import { createStoreAction } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { PanelStoreAction } from './panel.types';\n\nexport const panelStoreAction = createStoreAction(panelStore, (prev, data: PanelStoreAction) => ({\n  ...prev,\n  ...data,\n}));\n\nexport const handlePanelClick = (isOpen: boolean) => {\n  return panelStoreAction({ isOpen });\n};\n\n"],"names":["createStoreAction","panelStore"],"mappings":";;;;;AAIO,MAAM,gBAAgB,GAAGA,kCAAiB,CAACC,sBAAU,EAAE,CAAC,IAAI,EAAE,IAAsB,MAAM;AAC/F,IAAA,GAAG,IAAI;AACP,IAAA,GAAG,IAAI;AACR,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAG,CAAC,MAAe,KAAI;AAClD,IAAA,OAAO,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;AACrC;;;;;"}

package/dist/cjs/components/panel/panel.store.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var index = require('../../_virtual/index.js');
+
+const panelStore = index.libExports.createStore({
+    initialValue: {
+        isOpen: false,
+    },
+});
+
+exports.panelStore = panelStore;
+//# sourceMappingURL=panel.store.js.map

package/dist/cjs/components/panel/panel.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.store.js","sources":["../../../../src/components/panel/panel.store.ts"],"sourcesContent":["import {createStore} from \"@cobuildlab/react-simple-state\";\n\nexport const panelStore = createStore({\n    initialValue: {\n        isOpen: false,\n    },\n});"],"names":["createStore"],"mappings":";;;;AAEO,MAAM,UAAU,GAAGA,4BAAW,CAAC;AAClC,IAAA,YAAY,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;AAChB,KAAA;AACJ,CAAA;;;;"}

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

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+var session_hooks = require('../session/session.hooks.js');
+
+const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, LoadingComponent, postPremium = false, postRegister = false, }) => {
+    const { user, subscription, loading } = session_hooks.useSession();
+    if (loading)
+        return LoadingComponent;
+    if (!subscription && postPremium) {
+        return PaywallSubscriptionComponent;
+    }
+    if (!(user && postRegister)) {
+        return PaywallRegisterComponent;
+    }
+    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'\n\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  LoadingComponent?: React.ReactNode;\n  postPremium?: boolean;\n  postRegister?: boolean;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n  LoadingComponent,\n  postPremium = false,\n  postRegister = false,\n}) => {\n  const { user, subscription, loading } = useSession();\n\n  if (loading) return LoadingComponent;\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":";;;;;;;AAwBE;AAAa;AAEb;AACE;;AAGF;AACE;;AAGF;AACF;;"}

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

@@ -0,0 +1,93 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../shared/constants/index.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 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 = index.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'\n\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport interface PaywallRegisterProps {\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}\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\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 = 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;;;;;;;;;AAqBD;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/components/paywall/PaywallSubscription.js

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../shared/constants/index.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 = 'Ya soy suscriptor', secondaryButtonProps = {}, 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.', buttonText = 'Suscríbete', }) => {
+    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 (!index.URL_PORTAL) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${index.URL_PORTAL}/planes?post_url=${window.location.href}`);
+    };
+    const handleSecondaryButton = () => {
+        if (!index.URL_PORTAL) {
+            console.error('NEXT_PUBLIC_URL_PORTAL is required!');
+            return null;
+        }
+        return (window.location.href = `${index.URL_PORTAL}/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.PaywallSubscription = PaywallSubscription;
+//# sourceMappingURL=PaywallSubscription.js.map