react-easy-wall 1.3.4 → 2.0.0

package/dist/esm/components/comment/components/AddReplyComment.js

@@ -1,60 +0,0 @@
-"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 makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.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 useStyles = makeStyles({
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-        },
-        '& > .MuiCardHeader-avatar': {
-            outline: '1px solid #eaecf1',
-            borderRadius: '50%',
-        },
-    },
-    button: {
-        minWidth: 130,
-    },
-});
-const AddReplyComment = () => {
-    const classes = useStyles();
-    const { user, subscription } = useSession();
-    const { message, commentId } = libExports.useStore(replyCommentStore);
-    const [html, setHtml] = useState(message);
-    const { callAction, postId } = useComment();
-    const [callCreateComment, loading] = libExports.useCallAction(createReplyComment, {
-        onCompleted: () => {
-            callAction();
-            replyCommentStoreAction('', 0);
-        },
-    });
-    console.log({ html });
-    return (jsx(EditorProvider, { children: jsx(Card, { elevation: 0, children: jsx(CardHeader, { sx: { p: 0 }, className: classes.cardHeader, avatar: user ? (jsx(Avatar, { sx: { width: 40, height: 40 }, src: user?.avatar })) : null, title: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }), action: jsx(Box, { ml: 2, children: jsx(ButtonDefault, { disabled: !(html && user), onClick: () => {
-                            if (!subscription)
-                                return openSubscriptionCommentsStoreAction(true);
-                            callCreateComment({
-                                data: {
-                                    message: html,
-                                    post_id: postId,
-                                    comment_id: commentId,
-                                },
-                            });
-                        }, color: "primary", isLoading: loading, className: classes.button, children: "Comentar" }) }) }) }) }));
-};
-
-export { AddReplyComment };
-//# sourceMappingURL=AddReplyComment.js.map

package/dist/esm/components/comment/components/AddReplyComment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["'use client'\n\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card, CardHeader } from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\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\nconst useStyles = makeStyles({\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n    },\n    '& > .MuiCardHeader-avatar': {\n      outline: '1px solid #eaecf1',\n      borderRadius: '50%',\n    },\n  },\n  button: {\n    minWidth: 130,\n  },\n});\n\nexport const AddReplyComment: React.FC = () => {\n  const classes = useStyles();\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 [callCreateComment, loading] = useCallAction(createReplyComment, {\n    onCompleted: () => {\n      callAction();\n      replyCommentStoreAction('', 0);\n    },\n  });\n\n  console.log({ html });\n\n  return (\n    <EditorProvider>\n      <Card elevation={0}>\n        <CardHeader\n          sx={{ p: 0 }}\n          className={classes.cardHeader}\n          avatar={\n            user ? (\n              <Avatar\n                sx={{ width: 40, height: 40 }}\n                src={user?.avatar as string}\n              />\n            ) : null\n          }\n          title={\n            <ReactSimpleWysiwyg\n              value={html}\n              onChange={(value) => setHtml(value)}\n            />\n          }\n          action={\n            <Box ml={2}>\n              <ButtonDefault\n                disabled={!(html && user)}\n                onClick={() => {\n                  if (!subscription)\n                    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                className={classes.button}\n              >\n                Comentar\n              </ButtonDefault>\n            </Box>\n          }\n        />\n      </Card>\n    </EditorProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAEM;AACL;;;;;;;AAQI;AACA;;AAEH;AAED;;AA2BgB;AACE;AAEF;AACE;AACE;AACA;AACA;AACD;AACF;;AAcnB;;"}

package/dist/esm/components/comment/components/AddReplyCommentContainer.js

@@ -1,33 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { AddReplyComment } from './AddReplyComment.js';
-import { useSession } from '../../session/session.hooks.js';
-import { theme } from '../../../shared/mui/theme.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.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 CardContent from '../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
-
-const useStyles = makeStyles({
-    name: {
-        fontSize: 14,
-        fontWeight: 700,
-    },
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-            marginBottom: theme.spacing(1),
-        },
-        alignItems: 'center',
-    },
-});
-const AddReplyCommentContainer = () => {
-    const classes = useStyles();
-    const { user } = useSession();
-    return (jsxs(Card, { elevation: 1, sx: { px: 2, pt: 2 }, children: [jsx(CardHeader, { sx: { p: 0 }, title: user ? (jsx(Box, { className: classes.name, mb: 1, children: user?.name })) : null, className: classes.cardHeader }), jsx(CardContent, { sx: { p: 0 }, children: jsx(AddReplyComment, {}) })] }));
-};
-
-export { AddReplyCommentContainer };
-//# sourceMappingURL=AddReplyCommentContainer.js.map

package/dist/esm/components/comment/components/AddReplyCommentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent } from '@mui/material';\nimport { makeStyles } from '@mui/styles';\n\nimport { AddReplyComment } from './AddReplyComment';\nimport { useSession } from '../../session/session.hooks';\nimport { theme } from '../../../shared/mui/theme';\n\nconst useStyles = makeStyles({\n  name: {\n    fontSize: 14,\n    fontWeight: 700,\n  },\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n      marginBottom: theme.spacing(1),\n    },\n    alignItems: 'center',\n  },\n});\n\nexport const AddReplyCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user } = useSession();\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box className={classes.name} mb={1}>\n              {user?.name}\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddReplyComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAUA;AACE;AACE;AACA;AACD;AACD;AACE;AACE;AACA;AACA;AACD;AACD;AACD;AACF;AAEM;AACL;AACA;AAEA;AAkBF;;"}

package/dist/esm/components/comment/components/CommentContainer.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ReplyComments } from './ReplyComments.js';
-import { CommentItem } from './CommentItem.js';
-import { l as libExports } from '../../../_virtual/index.js';
-import { replyCommentStore } from '../comment.store.js';
-import { AddReplyCommentContainer } from './AddReplyCommentContainer.js';
-import { replyCommentStoreAction } from '../comment.actions.js';
-import { PRIMARY_COLOR } from '../../../shared/mui/theme.js';
-import Grid from '../../../node_modules/@mui/material/esm/Grid/Grid.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import Divider from '../../../node_modules/@mui/material/esm/Divider/Divider.js';
-
-const CommentContainer = ({ comment }) => {
-    const { commentId } = libExports.useStore(replyCommentStore);
-    const onReply = (r) => {
-        console.log({ r });
-        if (comment.id === commentId) {
-            replyCommentStoreAction('', 0);
-        }
-        else {
-            replyCommentStoreAction(`<b style="color:${PRIMARY_COLOR}">@${r.user?.name}</b>&nbsp;`, comment.id);
-        }
-    };
-    const selectedComment = commentId === comment.id;
-    const haveReplyComments = comment.replies?.length;
-    return (jsxs(Grid, { container: true, children: [jsx(Grid, { size: 12, mb: 2, children: jsx(CommentItem, { comment: comment, onReply: onReply }) }), selectedComment || haveReplyComments ? (jsx(Grid, { size: 12, mb: 2, children: jsxs(Grid, { container: true, children: [jsx(Grid, { size: 1, children: jsx(Box, { display: "flex", height: "100%", justifyContent: "center", children: jsx(Divider, { orientation: "vertical", flexItem: true }) }) }), jsx(Grid, { size: 11, children: jsxs(Grid, { container: true, spacing: 2, children: [haveReplyComments ? (jsx(Grid, { size: 12, children: jsx(ReplyComments, { replyComments: (comment.replies || []), onReply: onReply }) })) : null, selectedComment ? (jsx(Grid, { size: 12, children: jsx(AddReplyCommentContainer, {}) })) : null] }) })] }) })) : null] }));
-};
-
-export { CommentContainer };
-//# sourceMappingURL=CommentContainer.js.map

package/dist/esm/components/comment/components/CommentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Box, Divider, Grid } from '@mui/material';\nimport { ReplyComments } from './ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport { AddReplyCommentContainer } from './AddReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '../../../shared/mui/theme';\n\ntype CommentContainerProps = {\n  comment: Comment;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({ comment }) => {\n  const { commentId } = useStore(replyCommentStore);\n\n  const onReply = (r: Comment | ReplyComment) => {\n    console.log({ r });\n    if (comment.id === commentId) {\n      replyCommentStoreAction('', 0);\n    } else {\n      replyCommentStoreAction(\n        `<b style=\"color:${PRIMARY_COLOR}\">@${r.user?.name}</b>&nbsp;`,\n        comment.id as number,\n      );\n    }\n  };\n\n  const selectedComment = commentId === comment.id;\n  const haveReplyComments = comment.replies?.length;\n\n  return (\n    <Grid container>\n      <Grid size={12} mb={2}>\n        <CommentItem comment={comment} onReply={onReply} />\n      </Grid>\n      {selectedComment || haveReplyComments ? (\n        <Grid size={12} mb={2}>\n          <Grid container>\n            <Grid size={1}>\n              <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n                <Divider orientation=\"vertical\" flexItem />\n              </Box>\n            </Grid>\n            <Grid size={11}>\n              <Grid container spacing={2}>\n                {haveReplyComments ? (\n                  <Grid size={12}>\n                    <ReplyComments\n                      replyComments={(comment.replies || []) as ReplyComment[]}\n                      onReply={onReply}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <AddReplyCommentContainer />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmBE;AACE;AACA;AACE;;;AAEA;;AAKJ;AAEA;AACA;AAEA;AAmCF;;"}

package/dist/esm/components/comment/components/CommentItem.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import moment from '../../../_virtual/moment.js';
-import ReplyIcon from '../../../node_modules/@mui/icons-material/esm/Reply.js';
-import '../../../_virtual/es.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.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 Typography from '../../../node_modules/@mui/material/esm/Typography/Typography.js';
-import Avatar from '../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
-import CardContent from '../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
-
-moment.locale('es');
-const useStyles = makeStyles({
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-        },
-        '& > .MuiCardHeader-avatar': {
-            outline: '1px solid #eaecf1',
-            borderRadius: '50%',
-        },
-        alignItems: 'center',
-    },
-    reply: {
-        cursor: 'pointer',
-    },
-});
-const CommentItem = ({ comment, onReply, }) => {
-    const classes = useStyles();
-    const { user } = comment;
-    return (jsxs(Card, { children: [jsx(CardHeader, { className: classes.cardHeader, title: jsxs(Box, { display: "flex", children: [jsx(Typography, { variant: "body1", fontWeight: 700, mr: 1, fontSize: 14, children: user?.name }), jsx(Typography, { variant: "body1", fontSize: 14, children: moment(parseInt(comment.created_at)).fromNow() })] }), avatar: jsx(Avatar, { sx: { width: 40, height: 40 }, src: user?.avatar }), action: jsxs(Box, { display: "flex", alignItems: "center", className: classes.reply, onClick: () => {
-                        onReply(comment);
-                    }, children: [jsx(ReplyIcon, { color: "primary" }), jsxs(Typography, { variant: "body2", fontWeight: 700, color: "primary", children: [' ', "Responder"] })] }) }), jsx(CardContent, { children: jsx("div", { dangerouslySetInnerHTML: { __html: comment.message } }) })] }));
-};
-
-export { CommentItem };
-//# sourceMappingURL=CommentItem.js.map

package/dist/esm/components/comment/components/CommentItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["'use client'\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Typography,\n} from '@mui/material';\nimport { makeStyles } from '@mui/styles';\nimport moment from 'moment/moment';\nimport ReplyIcon from '@mui/icons-material/Reply';\nimport 'moment/locale/es';\n\nmoment.locale('es');\n\nconst useStyles = makeStyles({\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n    },\n    '& > .MuiCardHeader-avatar': {\n      outline: '1px solid #eaecf1',\n      borderRadius: '50%',\n    },\n    alignItems: 'center',\n  },\n  reply: {\n    cursor: 'pointer',\n  },\n});\n\ntype CommentItemProps = {\n  comment: Comment | ReplyComment;\n  onReply: (comment: Comment | ReplyComment) => void;\n};\nexport const CommentItem: React.FC<CommentItemProps> = ({\n  comment,\n  onReply,\n}) => {\n  const classes = useStyles();\n  const { user } = comment;\n\n  return (\n    <Card>\n      <CardHeader\n        className={classes.cardHeader}\n        title={\n          <Box display=\"flex\">\n            <Typography variant=\"body1\" fontWeight={700} mr={1} fontSize={14}>\n              {user?.name}\n            </Typography>\n            <Typography variant=\"body1\" fontSize={14}>\n              {moment(parseInt(comment.created_at as string)).fromNow()}\n            </Typography>\n          </Box>\n        }\n        avatar={\n          <Avatar sx={{ width: 40, height: 40 }} src={user?.avatar as string} />\n        }\n        action={\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            className={classes.reply}\n            onClick={() => {\n              onReply(comment);\n            }}\n          >\n            <ReplyIcon color=\"primary\" />\n            <Typography variant=\"body2\" fontWeight={700} color=\"primary\">\n              {' '}\n              Responder\n            </Typography>\n          </Box>\n        }\n      />\n      <CardContent>\n        <div\n          dangerouslySetInnerHTML={{ __html: comment.message as string }}\n        ></div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBA;AAEA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACD;AACD;AACE;AACD;AACF;AAMM;AAIL;AACA;;;;AA2CF;;"}

package/dist/esm/components/comment/components/CommentSubscriptionDialog.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { DialogDefault } from '../../../shared/components/dialog/DialogDefault.js';
-import { l as libExports } from '../../../_virtual/index.js';
-import { openSubscriptionCommentsStore } from '../comment.store.js';
-import { openSubscriptionCommentsStoreAction } from '../comment.actions.js';
-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';
-
-const CommentSubscriptionDialog = () => {
-    const { open } = libExports.useStore(openSubscriptionCommentsStore);
-    return (jsx(DialogDefault, { isOpen: open, showActions: true, handleClose: () => openSubscriptionCommentsStoreAction(false), successText: "SUSCRIBIRTE", handleSuccess: () => (window.location.href = `${URL_PORTAL}/planes`), children: jsx(Box, { px: 2, textAlign: "center", children: jsx(Typography, { fontSize: 20, fontWeight: 700, children: "Debes tener una suscripci\u00F3n activa para poder realizar un comentario" }) }) }));
-};
-
-export { CommentSubscriptionDialog };
-//# sourceMappingURL=CommentSubscriptionDialog.js.map

package/dist/esm/components/comment/components/CommentSubscriptionDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { DialogDefault } from '../../../shared/components/dialog/DialogDefault';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { openSubscriptionCommentsStore } from '../comment.store';\nimport { openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Typography, Box } from '@mui/material';\nimport {URL_PORTAL} from \"../../../shared/constants\";\n\nexport const CommentSubscriptionDialog: React.FC = () => {\n  const { open } = useStore(openSubscriptionCommentsStore);\n  return (\n    <DialogDefault\n      isOpen={open}\n      showActions\n      handleClose={() => openSubscriptionCommentsStoreAction(false)}\n      successText=\"SUSCRIBIRTE\"\n      handleSuccess={() =>\n        (window.location.href = `${URL_PORTAL}/planes`)\n      }\n    >\n      <Box px={2} textAlign=\"center\">\n        <Typography fontSize={20} fontWeight={700}>\n          Debes tener una suscripción activa para poder realizar un comentario\n        </Typography>\n      </Box>\n    </DialogDefault>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUO;;AAEL;AAiBF;;"}

package/dist/esm/components/comment/components/ReplyComments.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-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))) }));
-};
-
-export { ReplyComments };
-//# sourceMappingURL=ReplyComments.js.map

package/dist/esm/components/comment/components/ReplyComments.js.map

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

package/dist/esm/components/comment/components/ShowMoreComments.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { l as libExports } from '../../../_virtual/index.js';
-import { fetchCommentsStore } from '../comment.store.js';
-import { useComment } from '../comment.hooks.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import Grid from '../../../node_modules/@mui/material/esm/Grid/Grid.js';
-import Paper from '../../../node_modules/@mui/material/esm/Paper/Paper.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-
-const useStyles = makeStyles({
-    root: {
-        cursor: 'pointer',
-    },
-});
-const ShowMoreComments = () => {
-    const { comments, count } = libExports.useStore(fetchCommentsStore);
-    const classes = useStyles();
-    const { loading, loadMoreComments } = useComment();
-    return count > comments.length ? (jsx(Grid, { size: 12, children: jsx(Paper, { elevation: 1, className: classes.root, onClick: () => loadMoreComments(), children: jsx(Box, { p: 1, textAlign: "center", children: loading ? 'Cargando...' : 'Ver más comentarios' }) }) })) : null;
-};
-
-export { ShowMoreComments };
-//# sourceMappingURL=ShowMoreComments.js.map

package/dist/esm/components/comment/components/ShowMoreComments.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Grid, Paper } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore } from '../comment.store';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nconst useStyles = makeStyles({\n  root: {\n    cursor: 'pointer',\n  },\n});\n\nexport const ShowMoreComments: React.FC = () => {\n  const { comments, count } = useStore(fetchCommentsStore);\n  const classes = useStyles();\n\n  const { loading, loadMoreComments } = useComment();\n\n  return count > comments.length ? (\n    <Grid size={12}>\n      <Paper\n        elevation={1}\n        className={classes.root}\n        onClick={() => loadMoreComments()}\n      >\n        <Box p={1} textAlign=\"center\">\n          {loading ? 'Cargando...' : 'Ver más comentarios'}\n        </Box>\n      </Paper>\n    </Grid>\n  ) : null;\n};\n"],"names":[],"mappings":";;;;;;;;;;AASA;AACE;AACE;AACD;AACF;AAEM;;AAEL;;AAIA;AAaF;;"}

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

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

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

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

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

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

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

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

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

@@ -1,31 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { handlePanelClick } from './panel.actions.js';
-import { l as libExports } from '../../_virtual/index.js';
-import { panelStore } from './panel.store.js';
-import { useSession } from '../session/session.hooks.js';
-import { URL_PORTAL } from '../../shared/constants/index.js';
-import Button from '../../node_modules/@mui/material/esm/Button/Button.js';
-
-const PanelButton = ({ loginButtonText = 'CUENTA', registerButtonText = 'INGRESAR', registerButtonProps, loginButtonProps, params = {}, }) => {
-    const { isOpen } = libExports.useStore(panelStore);
-    const { user } = useSession();
-    const handleClick = () => {
-        if (user)
-            return handlePanelClick(!isOpen);
-        let url = `${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 (jsx(Button, { onClick: handleClick, ...loginButtonProps, children: loginButtonText }));
-    }
-    return (jsx(Button, { onClick: handleClick, ...registerButtonProps, children: registerButtonText }));
-};
-
-export { PanelButton };
-//# sourceMappingURL=PanelButton.js.map

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

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

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

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import Divider from '../../node_modules/@mui/material/esm/Divider/Divider.js';
-
-const PanelDivider = ({ sx, ...rest }) => {
-    return (jsx(Divider, { sx: {
-            backgroundColor: '#e7e7e7',
-            height: 1.5,
-            ...sx,
-        }, ...rest }));
-};
-
-export { PanelDivider };
-//# sourceMappingURL=PanelDivider.js.map

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

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

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

@@ -1,27 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-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();
-    return (jsxs(List, { disablePadding: true, ...listProps, children: [jsx(PanelDivider, { ...dividerProps }), jsx(PanelItem, { listItemProps: {
-                    onClick: () => handleLogout(config),
-                    secondaryAction: (jsx(ListItemIcon, { sx: { marginRight: theme.spacing(1.5), minWidth: 0 }, children: jsx(PowerSettingsNewIcon, {}) })),
-                    component: 'div',
-                    ...listItemProps,
-                }, listItemTextProps: {
-                    primary: 'Cerrar sesión',
-                    primaryTypographyProps: { sx: { fontWeight: 'bold', fontSize: 18 } },
-                    ...listItemTextProps,
-                } })] }));
-};
-
-export { PanelFooter };
-//# sourceMappingURL=PanelFooter.js.map

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

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

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

@@ -1,10 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
-
-const PanelHeader = ({ imageProps = {}, containerProps = {}, }) => {
-    return (jsx(Box, { ...containerProps, children: jsx("img", { ...imageProps, alt: imageProps?.alt }) }));
-};
-
-export { PanelHeader };
-//# sourceMappingURL=PanelHeader.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,19 +0,0 @@
-"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';
-
-const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
-    const { subscription } = useSession();
-    if (!subscription)
-        return null;
-    return (jsx(Box, { sx: {
-            borderRadius: '50%',
-            position: 'absolute',
-            top: -7,
-            right: -7,
-        }, ...subscriptionImageContainerProps, children: children }));
-};
-
-export { PanelSubscriptionIcon };
-//# sourceMappingURL=PanelSubscriptionIcon.js.map

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

@@ -1 +0,0 @@
-{"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/esm/components/panel/panel.actions.js

@@ -1,20 +0,0 @@
-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,
-    ...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 };
-//# sourceMappingURL=panel.actions.js.map

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

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

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

@@ -1,10 +0,0 @@
-import { l as libExports } from '../../_virtual/index.js';
-
-const panelStore = libExports.createStore({
-    initialValue: {
-        isOpen: false,
-    },
-});
-
-export { panelStore };
-//# sourceMappingURL=panel.store.js.map

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

@@ -1 +0,0 @@
-{"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,sBAAW,CAAC;AAClC,IAAA,YAAY,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;AAChB,KAAA;AACJ,CAAA;;;;"}

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

@@ -1,16 +0,0 @@
-"use client";
-import { useSession } from '../session/session.hooks.js';
-
-const Paywall = ({ children, PaywallSubscriptionComponent, PaywallRegisterComponent, postPremium = false, postRegister = false, }) => {
-    const { user, subscription } = useSession();
-    if (!subscription && postPremium) {
-        return PaywallSubscriptionComponent;
-    }
-    if (!(user && postRegister)) {
-        return PaywallRegisterComponent;
-    }
-    return children;
-};
-
-export { Paywall };
-//# sourceMappingURL=Paywall.js.map

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

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