react-easy-wall 2.0.11 → 2.0.12

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

@@ -1,5 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
+import '@mui/material';
 import '../../node_modules/emoji-mart/dist/module.js';
 
 const getCommentPlaceholder = (isAllowed) => {

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

@@ -1 +1 @@
-{"version":3,"file":"comment.utils.js","sources":["../../../../src/components/comment/comment.utils.ts"],"sourcesContent":["import { BtnEmoji } from '../../shared/components/react-editor/BtnEmoji';\n\nexport const getCommentPlaceholder = (isAllowed: boolean) => {\n  if (isAllowed) return '';\n\n  return 'Suscribete para comentar...';\n};\n\nexport const editorToolbar = {\n  options: ['inline', 'emoji'],\n  inline: {\n    inDropdown: false,\n    options: ['bold', 'italic'],\n  },\n  emoji: {\n    className: undefined,\n    component: BtnEmoji,\n    popupClassName: undefined,\n  },\n};\n"],"names":[],"mappings":";;;;AAEO,MAAM,qBAAqB,GAAG,CAAC,SAAkB,KAAI;AAC1D,IAAA,IAAI,SAAS;AAAE,QAAA,OAAO,EAAE;AAExB,IAAA,OAAO,6BAA6B;AACtC;;;;"}
+{"version":3,"file":"comment.utils.js","sources":["../../../../src/components/comment/comment.utils.ts"],"sourcesContent":["import { BtnEmoji } from '../../shared/components/react-editor/BtnEmoji';\n\nexport const getCommentPlaceholder = (isAllowed: boolean) => {\n  if (isAllowed) return '';\n\n  return 'Suscribete para comentar...';\n};\n\nexport const editorToolbar = {\n  options: ['inline', 'emoji'],\n  inline: {\n    inDropdown: false,\n    options: ['bold', 'italic'],\n  },\n  emoji: {\n    className: undefined,\n    component: BtnEmoji,\n    popupClassName: undefined,\n  },\n};\n"],"names":[],"mappings":";;;;;AAEO,MAAM,qBAAqB,GAAG,CAAC,SAAkB,KAAI;AAC1D,IAAA,IAAI,SAAS;AAAE,QAAA,OAAO,EAAE;AAExB,IAAA,OAAO,6BAA6B;AACtC;;;;"}

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { Card, Box, Avatar } from '@mui/material';
 import { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault.js';
 import { useComment } from '../comment.hooks.js';
 import { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
@@ -7,9 +8,6 @@ import { useSession } from '../../session/session.hooks.js';
 import { l as libExports } from '../../../_virtual/index.js';
 import { createComment, openSubscriptionCommentsStoreAction } from '../comment.actions.js';
 import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.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 createStyles from '../../../node_modules/@mui/styles/createStyles/createStyles.js';
 
 const useStyles = makeStyles((theme) => createStyles({

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

@@ -1 +1 @@
-{"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card } from '@mui/material';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { createStyles, makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nimport { ReactSimpleWysiwyg } 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 '@mui/material';\n\nconst useStyles = makeStyles<Theme>((theme: Theme) =>\n  createStyles({\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      '&:disabled': {\n        backgroundColor: '#8B8B8B !important',\n      },\n    },\n    addcommentStyles: {\n      display: 'flex',\n      [theme.breakpoints.down('md')]: {\n        display: 'block',\n      },\n    },\n    buttoncommentStyles: {\n      marginLeft: 10,\n      [theme.breakpoints.down('md')]: {\n        marginLeft: 0,\n        marginTop: 10,\n      },\n    },\n    avatarStyles: {\n      marginRight: 10,\n\n      [theme.breakpoints.down('md')]: {\n        marginRight: 0,\n        marginBottom: 10,\n        display: 'flex',\n        alignItems: 'center',\n        alignContent: 'center',\n      },\n    },\n    name: {\n      fontSize: 14,\n      fontWeight: 700,\n    },\n  }),\n);\n\nexport const AddComment: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const [html, setHtml] = useState<string>('');\n  const { callAction, postId } = useComment();\n\n  const [callCreateComment, loading] = useCallAction(createComment, {\n    onCompleted: () => {\n      setHtml('');\n      callAction();\n    },\n  });\n\n  return (\n    <Card elevation={0}>\n      <Box className={classes.addcommentStyles}>\n        {user ? (\n          <Box className={classes.avatarStyles}>\n            <Avatar sx={{ width: 40, height: 40, marginRight: 1 }} src={user?.avatar as string} />\n            <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          </Box>\n        ) : null}\n        {\n          <Box component={'div'} style={{ width: '100%' }}>\n            <ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />\n          </Box>\n        }\n        {\n          <Box className={classes.buttoncommentStyles}>\n            <ButtonDefault\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                  },\n                });\n              }}\n              color={!subscription ? 'primary' : 'inherit'}\n              isLoading={loading}\n              className={classes.button}>\n              Comentar\n            </ButtonDefault>\n          </Box>\n        }\n      </Box>\n    </Card>\n  );\n};\n"],"names":["useCallAction","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card } from '@mui/material';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { createStyles, makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nimport { ReactSimpleWysiwyg } 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 '@mui/material';\n\nconst useStyles = makeStyles<Theme>((theme: Theme) =>\n  createStyles({\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      '&:disabled': {\n        backgroundColor: '#8B8B8B !important',\n      },\n    },\n    addcommentStyles: {\n      display: 'flex',\n      [theme.breakpoints.down('md')]: {\n        display: 'block',\n      },\n    },\n    buttoncommentStyles: {\n      marginLeft: 10,\n      [theme.breakpoints.down('md')]: {\n        marginLeft: 0,\n        marginTop: 10,\n      },\n    },\n    avatarStyles: {\n      marginRight: 10,\n\n      [theme.breakpoints.down('md')]: {\n        marginRight: 0,\n        marginBottom: 10,\n        display: 'flex',\n        alignItems: 'center',\n        alignContent: 'center',\n      },\n    },\n    name: {\n      fontSize: 14,\n      fontWeight: 700,\n    },\n  }),\n);\n\nexport const AddComment: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const [html, setHtml] = useState<string>('');\n  const { callAction, postId } = useComment();\n\n  const [callCreateComment, loading] = useCallAction(createComment, {\n    onCompleted: () => {\n      setHtml('');\n      callAction();\n    },\n  });\n\n  return (\n    <Card elevation={0}>\n      <Box className={classes.addcommentStyles}>\n        {user ? (\n          <Box className={classes.avatarStyles}>\n            <Avatar sx={{ width: 40, height: 40, marginRight: 1 }} src={user?.avatar as string} />\n            <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          </Box>\n        ) : null}\n        {\n          <Box component={'div'} style={{ width: '100%' }}>\n            <ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />\n          </Box>\n        }\n        {\n          <Box className={classes.buttoncommentStyles}>\n            <ButtonDefault\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                  },\n                });\n              }}\n              color={!subscription ? 'primary' : 'inherit'}\n              isLoading={loading}\n              className={classes.button}>\n              Comentar\n            </ButtonDefault>\n          </Box>\n        }\n      </Box>\n    </Card>\n  );\n};\n"],"names":["useCallAction","_jsx","_jsxs"],"mappings":"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"}

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

@@ -1,15 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Card, CardHeader, Box, Divider, CardContent } from '@mui/material';
 import { AddComment } from './AddComment.js';
 import { r as routerExports } from '../../../_virtual/router.js';
 import { theme } from '../../../shared/mui/theme.js';
 import { URL_PORTAL } from '../../../shared/constants/index.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 Divider from '../../../node_modules/@mui/material/esm/Divider/Divider.js';
-import CardContent from '../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
 
 const useStyles = makeStyles({
     text: {

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

@@ -1 +1 @@
-{"version":3,"file":"AddCommentContainer.js","sources":["../../../../../src/components/comment/components/AddCommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent, Divider } from '@mui/material';\nimport { AddComment } from './AddComment';\nimport { makeStyles } from '@mui/styles';\nimport { useRouter } from 'next/router';\nimport { theme } from '../../../shared/mui/theme';\nimport { URL_PORTAL } from '../../../shared/constants';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n  text: {\n    cursor: 'pointer',\n    textDecoration: 'underline',\n    paddingLeft: theme.spacing(0.5),\n    paddingRight: theme.spacing(0.5),\n    fontWeight: 700,\n  },\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 AddCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const router = useRouter();\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  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n        action={\n          !user ? (\n            <Box display=\"flex\">\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n                Iniciar sesión\n              </Box>\n              <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n                Registrate\n              </Box>\n            </Box>\n          ) : (\n            <>\n              {!subscription ? (\n                <Box display=\"flex\">\n                  <Box\n                    className={classes.text}\n                    component={'a'}\n                    href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${router.asPath}`}>\n                    Suscríbete\n                  </Box>\n                </Box>\n              ) : null}\n            </>\n          )\n        }\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["useRouter","_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"AddCommentContainer.js","sources":["../../../../../src/components/comment/components/AddCommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent, Divider } from '@mui/material';\nimport { AddComment } from './AddComment';\nimport { makeStyles } from '@mui/styles';\nimport { useRouter } from 'next/router';\nimport { theme } from '../../../shared/mui/theme';\nimport { URL_PORTAL } from '../../../shared/constants';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n  text: {\n    cursor: 'pointer',\n    textDecoration: 'underline',\n    paddingLeft: theme.spacing(0.5),\n    paddingRight: theme.spacing(0.5),\n    fontWeight: 700,\n  },\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 AddCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const router = useRouter();\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  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n        action={\n          !user ? (\n            <Box display=\"flex\">\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n                Iniciar sesión\n              </Box>\n              <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n                Registrate\n              </Box>\n            </Box>\n          ) : (\n            <>\n              {!subscription ? (\n                <Box display=\"flex\">\n                  <Box\n                    className={classes.text}\n                    component={'a'}\n                    href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${router.asPath}`}>\n                    Suscríbete\n                  </Box>\n                </Box>\n              ) : null}\n            </>\n          )\n        }\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["useRouter","_jsxs","_jsx","_Fragment"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { Card, CardHeader, Box, Avatar } from '@mui/material';
 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';
@@ -9,10 +10,6 @@ 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: {

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

@@ -1 +1 @@
-{"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["\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":["useStore","useCallAction","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,eAAe,GAAa,MAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAGA,mBAAQ,CAAC,iBAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAGC,wBAAa,CAAC,kBAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEC,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFA,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAC3B,IACA,IAAI,EAEV,KAAK,EACHA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAElD,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,SAAS;AACtB,iCAAA;AACF,6BAAA,CAAC;wBACJ,CAAC,EACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAGX,EAAA,CACZ,GAER,EAAA,CACG,EAAA,CACQ;AAErB;;;;"}
+{"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["\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":["useStore","useCallAction","_jsx"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,eAAe,GAAa,MAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAGA,mBAAQ,CAAC,iBAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAGC,wBAAa,CAAC,kBAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEC,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFA,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAC3B,IACA,IAAI,EAEV,KAAK,EACHA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAElD,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,SAAS;AACtB,iCAAA;AACF,6BAAA,CAAC;wBACJ,CAAC,EACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAGX,EAAA,CACZ,GAER,EAAA,CACG,EAAA,CACQ;AAErB;;;;"}

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

@@ -1,12 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, Box, CardContent } from '@mui/material';
 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: {

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

@@ -1 +1 @@
-{"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,wBAAwB,GAAa,MAAK;AACrD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE;AAE7B,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,UAAU,IACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,YAChC,IAAI,EAAE,IAAI,EAAA,CACP,IACJ,IAAI,EAEV,SAAS,EAAE,OAAO,CAAC,UAAU,GAC7B,EACFA,GAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YACvBA,GAAA,CAAC,eAAe,KAAG,EAAA,CACP,CAAA,EAAA,CACT;AAEX;;;;"}
+{"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,wBAAwB,GAAa,MAAK;AACrD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE;AAE7B,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,UAAU,IACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,YAChC,IAAI,EAAE,IAAI,EAAA,CACP,IACJ,IAAI,EAEV,SAAS,EAAE,OAAO,CAAC,UAAU,GAC7B,EACFA,GAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YACvBA,GAAA,CAAC,eAAe,KAAG,EAAA,CACP,CAAA,EAAA,CACT;AAEX;;;;"}

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

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Grid, Box, Divider } from '@mui/material';
 import { ReplyComments } from './ReplyComments.js';
 import { CommentItem } from './CommentItem.js';
 import { l as libExports } from '../../../_virtual/index.js';
@@ -6,9 +7,6 @@ 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);

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

@@ -1 +1 @@
-{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["\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":["useStore","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAGA,mBAAQ,CAAC,iBAAiB,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAyB,KAAI;AAC5C,QAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAA,uBAAuB,CACrB,CAAA,gBAAA,EAAmB,aAAa,CAAA,GAAA,EAAM,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,EAC9D,OAAO,CAAC,EAAY,CACrB;QACH;AACF,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,SAAS,KAAK,OAAO,CAAC,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM;AAEjD,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,mBACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,aAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,wBAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}
+{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["\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":["useStore","_jsxs","_jsx"],"mappings":";;;;;;;;;;MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAGA,mBAAQ,CAAC,iBAAiB,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAyB,KAAI;AAC5C,QAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAA,uBAAuB,CACrB,CAAA,gBAAA,EAAmB,aAAa,CAAA,GAAA,EAAM,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,EAC9D,OAAO,CAAC,EAAY,CACrB;QACH;AACF,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,SAAS,KAAK,OAAO,CAAC,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM;AAEjD,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,mBACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,aAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,wBAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}

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

@@ -1,14 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, Box, Typography, Avatar, CardContent } from '@mui/material';
 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({

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

@@ -1 +1 @@
-{"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnB,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAMK,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,OAAO,GACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO;IAExB,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACHD,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAA,QAAA,EAC7D,IAAI,EAAE,IAAI,EAAA,CACA,EACbA,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAA,QAAA,EACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,EAAA,CAC9C,CAAA,EAAA,CACT,EAER,MAAM,EACJA,IAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EAExE,MAAM,EACJD,IAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,MAAK;wBACZ,OAAO,CAAC,OAAO,CAAC;oBAClB,CAAC,EAAA,QAAA,EAAA,CAEDC,IAAC,SAAS,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7BD,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,aACzD,GAAG,EAAA,WAAA,CAAA,EAAA,CAEO,IACT,EAAA,CAER,EACFC,IAAC,WAAW,EAAA,EAAA,QAAA,EACVA,aACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAiB,EAAE,EAAA,CACzD,EAAA,CACK,CAAA,EAAA,CACT;AAEX;;;;"}
+{"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;AAkBA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnB,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAMK,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,OAAO,GACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO;IAExB,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACHD,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAA,QAAA,EAC7D,IAAI,EAAE,IAAI,EAAA,CACA,EACbA,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAA,QAAA,EACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,EAAA,CAC9C,CAAA,EAAA,CACT,EAER,MAAM,EACJA,IAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EAExE,MAAM,EACJD,IAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,MAAK;wBACZ,OAAO,CAAC,OAAO,CAAC;oBAClB,CAAC,EAAA,QAAA,EAAA,CAEDC,IAAC,SAAS,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7BD,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,aACzD,GAAG,EAAA,WAAA,CAAA,EAAA,CAEO,IACT,EAAA,CAER,EACFC,IAAC,WAAW,EAAA,EAAA,QAAA,EACVA,aACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAiB,EAAE,EAAA,CACzD,EAAA,CACK,CAAA,EAAA,CACT;AAEX;;;;"}

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

@@ -3,9 +3,8 @@ import { DialogDefault } from '../../../shared/components/dialog/DialogDefault.j
 import { l as libExports } from '../../../_virtual/index.js';
 import { openSubscriptionCommentsStore } from '../comment.store.js';
 import { openSubscriptionCommentsStoreAction } from '../comment.actions.js';
+import { Box, Typography } from '@mui/material';
 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);

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

@@ -1 +1 @@
-{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["\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":["useStore","_jsx"],"mappings":";;;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAGA,mBAAQ,CAAC,6BAA6B,CAAC;AACxD,IAAA,QACEC,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAM,mCAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BA,GAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}
+{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["\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":["useStore","_jsx"],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAGA,mBAAQ,CAAC,6BAA6B,CAAC;AACxD,IAAA,QACEC,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAM,mCAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BA,GAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { Grid } from '@mui/material';
 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))) }));

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

@@ -1,11 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
+import { Grid, Paper, Box } from '@mui/material';
 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: {

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

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["\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":["useStore","_jsx"],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAa,MAAK;IAC7C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAGA,mBAAQ,CAAC,kBAAkB,CAAC;AACxD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE;AAElD,IAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,IAC5BC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAA,QAAA,EAEjCA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC1B,OAAO,GAAG,aAAa,GAAG,qBAAqB,EAAA,CAC5C,EAAA,CACA,EAAA,CACH,IACL,IAAI;AACV;;;;"}
+{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["\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":["useStore","_jsx"],"mappings":";;;;;;;AASA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAa,MAAK;IAC7C,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAGA,mBAAQ,CAAC,kBAAkB,CAAC;AACxD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE;AAElD,IAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,IAC5BC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAA,QAAA,EAEjCA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC1B,OAAO,GAAG,aAAa,GAAG,qBAAqB,EAAA,CAC5C,EAAA,CACA,EAAA,CACH,IACL,IAAI;AACV;;;;"}

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

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Drawer, Box } from '@mui/material';
 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);

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../src/components/panel/Panel.tsx"],"sourcesContent":["\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":["useStore","_jsx","_jsxs"],"mappings":";;;;;;;AAaO,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,KAAI;IACvF,MAAM,EAAE,MAAM,EAAE,GAAGA,mBAAQ,CAAC,UAAU,CAAC;AAEvC,IAAA,QACEC,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACpEC,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EACnB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAC,MAAM,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACrBA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACf,EAAA,CACC;AAEb;;;;"}
+{"version":3,"file":"Panel.js","sources":["../../../../src/components/panel/Panel.tsx"],"sourcesContent":["\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":["useStore","_jsx","_jsxs"],"mappings":";;;;;;AAaO,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,KAAI;IACvF,MAAM,EAAE,MAAM,EAAE,GAAGA,mBAAQ,CAAC,UAAU,CAAC;AAEvC,IAAA,QACEC,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACpEC,IAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EACnB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAC,MAAM,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACrBA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACf,EAAA,CACC;AAEb;;;;"}

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

@@ -1,9 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Avatar, Link, Typography } from '@mui/material';
 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();

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

@@ -1 +1 @@
-{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;MAYa,WAAW,GAA+B,CAAC,EACtD,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,oBAAoB,EAC/B,0BAA0B,GAAG,IAAI,GAClC,KAAI;IACH,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS;IACvD,QACEA,KAAC,GAAG,EAAA,EAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrDA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,aAC7BC,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,EACjD,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,GACvB,WAAW,EAAA,CACf,EACD,0BAA0B,CAAA,EAAA,CACvB,EACND,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAG,kBAAkB,CAAC,IAAI,EAAE,IAAc,CAAC,EAAA,CAAO,EAC5DA,GAAA,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAC3DA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,GAAG,WAAW;6BACf,EAAA,GACG,aAAa,YAChB,QAAQ,EAAA,CACE,GACR,CAAA,EAAA,CACH,CAAA,EAAA,CACF;AAEV;;;;"}
+{"version":3,"file":"PanelAvatar.js","sources":["../../../../src/components/panel/PanelAvatar.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;MAYa,WAAW,GAA+B,CAAC,EACtD,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,oBAAoB,EAC/B,0BAA0B,GAAG,IAAI,GAClC,KAAI;IACH,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS;IACvD,QACEA,KAAC,GAAG,EAAA,EAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrDA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,aAC7BC,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,EACjD,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,GACvB,WAAW,EAAA,CACf,EACD,0BAA0B,CAAA,EAAA,CACvB,EACND,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAG,kBAAkB,CAAC,IAAI,EAAE,IAAc,CAAC,EAAA,CAAO,EAC5DA,GAAA,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAC3DA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,GAAG,WAAW;6BACf,EAAA,GACG,aAAa,YAChB,QAAQ,EAAA,CACE,GACR,CAAA,EAAA,CACH,CAAA,EAAA,CACF;AAEV;;;;"}

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

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
+import { Button } from '@mui/material';
 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);

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import Divider from '../../node_modules/@mui/material/esm/Divider/Divider.js';
+import { Divider } from '@mui/material';
 
 const PanelDivider = ({ sx, ...rest }) => {
     return (jsx(Divider, { sx: {

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

@@ -1,12 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { List, ListItemIcon } from '@mui/material';
 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();

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

@@ -1 +1 @@
-{"version":3,"file":"PanelFooter.js","sources":["../../../../src/components/panel/PanelFooter.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAwBO,MAAM,WAAW,GAA+B,CAAC,EACtD,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,GAClB,KAAI;AACH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;AAC/B,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,cAAc,EAAA,IAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAA,CAChCC,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,EAClCA,IAAC,SAAS,EAAA,EACR,aAAa,EAAE;AACb,oBAAA,OAAO,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC;oBACnC,eAAe,GACbA,GAAA,CAAC,YAAY,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAA,QAAA,EAChEA,GAAA,CAAC,oBAAoB,EAAA,EAAA,CAAG,EAAA,CACX,CAChB;AACD,oBAAA,SAAS,EAAE,KAAK;AAChB,oBAAA,GAAG,aAAa;AACjB,iBAAA,EACD,iBAAiB,EAAE;AACjB,oBAAA,OAAO,EAAE,eAAe;AACxB,oBAAA,sBAAsB,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;AACpE,oBAAA,GAAG,iBAAiB;iBACrB,EAAA,CACD,CAAA,EAAA,CACG;AAEX;;;;"}
+{"version":3,"file":"PanelFooter.js","sources":["../../../../src/components/panel/PanelFooter.tsx"],"sourcesContent":["\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":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAwBO,MAAM,WAAW,GAA+B,CAAC,EACtD,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,GAClB,KAAI;AACH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;AAC/B,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,cAAc,EAAA,IAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAA,CAChCC,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,EAClCA,IAAC,SAAS,EAAA,EACR,aAAa,EAAE;AACb,oBAAA,OAAO,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC;oBACnC,eAAe,GACbA,GAAA,CAAC,YAAY,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAA,QAAA,EAChEA,GAAA,CAAC,oBAAoB,EAAA,EAAA,CAAG,EAAA,CACX,CAChB;AACD,oBAAA,SAAS,EAAE,KAAK;AAChB,oBAAA,GAAG,aAAa;AACjB,iBAAA,EACD,iBAAiB,EAAE;AACjB,oBAAA,OAAO,EAAE,eAAe;AACxB,oBAAA,sBAAsB,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;AACpE,oBAAA,GAAG,iBAAiB;iBACrB,EAAA,CACD,CAAA,EAAA,CACG;AAEX;;;;"}

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

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

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

@@ -1,10 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
+import { ListItem, ListItemButton, ListItemText, IconButton } from '@mui/material';
 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 }) }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"PanelItem.js","sources":["../../../../src/components/panel/PanelItem.tsx"],"sourcesContent":["\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":["_jsx"],"mappings":";;;;;;;;AAkBO,MAAM,SAAS,GAA6B,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAI;IAC1F,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,cAAc,QACd,SAAS,EAAC,GAAG,EACb,eAAe,EACbA,IAAC,UAAU,EAAA,EAAA,QAAA,EACTA,GAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAA,CAAG,EAAA,CAC7B,EAAA,GAEX,aAAa,EAAA,QAAA,EACjBA,GAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EAC3EA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,iBAAiB,EAAA,CAAI,EAAA,CACxB,EAAA,CACR;AAEf;;;;"}
+{"version":3,"file":"PanelItem.js","sources":["../../../../src/components/panel/PanelItem.tsx"],"sourcesContent":["\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":["_jsx"],"mappings":";;;;;AAkBO,MAAM,SAAS,GAA6B,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAI;IAC1F,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,cAAc,QACd,SAAS,EAAC,GAAG,EACb,eAAe,EACbA,IAAC,UAAU,EAAA,EAAA,QAAA,EACTA,GAAA,CAAC,mBAAmB,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAA,CAAG,EAAA,CAC7B,EAAA,GAEX,aAAa,EAAA,QAAA,EACjBA,GAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EAC3EA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,iBAAiB,EAAA,CAAI,EAAA,CACxB,EAAA,CACR;AAEf;;;;"}

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

@@ -1,10 +1,8 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Box, Typography, List } from '@mui/material';
 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: {

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

@@ -1 +1 @@
-{"version":3,"file":"PanelListItems.js","sources":["../../../../src/components/panel/PanelListItems.tsx"],"sourcesContent":["\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":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;MAyBa,cAAc,GAA6B,CAAC,EACvD,YAAY,EACZ,cAAc,EACd,SAAS,EACT,UAAU,EACV,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,OAAO,GAChB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,GAAG,OAAK,cAAc,EAAA,QAAA,EAAA,CACpB,KAAK,IACJA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,IAAC,UAAU,EAAA,EACT,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,CAAC,EACL,UAAU,EAAE,GAAG,EACf,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,EAAA,GACR,UAAU,EAAA,QAAA,EACb,KAAK,GACK,EACbA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,CAAA,EAAA,CACjC,IACD,IAAI,EAERA,IAAC,IAAI,EAAA,EAAC,cAAc,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAM,SAAS,EAAA,QAAA,EACvE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBA,IAAC,SAAS,EAAA,EAER,aAAa,EAAE;wBACb,IAAI,EAAE,KAAK,CAAC,IAAI;AACjB,qBAAA,EACD,iBAAiB,EAAE;wBACjB,OAAO,EAAE,KAAK,CAAC,IAAI;AACnB,wBAAA,sBAAsB,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;AAClE,qBAAA,EAAA,EAPI,KAAK,CAQV,CACH,CAAC,EAAA,CACG,CAAA,EAAA,CACH;AAEV;;;;"}
+{"version":3,"file":"PanelListItems.js","sources":["../../../../src/components/panel/PanelListItems.tsx"],"sourcesContent":["\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":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;MAyBa,cAAc,GAA6B,CAAC,EACvD,YAAY,EACZ,cAAc,EACd,SAAS,EACT,UAAU,EACV,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,OAAO,GAChB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,GAAG,OAAK,cAAc,EAAA,QAAA,EAAA,CACpB,KAAK,IACJA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,IAAC,UAAU,EAAA,EACT,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,CAAC,EACL,UAAU,EAAE,GAAG,EACf,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,EAAA,GACR,UAAU,EAAA,QAAA,EACb,KAAK,GACK,EACbA,GAAA,CAAC,YAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,CAAA,EAAA,CACjC,IACD,IAAI,EAERA,IAAC,IAAI,EAAA,EAAC,cAAc,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAM,SAAS,EAAA,QAAA,EACvE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBA,IAAC,SAAS,EAAA,EAER,aAAa,EAAE;wBACb,IAAI,EAAE,KAAK,CAAC,IAAI;AACjB,qBAAA,EACD,iBAAiB,EAAE;wBACjB,OAAO,EAAE,KAAK,CAAC,IAAI;AACnB,wBAAA,sBAAsB,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;AAClE,qBAAA,EAAA,EAPI,KAAK,CAQV,CACH,CAAC,EAAA,CACG,CAAA,EAAA,CACH;AAEV;;;;"}

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

@@ -1,6 +1,6 @@
 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 { Box } from '@mui/material';
 
 const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
     const { subscription } = useSession();

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

@@ -1,8 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Typography, Button } from '@mui/material';
 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';
 
 const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya estoy registrado', secondaryButtonProps = {}, title = 'Este artículo es exclusivo para usuarios registrados', subtitle = 'Regístrate para obtener beneficios exclusivos.', buttonText = '¡Regístrate gratis!', }) => {
     const { sx: sxContainerProps, ...containerPropRest } = containerProps;

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

@@ -1 +1 @@
-{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\n\n\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 = 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":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"PaywallRegister.js","sources":["../../../../src/components/paywall/PaywallRegister.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Box, BoxProps, Typography, TypographyProps, ButtonProps, Button } from '@mui/material';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\n\n\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 = 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":["_jsx","_jsxs"],"mappings":"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"}