react-easy-wall 1.3.4 → 2.0.1

package/dist/esm/components/comment/components/create-comment/CreateComment.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useComment } from '../../comment.hooks.js';
+import { ReactSimpleWysiwyg } from '../../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
+import { useSession } from '../../../session/session.hooks.js';
+import { l as libExports } from '../../../../_virtual/index.js';
+import { createComment, openSubscriptionCommentsStoreAction } from '../../comment.actions.js';
+import { theme } from '../../../../shared/mui/theme.js';
+import { ButtonDefault } from '../../../../shared/components/buttons/ButtonDefault.js';
+import Card from '../../../../node_modules/@mui/material/esm/Card/Card.js';
+import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
+import Avatar from '../../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
+import Typography from '../../../../node_modules/@mui/material/esm/Typography/Typography.js';
+
+const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, }) => {
+    const { user, subscription } = useSession();
+    const [html, setHtml] = useState('');
+    const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();
+    const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;
+    const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;
+    const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;
+    const [callCreateComment, loading] = libExports.useCallAction(createComment, {
+        onCompleted: () => {
+            setHtml('');
+            callAction();
+        },
+    });
+    const canRegistered = onlyForRegistered && user;
+    const canSubscriber = onlyForSubscribers && subscription;
+    const canComment = canRegistered || canSubscriber;
+    return (jsx(Card, { elevation: 0, children: jsxs(Box, { sx: { display: { xs: 'block', md: 'flex' } }, children: [user ? (jsxs(Box, { sx: {
+                        xs: {
+                            marginRight: 0,
+                            marginBottom: 10,
+                            display: 'flex',
+                            alignItems: 'center',
+                            alignContent: 'center',
+                        },
+                        md: {
+                            marginRight: 10,
+                        },
+                    }, children: [jsx(Avatar, { sx: { width: 40, height: 40, marginRight: 1, ...sxCreateCommentAvatarProps }, src: user?.avatar }), jsx(Box, { sx: { display: { xs: 'block', md: 'none' } }, children: jsx(Typography, { sx: {
+                                    fontSize: 14,
+                                    fontWeight: 700,
+                                    ...sxCreateCommentNameTextProps,
+                                }, mb: 1, children: user?.name }) })] })) : null, jsx(Box, { component: 'div', style: { width: '100%' }, children: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsx(Box, { sx: {
+                        marginLeft: 10,
+                        [theme.breakpoints.down('md')]: {
+                            marginLeft: 0,
+                            marginTop: 10,
+                        },
+                    }, children: jsx(ButtonDefault, { onClick: () => {
+                            if (!canComment)
+                                return openSubscriptionCommentsStoreAction(true);
+                            callCreateComment({
+                                data: {
+                                    message: html,
+                                    post_id: postId,
+                                },
+                            });
+                        }, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
+                            minWidth: 130,
+                            '&:disabled': {
+                                backgroundColor: '#8B8B8B !important',
+                            },
+                            ...sxCreateCommentButtonProps,
+                        }, children: "Comentar" }) })] }) }));
+};
+
+export { CreateComment };
+//# sourceMappingURL=CreateComment.js.map

package/dist/esm/components/comment/components/create-comment/CreateComment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n  Avatar,\n  AvatarProps,\n  Box,\n  ButtonProps,\n  Card,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { useComment } from '../../comment.hooks';\nimport {\n  ReactSimpleWysiwyg,\n  ReactSimpleWysiwygProps,\n} from '@/shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '../../../session/session.hooks';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createComment, openSubscriptionCommentsStoreAction } from '../../comment.actions';\nimport { theme } from '@/shared/mui/theme';\nimport { ButtonDefault } from '@/shared/components/buttons/ButtonDefault';\n\nexport type CreateCommentProps = {\n  createCommentAvatarProps?: AvatarProps;\n  createCommentNameTextProps?: TypographyProps;\n  createCommentButtonProps?: ButtonProps;\n  createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;\n};\n\nexport const CreateComment: React.FC<CreateCommentProps> = ({\n  createCommentAvatarProps = {},\n  createCommentNameTextProps = {},\n  createCommentButtonProps = {},\n  createCommentContentProps = {},\n}) => {\n  const { user, subscription } = useSession();\n  const [html, setHtml] = useState<string>('');\n  const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();\n  const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;\n  const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;\n  const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;\n\n  const [callCreateComment, loading] = useCallAction(createComment, {\n    onCompleted: () => {\n      setHtml('');\n      callAction();\n    },\n  });\n\n  const canRegistered = onlyForRegistered && user;\n  const canSubscriber = onlyForSubscribers && subscription;\n\n  const canComment = canRegistered || canSubscriber;\n\n  return (\n    <Card elevation={0}>\n      <Box sx={{ display: { xs: 'block', md: 'flex' } }}>\n        {user ? (\n          <Box\n            sx={{\n              xs: {\n                marginRight: 0,\n                marginBottom: 10,\n                display: 'flex',\n                alignItems: 'center',\n                alignContent: 'center',\n              },\n              md: {\n                marginRight: 10,\n              },\n            }}>\n            <Avatar\n              sx={{ width: 40, height: 40, marginRight: 1, ...sxCreateCommentAvatarProps }}\n              src={user?.avatar as string}\n            />\n            <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n              <Typography\n                sx={{\n                  fontSize: 14,\n                  fontWeight: 700,\n                  ...sxCreateCommentNameTextProps,\n                }}\n                mb={1}>\n                {user?.name}\n              </Typography>\n            </Box>\n          </Box>\n        ) : null}\n        {\n          <Box component={'div'} style={{ width: '100%' }}>\n            <ReactSimpleWysiwyg\n              value={html}\n              onChange={(value) => setHtml(value)}\n              {...createCommentContentProps}\n            />\n          </Box>\n        }\n        {\n          <Box\n            sx={{\n              marginLeft: 10,\n              [theme.breakpoints.down('md')]: {\n                marginLeft: 0,\n                marginTop: 10,\n              },\n            }}>\n            <ButtonDefault\n              onClick={() => {\n                if (!canComment) return openSubscriptionCommentsStoreAction(true);\n                callCreateComment({\n                  data: {\n                    message: html,\n                    post_id: postId,\n                  },\n                });\n              }}\n              color={!subscription ? 'primary' : 'inherit'}\n              isLoading={loading}\n              sx={{\n                minWidth: 130,\n                '&:disabled': {\n                  backgroundColor: '#8B8B8B !important',\n                },\n                ...sxCreateCommentButtonProps,\n              }}>\n              Comentar\n            </ButtonDefault>\n          </Box>\n        }\n      </Box>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqCE;AACA;AACA;AACA;;;;AAKI;;AAEH;AAED;AACA;AAEA;AAEA;AAMY;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACD;;AASG;AACA;AACA;;AAoBJ;;AAEE;AACA;AACD;AACF;AAGG;AAAiB;AACjB;AACE;AACE;AACA;AACD;AACF;AACH;AAIE;AACA;AACE;AACD;AACD;AACD;AAQf;;"}

package/dist/esm/components/comment/components/create-comment/CreateCommentAction.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useSession } from '../../../session/session.hooks.js';
+import { theme } from '../../../../shared/mui/theme.js';
+import { URL_PORTAL } from '../../../../shared/constants/index.js';
+import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
+import Button from '../../../../node_modules/@mui/material/esm/Button/Button.js';
+import Divider from '../../../../node_modules/@mui/material/esm/Divider/Divider.js';
+
+const CreateCommentAction = ({ loginButtonProps = {}, registerButtonProps = {}, subscriptionButtonProps = {}, }) => {
+    const { user, subscription } = useSession();
+    const { sx: sxLoginButtonProps } = loginButtonProps;
+    const { sx: sxRegisterButtonProps } = registerButtonProps;
+    const { sx: sxSubscriptionButtonProps } = subscriptionButtonProps;
+    const redirectTo = (url) => {
+        const redirectUrl = new URL(url);
+        redirectUrl.searchParams.append('redirect_url', window.location.href);
+        window.location.href = redirectUrl.href;
+    };
+    if (!user) {
+        return (jsxs(Box, { display: "flex", children: [jsx(Button, { disableElevation: true, disableFocusRipple: true, disableTouchRipple: true, disableRipple: true, sx: {
+                        cursor: 'pointer',
+                        textDecoration: 'underline',
+                        paddingLeft: theme.spacing(0.5),
+                        paddingRight: theme.spacing(0.5),
+                        fontWeight: 700,
+                        ...sxLoginButtonProps,
+                    }, onClick: () => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`), children: "Iniciar sesi\u00F3n" }), jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mr: 1, ml: 1 } }), jsx(Button, { disableElevation: true, disableFocusRipple: true, disableTouchRipple: true, disableRipple: true, sx: {
+                        cursor: 'pointer',
+                        textDecoration: 'underline',
+                        paddingLeft: theme.spacing(0.5),
+                        paddingRight: theme.spacing(0.5),
+                        fontWeight: 700,
+                        ...sxRegisterButtonProps,
+                    }, onClick: () => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`), children: "Registrate" })] }));
+    }
+    if (!subscription) {
+        return (jsx(Box, { display: "flex", children: jsx(Box, { sx: {
+                    cursor: 'pointer',
+                    textDecoration: 'underline',
+                    paddingLeft: theme.spacing(0.5),
+                    paddingRight: theme.spacing(0.5),
+                    fontWeight: 700,
+                    ...sxSubscriptionButtonProps,
+                }, component: 'a', href: `${URL_PORTAL}/planes?post_url=${URL_PORTAL}${window.location.href}`, children: "Suscr\u00EDbete" }) }));
+    }
+    return null;
+};
+
+export { CreateCommentAction };
+//# sourceMappingURL=CreateCommentAction.js.map

package/dist/esm/components/comment/components/create-comment/CreateCommentAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCommentAction.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentAction.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Button, ButtonProps, Divider } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\nimport { theme } from '@/shared/mui/theme';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport type CreateCommentTitleItemProps = {\n  loginButtonProps?: ButtonProps;\n  registerButtonProps?: ButtonProps;\n  subscriptionButtonProps?: ButtonProps;\n};\n\nexport const CreateCommentAction: React.FC<CreateCommentTitleItemProps> = ({\n  loginButtonProps = {},\n  registerButtonProps = {},\n  subscriptionButtonProps = {},\n}) => {\n  const { user, subscription } = useSession();\n  const { sx: sxLoginButtonProps } = loginButtonProps;\n  const { sx: sxRegisterButtonProps } = registerButtonProps;\n  const { sx: sxSubscriptionButtonProps } = subscriptionButtonProps;\n  const redirectTo = (url: string) => {\n    const redirectUrl = new URL(url);\n    redirectUrl.searchParams.append('redirect_url', window.location.href);\n    window.location.href = redirectUrl.href;\n  };\n\n  if (!user) {\n    return (\n      <Box display=\"flex\">\n        <Button\n          disableElevation\n          disableFocusRipple\n          disableTouchRipple\n          disableRipple\n          sx={{\n            cursor: 'pointer',\n            textDecoration: 'underline',\n            paddingLeft: theme.spacing(0.5),\n            paddingRight: theme.spacing(0.5),\n            fontWeight: 700,\n            ...sxLoginButtonProps,\n          }}\n          onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n          Iniciar sesión\n        </Button>\n        <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n        <Button\n          disableElevation\n          disableFocusRipple\n          disableTouchRipple\n          disableRipple\n          sx={{\n            cursor: 'pointer',\n            textDecoration: 'underline',\n            paddingLeft: theme.spacing(0.5),\n            paddingRight: theme.spacing(0.5),\n            fontWeight: 700,\n            ...sxRegisterButtonProps,\n          }}\n          onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n          Registrate\n        </Button>\n      </Box>\n    );\n  }\n\n  if (!subscription) {\n    return (\n      <Box display=\"flex\">\n        <Box\n          sx={{\n            cursor: 'pointer',\n            textDecoration: 'underline',\n            paddingLeft: theme.spacing(0.5),\n            paddingRight: theme.spacing(0.5),\n            fontWeight: 700,\n            ...sxSubscriptionButtonProps,\n          }}\n          component={'a'}\n          href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${window.location.href}`}>\n          Suscríbete\n        </Box>\n      </Box>\n    );\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO;;AAML;AACA;AACA;AACA;AACE;AACA;;AAEF;;;AAWU;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACD;;;AASP;AAIQ;AACA;AACA;AACA;AACA;AACA;;;AAUV;AACF;;"}

package/dist/esm/components/comment/components/create-comment/CreateCommentContainer.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CreateComment } from './CreateComment.js';
+import { theme } from '../../../../shared/mui/theme.js';
+import { CreateCommentTitle } from './CreateCommentTitle.js';
+import { CreateCommentAction } from './CreateCommentAction.js';
+import Card from '../../../../node_modules/@mui/material/esm/Card/Card.js';
+import CardHeader from '../../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js';
+import CardContent from '../../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
+
+const CreateCommentContainer = ({ createCommentTitleProps = {}, cardContentProps = {}, cardHeaderProps = {}, cardProps = {}, createCommentActionProps = {}, createCommentProps = {}, }) => {
+    const { sx: sxCardHeaderProps } = cardHeaderProps;
+    return (jsxs(Card, { elevation: 1, sx: { px: 2, pt: 2 }, ...cardProps, children: [jsx(CardHeader, { title: jsx(CreateCommentTitle, { createCommentTitleProps: createCommentTitleProps }), sx: {
+                    p: 0,
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                        marginBottom: theme.spacing(1),
+                    },
+                    alignItems: 'center',
+                    ...sxCardHeaderProps,
+                }, action: jsx(CreateCommentAction, { ...createCommentActionProps }) }), jsx(CardContent, { sx: { p: 0 }, ...cardContentProps, children: jsx(CreateComment, { ...createCommentProps }) })] }));
+};
+
+export { CreateCommentContainer };
+//# sourceMappingURL=CreateCommentContainer.js.map

package/dist/esm/components/comment/components/create-comment/CreateCommentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCommentContainer.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  TypographyProps,\n  CardHeaderProps,\n  CardProps,\n  CardContentProps,\n} from '@mui/material';\nimport { CreateComment, CreateCommentProps } from './CreateComment';\nimport { theme } from '@/shared/mui/theme';\nimport { CreateCommentTitle } from '@/components/comment/components/create-comment/CreateCommentTitle';\nimport {\n  CreateCommentAction,\n  CreateCommentTitleItemProps,\n} from '@/components/comment/components/create-comment/CreateCommentAction';\n\nexport type CreateCommentContainerProps = {\n  createCommentTitleProps?: TypographyProps;\n  cardHeaderProps?: CardHeaderProps;\n  cardProps?: CardProps;\n  cardContentProps?: CardContentProps;\n  createCommentActionProps?: CreateCommentTitleItemProps;\n  createCommentProps?: CreateCommentProps;\n};\n\nexport const CreateCommentContainer: React.FC<CreateCommentContainerProps> = ({\n  createCommentTitleProps = {},\n  cardContentProps = {},\n  cardHeaderProps = {},\n  cardProps = {},\n  createCommentActionProps = {},\n  createCommentProps = {},\n}) => {\n  const { sx: sxCardHeaderProps } = cardHeaderProps;\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }} {...cardProps}>\n      <CardHeader\n        title={<CreateCommentTitle createCommentTitleProps={createCommentTitleProps} />}\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        action={<CreateCommentAction {...createCommentActionProps} />}\n      />\n      <CardContent sx={{ p: 0 }} {...cardContentProps}>\n        <CreateComment {...createCommentProps} />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA6BO;AAQL;AAEA;AAKQ;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACD;AAQT;;"}

package/dist/esm/components/comment/components/create-comment/CreateCommentTitle.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useSession } from '../../../session/session.hooks.js';
+import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../../../node_modules/@mui/material/esm/Typography/Typography.js';
+
+const CreateCommentTitle = ({ createCommentTitleProps = {}, }) => {
+    const { user } = useSession();
+    if (!user)
+        return null;
+    return (jsx(Box, { sx: { display: { xs: 'none', lg: 'block' } }, children: jsx(Typography, { variant: "body1", fontWeight: 700, mb: 1, fontSize: 14, ...createCommentTitleProps, children: user?.name }) }));
+};
+
+export { CreateCommentTitle };
+//# sourceMappingURL=CreateCommentTitle.js.map

package/dist/esm/components/comment/components/create-comment/CreateCommentTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCommentTitle.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateCommentTitleProps = {\n  createCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateCommentTitle: React.FC<CreateCommentTitleProps> = ({\n  createCommentTitleProps = {},\n}) => {\n  const { user } = useSession();\n\n  if (!user) return null;\n\n  return (\n    <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n      <Typography\n        variant=\"body1\"\n        fontWeight={700}\n        mb={1}\n        fontSize={14}\n        {...createCommentTitleProps}>\n        {user?.name}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAUO;AAGL;AAEA;AAAW;;AAcb;;"}

package/dist/esm/components/comment/components/reply-comment/CreateReplyComment.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { EditorProvider } from '../../../../node_modules/react-simple-wysiwyg/lib/index.es.js';
+import { ButtonDefault } from '../../../../shared/components/buttons/ButtonDefault.js';
+import { useComment } from '../../comment.hooks.js';
+import { ReactSimpleWysiwyg } from '../../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
+import { l as libExports } from '../../../../_virtual/index.js';
+import { replyCommentStore } from '../../comment.store.js';
+import { createReplyComment, replyCommentStoreAction, openSubscriptionCommentsStoreAction } from '../../comment.actions.js';
+import { useSession } from '../../../session/session.hooks.js';
+import Card from '../../../../node_modules/@mui/material/esm/Card/Card.js';
+import CardHeader from '../../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js';
+import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
+import Avatar from '../../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
+
+const CreateReplyComment = ({ createReplyCommentAvatarProps = {}, createReplyCommentButtonProps = {}, }) => {
+    const { user, subscription } = useSession();
+    const { message, commentId } = libExports.useStore(replyCommentStore);
+    const [html, setHtml] = useState(message);
+    const { callAction, postId } = useComment();
+    const { sx: sxCreateReplyCommentAvatarProps } = createReplyCommentAvatarProps;
+    const { sx: sxCreateReplyCommentButtonProps } = createReplyCommentButtonProps;
+    const [callCreateComment, loading] = libExports.useCallAction(createReplyComment, {
+        onCompleted: () => {
+            callAction();
+            replyCommentStoreAction('', 0);
+        },
+    });
+    return (jsx(EditorProvider, { children: jsx(Card, { elevation: 0, children: jsx(CardHeader, { sx: {
+                    p: 0,
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                    },
+                    '& > .MuiCardHeader-avatar': {
+                        outline: '1px solid #eaecf1',
+                        borderRadius: '50%',
+                    },
+                }, avatar: user ? (jsx(Avatar, { sx: { width: 40, height: 40, ...sxCreateReplyCommentAvatarProps }, src: user?.avatar })) : null, title: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }), action: jsx(Box, { ml: 2, children: jsx(ButtonDefault, { disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, disabled: !(html && user), onClick: () => {
+                            if (!subscription)
+                                return openSubscriptionCommentsStoreAction(true);
+                            callCreateComment({
+                                data: {
+                                    message: html,
+                                    post_id: postId,
+                                    comment_id: commentId,
+                                },
+                            });
+                        }, color: "primary", isLoading: loading, sx: {
+                            minWidth: 130,
+                            ...sxCreateReplyCommentButtonProps,
+                        }, children: "Comentar" }) }) }) }) }));
+};
+
+export { CreateReplyComment };
+//# sourceMappingURL=CreateReplyComment.js.map

package/dist/esm/components/comment/components/reply-comment/CreateReplyComment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateReplyComment.js","sources":["../../../../../../src/components/comment/components/reply-comment/CreateReplyComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n  Avatar,\n  AvatarProps,\n  Box,\n  ButtonProps,\n  Card,\n  CardHeader,\n} from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '@/shared/components/buttons/ButtonDefault';\nimport { useComment } from '../../comment.hooks';\nimport { ReactSimpleWysiwyg } from '@/shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useCallAction, useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../../comment.store';\nimport {\n  createReplyComment,\n  openSubscriptionCommentsStoreAction,\n  replyCommentStoreAction,\n} from '../../comment.actions';\nimport { useSession } from '../../../session/session.hooks';\n\nexport type CreateReplyCommentProps = {\n  createReplyCommentAvatarProps?: AvatarProps;\n  createReplyCommentButtonProps?: ButtonProps;\n};\n\nexport const CreateReplyComment: React.FC<CreateReplyCommentProps> = ({\n  createReplyCommentAvatarProps = {},\n  createReplyCommentButtonProps = {},\n}) => {\n  const { user, subscription } = useSession();\n  const { message, commentId } = useStore(replyCommentStore);\n  const [html, setHtml] = useState<string>(message);\n  const { callAction, postId } = useComment();\n\n  const { sx: sxCreateReplyCommentAvatarProps } = createReplyCommentAvatarProps;\n  const { sx: sxCreateReplyCommentButtonProps } = createReplyCommentButtonProps;\n\n  const [callCreateComment, loading] = useCallAction(createReplyComment, {\n    onCompleted: () => {\n      callAction();\n      replyCommentStoreAction('', 0);\n    },\n  });\n\n  return (\n    <EditorProvider>\n      <Card elevation={0}>\n        <CardHeader\n          sx={{\n            p: 0,\n            '& > .MuiCardHeader-action': {\n              marginTop: 0,\n              marginRight: 0,\n            },\n            '& > .MuiCardHeader-avatar': {\n              outline: '1px solid #eaecf1',\n              borderRadius: '50%',\n            },\n          }}\n          avatar={\n            user ? (\n              <Avatar\n                sx={{ width: 40, height: 40, ...sxCreateReplyCommentAvatarProps }}\n                src={user?.avatar as string}\n              />\n            ) : null\n          }\n          title={<ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />}\n          action={\n            <Box ml={2}>\n              <ButtonDefault\n                disableFocusRipple\n                disableRipple\n                disableTouchRipple\n                disabled={!(html && user)}\n                onClick={() => {\n                  if (!subscription) return openSubscriptionCommentsStoreAction(true);\n\n                  callCreateComment({\n                    data: {\n                      message: html,\n                      post_id: postId,\n                      comment_id: commentId,\n                    },\n                  });\n                }}\n                color=\"primary\"\n                isLoading={loading}\n                sx={{\n                  minWidth: 130,\n                  ...sxCreateReplyCommentButtonProps,\n                }}>\n                Comentar\n              </ButtonDefault>\n            </Box>\n          }\n        />\n      </Card>\n    </EditorProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4BO;;;;;AASL;AACA;;;AAII;AACA;;AAEH;AAED;AAKU;AACA;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AAkBO;AAAmB;AAEnB;AACE;AACE;AACA;AACA;AACD;AACF;;AAKD;AACA;AACD;AASjB;;"}

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

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

package/dist/esm/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/esm/components/comment/components/reply-comment/CreateReplyCommentTitle.js

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

package/dist/esm/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/esm/components/comment/components/{ReplyComments.js → reply-comment/ReplyComments.js}

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { CommentItem } from './CommentItem.js';
-import Grid from '../../../node_modules/@mui/material/esm/Grid/Grid.js';
+import { CommentItem } from '../CommentItem.js';
+import Grid from '../../../../node_modules/@mui/material/esm/Grid/Grid.js';
 
-const ReplyComments = ({ replyComments, onReply, }) => {
-    return (jsx(Grid, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (jsx(Grid, { size: 12, children: jsx(CommentItem, { comment: replyComment, onReply: onReply }) }, key))) }));
+const ReplyComments = ({ replyComments, replyCommentItemProps = {}, onReply, }) => {
+    return (jsx(Grid, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (jsx(Grid, { size: 12, children: jsx(CommentItem, { comment: replyComment, onReply: onReply, commentItemProps: replyCommentItemProps }) }, key))) }));
 };
 
 export { ReplyComments };

package/dist/esm/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/esm/components/panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../src/components/panel/Panel.tsx"],"sourcesContent":["'use client';\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":";;;;;;;;AAaO;;AAGL;AAaF;;"}
+{"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/esm/components/panel/PanelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["'use client';\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":";;;;;;;;;;;;AAmCc;AACA;AACA;;AASd;;"}
+{"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/esm/components/panel/PanelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelButton.js","sources":["../../../../src/components/panel/PanelButton.tsx"],"sourcesContent":["'use client';\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  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":";;;;;;;;;;;AAyBE;;AAGE;AAAU;AAEV;AAEA;AACE;AACA;;;AAKF;AACF;;AAGE;;AAOF;AAKF;;"}
+{"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/esm/components/panel/PanelDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelDivider.js","sources":["../../../../src/components/panel/PanelDivider.tsx"],"sourcesContent":["'use client'\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":";;;;AAMO;AACL;AAGM;AACA;AACA;;AAKR;;"}
+{"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/esm/components/panel/PanelFooter.js

@@ -4,15 +4,14 @@ import { PanelDivider } from './PanelDivider.js';
 import { PanelItem } from './PanelItem.js';
 import { theme } from '../../shared/mui/theme.js';
 import PowerSettingsNewIcon from '../../node_modules/@mui/icons-material/esm/PowerSettingsNew.js';
-import { handleLogout } from './panel.actions.js';
 import { useSession } from '../session/session.hooks.js';
 import List from '../../node_modules/@mui/material/esm/List/List.js';
 import ListItemIcon from '../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.js';
 
 const PanelFooter = ({ dividerProps, listProps, listItemProps, listItemTextProps, }) => {
-    const { config } = useSession();
+    const { logout } = useSession();
     return (jsxs(List, { disablePadding: true, ...listProps, children: [jsx(PanelDivider, { ...dividerProps }), jsx(PanelItem, { listItemProps: {
-                    onClick: () => handleLogout(config),
+                    onClick: () => logout(),
                     secondaryAction: (jsx(ListItemIcon, { sx: { marginRight: theme.spacing(1.5), minWidth: 0 }, children: jsx(PowerSettingsNewIcon, {}) })),
                     component: 'div',
                     ...listItemProps,

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

@@ -1 +1 @@
-{"version":3,"file":"PanelFooter.js","sources":["../../../../src/components/panel/PanelFooter.tsx"],"sourcesContent":["'use client';\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 { handleLogout } from './panel.actions';\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 { config } = useSession();\n  return (\n    <List disablePadding {...listProps}>\n      <PanelDivider {...dividerProps} />\n      <PanelItem\n        listItemProps={{\n          onClick: () => handleLogout(config),\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;;"}
+{"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/esm/components/panel/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","sources":["../../../../src/components/panel/PanelHeader.tsx"],"sourcesContent":["'use client';\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":";;;;AASO;AAIL;AAKF;;"}
+{"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/esm/components/panel/PanelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelItem.js","sources":["../../../../src/components/panel/PanelItem.tsx"],"sourcesContent":["'use client'\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":";;;;;;;;;AAkBO;;AAgBP;;"}
+{"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/esm/components/panel/PanelListItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelListItems.js","sources":["../../../../src/components/panel/PanelListItems.tsx"],"sourcesContent":["'use client';\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":";;;;;;;;;;AAiCE;;AAuBW;;AAGC;AACD;AAMb;;"}
+{"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/esm/components/panel/panel.actions.js

@@ -1,7 +1,5 @@
 import { l as libExports } from '../../_virtual/index.js';
 import { panelStore } from './panel.store.js';
-import { universalCookies } from '../../shared/cookies/index.js';
-import { getCookieOptions } from '../../shared/cookies/cookies.utils.js';
 
 const panelStoreAction = libExports.createStoreAction(panelStore, (prev, data) => ({
     ...prev,
@@ -10,11 +8,6 @@ const panelStoreAction = libExports.createStoreAction(panelStore, (prev, data) =
 const handlePanelClick = (isOpen) => {
     return panelStoreAction({ isOpen });
 };
-const handleLogout = (config) => {
-    const options = getCookieOptions(config);
-    universalCookies.remove(config?.cookieTokenName, options);
-    window.location.reload();
-};
 
-export { handleLogout, handlePanelClick, panelStoreAction };
+export { handlePanelClick, panelStoreAction };
 //# sourceMappingURL=panel.actions.js.map

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

@@ -1 +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';\nimport { universalCookies } from '../../shared/cookies';\nimport { Config } from '../../config/config.types';\nimport { getCookieOptions } from '../../shared/cookies/cookies.utils';\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\nexport const handleLogout = (config: Config | undefined) => {\n  const options = getCookieOptions(config);\n  universalCookies.remove(config?.cookieTokenName as string, options);\n  window.location.reload();\n};\n"],"names":["createStoreAction"],"mappings":";;;;;AAOO,MAAM,gBAAgB,GAAGA,4BAAiB,CAAC,UAAU,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;AAEO,MAAM,YAAY,GAAG,CAAC,MAA0B,KAAI;AACzD,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC;IACxC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,eAAyB,EAAE,OAAO,CAAC;AACnE,IAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;AAC1B;;;;"}
+{"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"],"mappings":";;;AAIO,MAAM,gBAAgB,GAAGA,4BAAiB,CAAC,UAAU,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/esm/components/paywall/Paywall.js

@@ -1,8 +1,10 @@
 "use client";
 import { useSession } from '../session/session.hooks.js';
 
-const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, postPremium = false, postRegister = false, }) => {
-    const { user, subscription } = useSession();
+const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, LoadingComponent, postPremium = false, postRegister = false, }) => {
+    const { user, subscription, loading } = useSession();
+    if (loading)
+        return LoadingComponent;
     if (!subscription && postPremium) {
         return PaywallSubscriptionComponent;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Paywall.js","sources":["../../../../src/components/paywall/Paywall.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\n\nexport interface PaywallProps {\n  children?: React.ReactNode;\n  PaywallSubscriptionComponent?: React.ReactNode;\n  PaywallRegisterComponent?: React.ReactNode;\n  postPremium?: boolean;\n  postRegister?: boolean;\n}\n\nexport const Paywall: React.FC<PaywallProps> = ({\n  children,\n  PaywallSubscriptionComponent,\n  PaywallRegisterComponent,\n  postPremium = false,\n  postRegister = false,\n}) => {\n  const { user, subscription } = useSession();\n\n  if (!subscription && postPremium) {\n    return PaywallSubscriptionComponent;\n  }\n\n  if (!(user && postRegister)) {\n    return PaywallRegisterComponent;\n  }\n\n  return children;\n};\n"],"names":[],"mappings":";;;;;AAqBE;AACE;;AAGF;AACE;;AAGF;AACF;;"}
+{"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/esm/components/paywall/PaywallRegister.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { URL_PORTAL } from '../../shared/constants/index.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';
@@ -10,7 +11,7 @@ const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps
     const { sx: sxTitleProps, ...titlePropRest } = titleProps;
     const { sx: sxButtonProps, ...buttonPropsRest } = buttonProps;
     const { sx: sxSecondaryButtonProps, ...secondaryButtonPropsRest } = secondaryButtonProps;
-    const url = process.env.NEXT_PUBLIC_URL_PORTAL || '';
+    const url = URL_PORTAL;
     const handleButton = () => {
         if (!url) {
             console.error('NEXT_PUBLIC_URL_PORTAL is required!');

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

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