react-easy-wall 2.0.11 → 2.0.12

package/dist/cjs/components/comment/components/CommentSubscriptionDialog.cjs

@@ -5,13 +5,12 @@ var DialogDefault = require('../../../shared/components/dialog/DialogDefault.cjs
 var index = require('../../../_virtual/index.cjs');
 var comment_store = require('../comment.store.cjs');
 var comment_actions = require('../comment.actions.cjs');
+var material = require('@mui/material');
 var index$1 = require('../../../shared/constants/index.cjs');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.cjs');
 
 const CommentSubscriptionDialog = () => {
     const { open } = index.libExports.useStore(comment_store.openSubscriptionCommentsStore);
-    return (require$$2.jsx(DialogDefault.DialogDefault, { isOpen: open, showActions: true, handleClose: () => comment_actions.openSubscriptionCommentsStoreAction(false), successText: "SUSCRIBIRTE", handleSuccess: () => (window.location.href = `${index$1.URL_PORTAL}/planes`), children: require$$2.jsx(Box.default, { px: 2, textAlign: "center", children: require$$2.jsx(Typography.default, { fontSize: 20, fontWeight: 700, children: "Debes tener una suscripci\u00F3n activa para poder realizar un comentario" }) }) }));
+    return (require$$2.jsx(DialogDefault.DialogDefault, { isOpen: open, showActions: true, handleClose: () => comment_actions.openSubscriptionCommentsStoreAction(false), successText: "SUSCRIBIRTE", handleSuccess: () => (window.location.href = `${index$1.URL_PORTAL}/planes`), children: require$$2.jsx(material.Box, { px: 2, textAlign: "center", children: require$$2.jsx(material.Typography, { fontSize: 20, fontWeight: 700, children: "Debes tener una suscripci\u00F3n activa para poder realizar un comentario" }) }) }));
 };
 
 exports.CommentSubscriptionDialog = CommentSubscriptionDialog;

package/dist/cjs/components/comment/components/CommentSubscriptionDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSubscriptionDialog.cjs","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","openSubscriptionCommentsStore","_jsx","DialogDefault","openSubscriptionCommentsStoreAction","URL_PORTAL","Box","Typography"],"mappings":";;;;;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAGA,yBAAQ,CAACC,2CAA6B,CAAC;AACxD,IAAA,QACEC,cAAA,CAACC,2BAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAMC,mDAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAGC,kBAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDH,cAAA,CAACI,WAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BJ,cAAA,CAACK,kBAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}
+{"version":3,"file":"CommentSubscriptionDialog.cjs","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","openSubscriptionCommentsStore","_jsx","DialogDefault","openSubscriptionCommentsStoreAction","URL_PORTAL","Box","Typography"],"mappings":";;;;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAGA,yBAAQ,CAACC,2CAA6B,CAAC;AACxD,IAAA,QACEC,cAAA,CAACC,2BAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAMC,mDAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAGC,kBAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDH,cAAA,CAACI,YAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BJ,cAAA,CAACK,mBAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}

package/dist/cjs/components/comment/components/ReplyComments.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var CommentItem = require('./CommentItem.cjs');
-var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.cjs');
 
 const ReplyComments = ({ replyComments, onReply, }) => {
-    return (require$$2.jsx(Grid.default, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (require$$2.jsx(Grid.default, { size: 12, children: require$$2.jsx(CommentItem.CommentItem, { comment: replyComment, onReply: onReply }) }, key))) }));
+    return (require$$2.jsx(material.Grid, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (require$$2.jsx(material.Grid, { size: 12, children: require$$2.jsx(CommentItem.CommentItem, { comment: replyComment, onReply: onReply }) }, key))) }));
 };
 
 exports.ReplyComments = ReplyComments;

package/dist/cjs/components/comment/components/ReplyComments.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyComments.cjs","sources":["../../../../../src/components/comment/components/ReplyComments.tsx"],"sourcesContent":["\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Grid } from '@mui/material';\nimport { CommentItem } from './CommentItem';\n\ntype ReplyCommentsProps = {\n  replyComments: ReplyComment[];\n  onReply: (comment: Comment | ReplyComment) => void;\n};\n\nexport const ReplyComments: React.FC<ReplyCommentsProps> = ({\n  replyComments,\n  onReply,\n}) => {\n  return (\n    <Grid container spacing={2}>\n      {replyComments?.map((replyComment, key) => (\n        <Grid size={12} key={key}>\n          <CommentItem comment={replyComment} onReply={onReply} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["_jsx","Grid","CommentItem"],"mappings":";;;;;;AAaO,MAAM,aAAa,GAAiC,CAAC,EAC1D,aAAa,EACb,OAAO,GACR,KAAI;IACH,QACEA,eAACC,YAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EACvB,aAAa,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,MACpCD,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZD,eAACE,uBAAW,EAAA,EAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,EADrC,GAAG,CAEjB,CACR,CAAC,EAAA,CACG;AAEX;;;;"}
+{"version":3,"file":"ReplyComments.cjs","sources":["../../../../../src/components/comment/components/ReplyComments.tsx"],"sourcesContent":["\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Grid } from '@mui/material';\nimport { CommentItem } from './CommentItem';\n\ntype ReplyCommentsProps = {\n  replyComments: ReplyComment[];\n  onReply: (comment: Comment | ReplyComment) => void;\n};\n\nexport const ReplyComments: React.FC<ReplyCommentsProps> = ({\n  replyComments,\n  onReply,\n}) => {\n  return (\n    <Grid container spacing={2}>\n      {replyComments?.map((replyComment, key) => (\n        <Grid size={12} key={key}>\n          <CommentItem comment={replyComment} onReply={onReply} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["_jsx","Grid","CommentItem"],"mappings":";;;;;;AAaO,MAAM,aAAa,GAAiC,CAAC,EAC1D,aAAa,EACb,OAAO,GACR,KAAI;IACH,QACEA,eAACC,aAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EACvB,aAAa,EAAE,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,MACpCD,cAAA,CAACC,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZD,eAACE,uBAAW,EAAA,EAAC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,EADrC,GAAG,CAEjB,CACR,CAAC,EAAA,CACG;AAEX;;;;"}

package/dist/cjs/components/comment/components/ShowMoreComments.cjs

@@ -1,13 +1,11 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var index = require('../../../_virtual/index.cjs');
 var comment_store = require('../comment.store.cjs');
 var comment_hooks = require('../comment.hooks.cjs');
 var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.cjs');
-var Paper = require('../../../node_modules/@mui/material/esm/Paper/Paper.cjs');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.cjs');
 
 const useStyles = makeStyles.default({
     root: {
@@ -18,7 +16,7 @@ const ShowMoreComments = () => {
     const { comments, count } = index.libExports.useStore(comment_store.fetchCommentsStore);
     const classes = useStyles();
     const { loading, loadMoreComments } = comment_hooks.useComment();
-    return count > comments.length ? (require$$2.jsx(Grid.default, { size: 12, children: require$$2.jsx(Paper.default, { elevation: 1, className: classes.root, onClick: () => loadMoreComments(), children: require$$2.jsx(Box.default, { p: 1, textAlign: "center", children: loading ? 'Cargando...' : 'Ver más comentarios' }) }) })) : null;
+    return count > comments.length ? (require$$2.jsx(material.Grid, { size: 12, children: require$$2.jsx(material.Paper, { elevation: 1, className: classes.root, onClick: () => loadMoreComments(), children: require$$2.jsx(material.Box, { p: 1, textAlign: "center", children: loading ? 'Cargando...' : 'Ver más comentarios' }) }) })) : null;
 };
 
 exports.ShowMoreComments = ShowMoreComments;

package/dist/cjs/components/comment/components/ShowMoreComments.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreComments.cjs","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":["makeStyles","useStore","fetchCommentsStore","useComment","_jsx","Grid","Paper","Box"],"mappings":";;;;;;;;;;;AASA,MAAM,SAAS,GAAGA,kBAAU,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,GAAGC,yBAAQ,CAACC,gCAAkB,CAAC;AACxD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAGC,wBAAU,EAAE;AAElD,IAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,IAC5BC,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZD,cAAA,CAACE,aAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAA,QAAA,EAEjCF,cAAA,CAACG,WAAG,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.cjs","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":["makeStyles","useStore","fetchCommentsStore","useComment","_jsx","Grid","Paper","Box"],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAGA,kBAAU,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,GAAGC,yBAAQ,CAACC,gCAAkB,CAAC;AACxD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAGC,wBAAU,EAAE;AAElD,IAAA,OAAO,KAAK,GAAG,QAAQ,CAAC,MAAM,IAC5BC,cAAA,CAACC,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZD,cAAA,CAACE,cAAK,EAAA,EACJ,SAAS,EAAE,CAAC,EACZ,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,gBAAgB,EAAE,EAAA,QAAA,EAEjCF,cAAA,CAACG,YAAG,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/cjs/components/panel/Panel.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.cjs","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","panelStore","_jsx","Drawer","handlePanelClick","_jsxs","Box"],"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,yBAAQ,CAACC,sBAAU,CAAC;AAEvC,IAAA,QACEC,cAAA,CAACC,cAAM,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAMC,8BAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACpEC,eAAA,CAACC,WAAG,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,CACbJ,cAAA,CAACI,WAAG,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACrBJ,cAAA,CAACI,WAAG,EAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACf,EAAA,CACC;AAEb;;;;"}
+{"version":3,"file":"Panel.cjs","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","panelStore","_jsx","Drawer","handlePanelClick","_jsxs","Box"],"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,yBAAQ,CAACC,sBAAU,CAAC;AAEvC,IAAA,QACEC,cAAA,CAACC,eAAM,EAAA,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAMC,8BAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACpEC,eAAA,CAACC,YAAG,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,CACbJ,cAAA,CAACI,YAAG,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACrBJ,cAAA,CAACI,YAAG,EAAA,EAAA,QAAA,EAAE,MAAM,EAAA,CAAO,CAAA,EAAA,CACf,EAAA,CACC;AAEb;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PanelAvatar.cjs","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":["useSession","_jsxs","Box","_jsx","Avatar","Link","Typography"],"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,GAAGA,wBAAU,EAAE;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS;IACvD,QACEC,gBAACC,WAAG,EAAA,EAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrDD,eAAA,CAACC,WAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,aAC7BC,cAAA,CAACC,cAAM,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,EACNH,eAAA,CAACC,WAAG,EAAA,EAAA,QAAA,EAAA,CACFC,cAAA,CAACD,WAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAG,kBAAkB,CAAC,IAAI,EAAE,IAAc,CAAC,EAAA,CAAO,EAC5DC,cAAA,CAACE,YAAI,IAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAC3DF,cAAA,CAACG,kBAAU,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.cjs","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":["useSession","_jsxs","Box","_jsx","Avatar","Link","Typography"],"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,GAAGA,wBAAU,EAAE;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS;IACvD,QACEC,gBAACC,YAAG,EAAA,EAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrDD,eAAA,CAACC,YAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,UAAU,aAC7BC,cAAA,CAACC,eAAM,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,EACNH,eAAA,CAACC,YAAG,EAAA,EAAA,QAAA,EAAA,CACFC,cAAA,CAACD,YAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAG,kBAAkB,CAAC,IAAI,EAAE,IAAc,CAAC,EAAA,CAAO,EAC5DC,cAAA,CAACE,aAAI,IAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAC3DF,cAAA,CAACG,mBAAU,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/cjs/components/panel/PanelButton.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var panel_actions = require('./panel.actions.cjs');
 var index = require('../../_virtual/index.cjs');
 var panel_store = require('./panel.store.cjs');
 var session_hooks = require('../session/session.hooks.cjs');
 var index$1 = require('../../shared/constants/index.cjs');
-var Button = require('../../node_modules/@mui/material/esm/Button/Button.cjs');
 
 const PanelButton = ({ loginButtonText = 'CUENTA', registerButtonText = 'INGRESAR', registerButtonProps, loginButtonProps, params = {}, }) => {
     const { isOpen } = index.libExports.useStore(panel_store.panelStore);
@@ -23,9 +23,9 @@ const PanelButton = ({ loginButtonText = 'CUENTA', registerButtonText = 'INGRESA
         return (window.location.href = `${url}?${queryString}`);
     };
     if (user) {
-        return (require$$2.jsx(Button.default, { onClick: handleClick, ...loginButtonProps, children: loginButtonText }));
+        return (require$$2.jsx(material.Button, { onClick: handleClick, ...loginButtonProps, children: loginButtonText }));
     }
-    return (require$$2.jsx(Button.default, { onClick: handleClick, ...registerButtonProps, children: registerButtonText }));
+    return (require$$2.jsx(material.Button, { onClick: handleClick, ...registerButtonProps, children: registerButtonText }));
 };
 
 exports.PanelButton = PanelButton;

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

@@ -1 +1 @@
-{"version":3,"file":"PanelButton.cjs","sources":["../../../../src/components/panel/PanelButton.tsx"],"sourcesContent":["\nimport React, { FC } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\nimport { handlePanelClick } from './panel.actions';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { useSession } from '../session/session.hooks';\nimport { URL_PORTAL } from '../../shared/constants';\n\nexport interface PanelButtonProps {\n  params?: { [key: string]: string };\n  loginButtonText?: string | React.ReactNode;\n  registerButtonText?: string | React.ReactNode;\n  registerButtonProps?: ButtonProps;\n  loginButtonProps?: ButtonProps;\n}\n\nexport const PanelButton: FC<PanelButtonProps> = ({\n  loginButtonText = 'CUENTA',\n  registerButtonText = 'INGRESAR',\n  registerButtonProps,\n  loginButtonProps,\n  params = {},\n}) => {\n  const { isOpen } = useStore(panelStore);\n  const { user } = useSession();\n\n  const handleClick = () => {\n    if (user) return handlePanelClick(!isOpen);\n\n    let url = `${URL_PORTAL}/autenticacion`;\n\n    const queryParams = {\n      redirect_url: window.location.href,\n      ...params,\n    };\n\n    const queryString = new URLSearchParams(queryParams).toString();\n\n    return (window.location.href = `${url}?${queryString}`);\n  };\n\n  if (user) {\n    return (\n      <Button onClick={handleClick} {...loginButtonProps}>\n        {loginButtonText}\n      </Button>\n    );\n  }\n\n  return (\n    <Button onClick={handleClick} {...registerButtonProps}>\n      {registerButtonText}\n    </Button>\n  );\n};\n"],"names":["useStore","panelStore","useSession","handlePanelClick","URL_PORTAL","_jsx","Button"],"mappings":";;;;;;;;;;MAiBa,WAAW,GAAyB,CAAC,EAChD,eAAe,GAAG,QAAQ,EAC1B,kBAAkB,GAAG,UAAU,EAC/B,mBAAmB,EACnB,gBAAgB,EAChB,MAAM,GAAG,EAAE,GACZ,KAAI;IACH,MAAM,EAAE,MAAM,EAAE,GAAGA,yBAAQ,CAACC,sBAAU,CAAC;AACvC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,wBAAU,EAAE;IAE7B,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,IAAI;AAAE,YAAA,OAAOC,8BAAgB,CAAC,CAAC,MAAM,CAAC;AAE1C,QAAA,IAAI,GAAG,GAAG,CAAA,EAAGC,kBAAU,gBAAgB;AAEvC,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;AAClC,YAAA,GAAG,MAAM;SACV;QAED,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE;AAE/D,QAAA,QAAQ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE;AACxD,IAAA,CAAC;IAED,IAAI,IAAI,EAAE;AACR,QAAA,QACEC,cAAA,CAACC,cAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,gBAAgB,EAAA,QAAA,EAC/C,eAAe,EAAA,CACT;IAEb;AAEA,IAAA,QACED,cAAA,CAACC,cAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,mBAAmB,EAAA,QAAA,EAClD,kBAAkB,EAAA,CACZ;AAEb;;;;"}
+{"version":3,"file":"PanelButton.cjs","sources":["../../../../src/components/panel/PanelButton.tsx"],"sourcesContent":["\nimport React, { FC } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\nimport { handlePanelClick } from './panel.actions';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { panelStore } from './panel.store';\nimport { useSession } from '../session/session.hooks';\nimport { URL_PORTAL } from '../../shared/constants';\n\nexport interface PanelButtonProps {\n  params?: { [key: string]: string };\n  loginButtonText?: string | React.ReactNode;\n  registerButtonText?: string | React.ReactNode;\n  registerButtonProps?: ButtonProps;\n  loginButtonProps?: ButtonProps;\n}\n\nexport const PanelButton: FC<PanelButtonProps> = ({\n  loginButtonText = 'CUENTA',\n  registerButtonText = 'INGRESAR',\n  registerButtonProps,\n  loginButtonProps,\n  params = {},\n}) => {\n  const { isOpen } = useStore(panelStore);\n  const { user } = useSession();\n\n  const handleClick = () => {\n    if (user) return handlePanelClick(!isOpen);\n\n    let url = `${URL_PORTAL}/autenticacion`;\n\n    const queryParams = {\n      redirect_url: window.location.href,\n      ...params,\n    };\n\n    const queryString = new URLSearchParams(queryParams).toString();\n\n    return (window.location.href = `${url}?${queryString}`);\n  };\n\n  if (user) {\n    return (\n      <Button onClick={handleClick} {...loginButtonProps}>\n        {loginButtonText}\n      </Button>\n    );\n  }\n\n  return (\n    <Button onClick={handleClick} {...registerButtonProps}>\n      {registerButtonText}\n    </Button>\n  );\n};\n"],"names":["useStore","panelStore","useSession","handlePanelClick","URL_PORTAL","_jsx","Button"],"mappings":";;;;;;;;;;MAiBa,WAAW,GAAyB,CAAC,EAChD,eAAe,GAAG,QAAQ,EAC1B,kBAAkB,GAAG,UAAU,EAC/B,mBAAmB,EACnB,gBAAgB,EAChB,MAAM,GAAG,EAAE,GACZ,KAAI;IACH,MAAM,EAAE,MAAM,EAAE,GAAGA,yBAAQ,CAACC,sBAAU,CAAC;AACvC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,wBAAU,EAAE;IAE7B,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,IAAI;AAAE,YAAA,OAAOC,8BAAgB,CAAC,CAAC,MAAM,CAAC;AAE1C,QAAA,IAAI,GAAG,GAAG,CAAA,EAAGC,kBAAU,gBAAgB;AAEvC,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,YAAY,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;AAClC,YAAA,GAAG,MAAM;SACV;QAED,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE;AAE/D,QAAA,QAAQ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE;AACxD,IAAA,CAAC;IAED,IAAI,IAAI,EAAE;AACR,QAAA,QACEC,cAAA,CAACC,eAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,gBAAgB,EAAA,QAAA,EAC/C,eAAe,EAAA,CACT;IAEb;AAEA,IAAA,QACED,cAAA,CAACC,eAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,GAAM,mBAAmB,EAAA,QAAA,EAClD,kBAAkB,EAAA,CACZ;AAEb;;;;"}

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
-var Divider = require('../../node_modules/@mui/material/esm/Divider/Divider.cjs');
+var material = require('@mui/material');
 
 const PanelDivider = ({ sx, ...rest }) => {
-    return (require$$2.jsx(Divider.default, { sx: {
+    return (require$$2.jsx(material.Divider, { sx: {
             backgroundColor: '#e7e7e7',
             height: 1.5,
             ...sx,

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

@@ -1 +1 @@
-{"version":3,"file":"PanelDivider.cjs","sources":["../../../../src/components/panel/PanelDivider.tsx"],"sourcesContent":["\nimport { DividerProps, Divider } from '@mui/material';\nimport React from 'react';\n\nexport interface PanelDividerProps extends DividerProps {}\n\nexport const PanelDivider: React.FC<PanelDividerProps> = ({ sx, ...rest }) => {\n  return (\n    <Divider\n      sx={{\n        backgroundColor: '#e7e7e7',\n        height: 1.5,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["_jsx","Divider"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAgC,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,KAAI;AAC3E,IAAA,QACEA,cAAA,CAACC,eAAO,EAAA,EACN,EAAE,EAAE;AACF,YAAA,eAAe,EAAE,SAAS;AAC1B,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,GAAG,EAAE;SACN,EAAA,GACG,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"PanelDivider.cjs","sources":["../../../../src/components/panel/PanelDivider.tsx"],"sourcesContent":["\nimport { DividerProps, Divider } from '@mui/material';\nimport React from 'react';\n\nexport interface PanelDividerProps extends DividerProps {}\n\nexport const PanelDivider: React.FC<PanelDividerProps> = ({ sx, ...rest }) => {\n  return (\n    <Divider\n      sx={{\n        backgroundColor: '#e7e7e7',\n        height: 1.5,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n};\n"],"names":["_jsx","Divider"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAgC,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,KAAI;AAC3E,IAAA,QACEA,cAAA,CAACC,gBAAO,EAAA,EACN,EAAE,EAAE;AACF,YAAA,eAAe,EAAE,SAAS;AAC1B,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,GAAG,EAAE;SACN,EAAA,GACG,IAAI,EAAA,CACR;AAEN;;;;"}

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

@@ -1,20 +1,19 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var PanelDivider = require('./PanelDivider.cjs');
 var PanelItem = require('./PanelItem.cjs');
 var theme = require('../../shared/mui/theme.cjs');
 var PowerSettingsNew = require('../../node_modules/@mui/icons-material/esm/PowerSettingsNew.cjs');
 var panel_actions = require('./panel.actions.cjs');
 var session_hooks = require('../session/session.hooks.cjs');
-var List = require('../../node_modules/@mui/material/esm/List/List.cjs');
-var ListItemIcon = require('../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.cjs');
 
 const PanelFooter = ({ dividerProps, listProps, listItemProps, listItemTextProps, }) => {
     const { config } = session_hooks.useSession();
-    return (require$$2.jsxs(List.default, { disablePadding: true, ...listProps, children: [require$$2.jsx(PanelDivider.PanelDivider, { ...dividerProps }), require$$2.jsx(PanelItem.PanelItem, { listItemProps: {
+    return (require$$2.jsxs(material.List, { disablePadding: true, ...listProps, children: [require$$2.jsx(PanelDivider.PanelDivider, { ...dividerProps }), require$$2.jsx(PanelItem.PanelItem, { listItemProps: {
                     onClick: () => panel_actions.handleLogout(config),
-                    secondaryAction: (require$$2.jsx(ListItemIcon.default, { sx: { marginRight: theme.theme.spacing(1.5), minWidth: 0 }, children: require$$2.jsx(PowerSettingsNew.default, {}) })),
+                    secondaryAction: (require$$2.jsx(material.ListItemIcon, { sx: { marginRight: theme.theme.spacing(1.5), minWidth: 0 }, children: require$$2.jsx(PowerSettingsNew.default, {}) })),
                     component: 'div',
                     ...listItemProps,
                 }, listItemTextProps: {

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

@@ -1 +1 @@
-{"version":3,"file":"PanelFooter.cjs","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":["useSession","_jsxs","List","_jsx","PanelDivider","PanelItem","handleLogout","ListItemIcon","theme","PowerSettingsNewIcon"],"mappings":";;;;;;;;;;;;AAwBO,MAAM,WAAW,GAA+B,CAAC,EACtD,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,GAClB,KAAI;AACH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGA,wBAAU,EAAE;AAC/B,IAAA,QACEC,eAAA,CAACC,YAAI,IAAC,cAAc,EAAA,IAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAA,CAChCC,cAAA,CAACC,yBAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,EAClCD,eAACE,mBAAS,EAAA,EACR,aAAa,EAAE;AACb,oBAAA,OAAO,EAAE,MAAMC,0BAAY,CAAC,MAAM,CAAC;oBACnC,eAAe,GACbH,cAAA,CAACI,oBAAY,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAA,QAAA,EAChEL,cAAA,CAACM,wBAAoB,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.cjs","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":["useSession","_jsxs","List","_jsx","PanelDivider","PanelItem","handleLogout","ListItemIcon","theme","PowerSettingsNewIcon"],"mappings":";;;;;;;;;;;AAwBO,MAAM,WAAW,GAA+B,CAAC,EACtD,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,GAClB,KAAI;AACH,IAAA,MAAM,EAAE,MAAM,EAAE,GAAGA,wBAAU,EAAE;AAC/B,IAAA,QACEC,eAAA,CAACC,aAAI,IAAC,cAAc,EAAA,IAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EAAA,CAChCC,cAAA,CAACC,yBAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,EAClCD,eAACE,mBAAS,EAAA,EACR,aAAa,EAAE;AACb,oBAAA,OAAO,EAAE,MAAMC,0BAAY,CAAC,MAAM,CAAC;oBACnC,eAAe,GACbH,cAAA,CAACI,qBAAY,EAAA,EAAC,EAAE,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAA,QAAA,EAChEL,cAAA,CAACM,wBAAoB,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/cjs/components/panel/PanelHeader.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
-var Box = require('../../node_modules/@mui/material/esm/Box/Box.cjs');
+var material = require('@mui/material');
 
 const PanelHeader = ({ imageProps = {}, containerProps = {}, }) => {
-    return (require$$2.jsx(Box.default, { ...containerProps, children: require$$2.jsx("img", { ...imageProps, alt: imageProps?.alt }) }));
+    return (require$$2.jsx(material.Box, { ...containerProps, children: require$$2.jsx("img", { ...imageProps, alt: imageProps?.alt }) }));
 };
 
 exports.PanelHeader = PanelHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.cjs","sources":["../../../../src/components/panel/PanelHeader.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { BoxProps, Box } from '@mui/material';\n\nexport interface PanelHeaderProps {\n  containerProps?: BoxProps;\n  imageProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;\n}\n\nexport const PanelHeader: React.FC<PanelHeaderProps> = ({\n  imageProps = {},\n  containerProps = {},\n}) => {\n  return (\n    <Box {...containerProps}>\n      <img {...imageProps} alt={imageProps?.alt} />\n    </Box>\n  );\n};\n"],"names":["_jsx","Box"],"mappings":";;;;;AASO,MAAM,WAAW,GAA+B,CAAC,EACtD,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,KAAI;AACH,IAAA,QACEA,cAAA,CAACC,WAAG,EAAA,EAAA,GAAK,cAAc,YACrBD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAA,CAAI,EAAA,CACzC;AAEV;;;;"}
+{"version":3,"file":"PanelHeader.cjs","sources":["../../../../src/components/panel/PanelHeader.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { BoxProps, Box } from '@mui/material';\n\nexport interface PanelHeaderProps {\n  containerProps?: BoxProps;\n  imageProps?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;\n}\n\nexport const PanelHeader: React.FC<PanelHeaderProps> = ({\n  imageProps = {},\n  containerProps = {},\n}) => {\n  return (\n    <Box {...containerProps}>\n      <img {...imageProps} alt={imageProps?.alt} />\n    </Box>\n  );\n};\n"],"names":["_jsx","Box"],"mappings":";;;;;AASO,MAAM,WAAW,GAA+B,CAAC,EACtD,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,EAAE,GACpB,KAAI;AACH,IAAA,QACEA,cAAA,CAACC,YAAG,EAAA,EAAA,GAAK,cAAc,YACrBD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAA,CAAI,EAAA,CACzC;AAEV;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PanelItem.cjs","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","ListItem","IconButton","ArrowForwardIosIcon","ListItemButton","theme","ListItemText"],"mappings":";;;;;;;;;;AAkBO,MAAM,SAAS,GAA6B,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAI;IAC1F,QACEA,cAAA,CAACC,gBAAQ,EAAA,EACP,cAAc,QACd,SAAS,EAAC,GAAG,EACb,eAAe,EACbD,eAACE,kBAAU,EAAA,EAAA,QAAA,EACTF,cAAA,CAACG,uBAAmB,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAA,CAAG,EAAA,CAC7B,EAAA,GAEX,aAAa,EAAA,QAAA,EACjBH,cAAA,CAACI,sBAAc,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAEC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EAC3EL,cAAA,CAACM,oBAAY,EAAA,EAAA,GAAK,iBAAiB,EAAA,CAAI,EAAA,CACxB,EAAA,CACR;AAEf;;;;"}
+{"version":3,"file":"PanelItem.cjs","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","ListItem","IconButton","ArrowForwardIosIcon","ListItemButton","theme","ListItemText"],"mappings":";;;;;;;AAkBO,MAAM,SAAS,GAA6B,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAI;IAC1F,QACEA,cAAA,CAACC,iBAAQ,EAAA,EACP,cAAc,QACd,SAAS,EAAC,GAAG,EACb,eAAe,EACbD,eAACE,mBAAU,EAAA,EAAA,QAAA,EACTF,cAAA,CAACG,uBAAmB,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAA,CAAG,EAAA,CAC7B,EAAA,GAEX,aAAa,EAAA,QAAA,EACjBH,cAAA,CAACI,uBAAc,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAEC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EAC3EL,cAAA,CAACM,qBAAY,EAAA,EAAA,GAAK,iBAAiB,EAAA,CAAI,EAAA,CACxB,EAAA,CACR;AAEf;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PanelListItems.cjs","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","Box","_Fragment","_jsx","Typography","PanelDivider","List","theme","PanelItem"],"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,eAAA,CAACC,WAAG,OAAK,cAAc,EAAA,QAAA,EAAA,CACpB,KAAK,IACJD,eAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,eAACC,kBAAU,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,EACbD,cAAA,CAACE,yBAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,CAAA,EAAA,CACjC,IACD,IAAI,EAERF,eAACG,YAAI,EAAA,EAAC,cAAc,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,YAAY,EAAEC,WAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAM,SAAS,EAAA,QAAA,EACvE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBJ,eAACK,mBAAS,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.cjs","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","Box","_Fragment","_jsx","Typography","PanelDivider","List","theme","PanelItem"],"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,eAAA,CAACC,YAAG,OAAK,cAAc,EAAA,QAAA,EAAA,CACpB,KAAK,IACJD,eAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEC,eAACC,mBAAU,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,EACbD,cAAA,CAACE,yBAAY,EAAA,EAAA,GAAK,YAAY,EAAA,CAAI,CAAA,EAAA,CACjC,IACD,IAAI,EAERF,eAACG,aAAI,EAAA,EAAC,cAAc,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,YAAY,EAAEC,WAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAM,SAAS,EAAA,QAAA,EACvE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvBJ,eAACK,mBAAS,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/cjs/components/panel/PanelSubscriptionIcon.cjs

@@ -2,13 +2,13 @@
 
 var require$$2 = require('react/jsx-runtime');
 var session_hooks = require('../session/session.hooks.cjs');
-var Box = require('../../node_modules/@mui/material/esm/Box/Box.cjs');
+var material = require('@mui/material');
 
 const PanelSubscriptionIcon = ({ children, subscriptionImageContainerProps = {}, }) => {
     const { subscription } = session_hooks.useSession();
     if (!subscription)
         return null;
-    return (require$$2.jsx(Box.default, { sx: {
+    return (require$$2.jsx(material.Box, { sx: {
             borderRadius: '50%',
             position: 'absolute',
             top: -7,

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSubscriptionIcon.cjs","sources":["../../../../src/components/panel/PanelSubscriptionIcon.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface PanelSubscriptionIconProps {\n  children?: React.ReactNode;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps> = ({\n  children,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { subscription } = useSession();\n\n  if (!subscription) return null;\n\n  return (\n    <Box\n      sx={{\n        borderRadius: '50%',\n        position: 'absolute',\n        top: -7,\n        right: -7,\n      }}\n      {...subscriptionImageContainerProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["useSession","_jsx","Box"],"mappings":";;;;;;AAWO,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,QAAQ,EACR,+BAA+B,GAAG,EAAE,GACrC,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGA,wBAAU,EAAE;AAErC,IAAA,IAAI,CAAC,YAAY;AAAE,QAAA,OAAO,IAAI;AAE9B,IAAA,QACEC,cAAA,CAACC,WAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,EAAE;AACV,SAAA,EAAA,GACG,+BAA+B,EAAA,QAAA,EAClC,QAAQ,EAAA,CACL;AAEV;;;;"}
+{"version":3,"file":"PanelSubscriptionIcon.cjs","sources":["../../../../src/components/panel/PanelSubscriptionIcon.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { useSession } from '../session/session.hooks';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface PanelSubscriptionIconProps {\n  children?: React.ReactNode;\n  subscriptionImageContainerProps?: BoxProps;\n}\n\nexport const PanelSubscriptionIcon: React.FC<PanelSubscriptionIconProps> = ({\n  children,\n  subscriptionImageContainerProps = {},\n}) => {\n  const { subscription } = useSession();\n\n  if (!subscription) return null;\n\n  return (\n    <Box\n      sx={{\n        borderRadius: '50%',\n        position: 'absolute',\n        top: -7,\n        right: -7,\n      }}\n      {...subscriptionImageContainerProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["useSession","_jsx","Box"],"mappings":";;;;;;AAWO,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,QAAQ,EACR,+BAA+B,GAAG,EAAE,GACrC,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGA,wBAAU,EAAE;AAErC,IAAA,IAAI,CAAC,YAAY;AAAE,QAAA,OAAO,IAAI;AAE9B,IAAA,QACEC,cAAA,CAACC,YAAG,EAAA,EACF,EAAE,EAAE;AACF,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,EAAE;AACV,SAAA,EAAA,GACG,+BAA+B,EAAA,QAAA,EAClC,QAAQ,EAAA,CACL;AAEV;;;;"}

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

@@ -1,10 +1,8 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var index = require('../../shared/constants/index.cjs');
-var Box = require('../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.cjs');
-var Button = require('../../node_modules/@mui/material/esm/Button/Button.cjs');
 
 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;
@@ -27,7 +25,7 @@ const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps
         }
         return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
     };
-    return (require$$2.jsx(Box.default, { sx: {
+    return (require$$2.jsx(material.Box, { sx: {
             display: 'flex',
             width: '100%',
             border: '1px solid #707070',
@@ -40,7 +38,7 @@ const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps
             borderRadius: '20px',
             boxShadow: '0px 0px 32px #00000029',
             ...sxContainerProps,
-        }, ...containerPropRest, children: require$$2.jsxs(Box.default, { sx: {
+        }, ...containerPropRest, children: require$$2.jsxs(material.Box, { sx: {
                 width: {
                     xs: 360,
                     md: 460,
@@ -49,14 +47,14 @@ const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps
                 alignItems: 'center',
                 flexDirection: 'column',
                 display: 'flex',
-            }, children: [require$$2.jsx(Typography.default, { sx: {
+            }, children: [require$$2.jsx(material.Typography, { sx: {
                         fontWeight: 700,
                         lineHeight: '34px',
                         fontSize: '34px',
                         textAlign: 'center',
                         marginBottom: '1.5rem',
                         ...sxTitleProps,
-                    }, ...titlePropRest, children: title }), require$$2.jsx(Typography.default, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), require$$2.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    }, ...titlePropRest, children: title }), require$$2.jsx(material.Typography, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), require$$2.jsx(material.Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
                         background: '#f75957',
                         '&:hover': {
                             backgroundColor: '#f75957',
@@ -72,7 +70,7 @@ const PaywallRegister = ({ containerProps = {}, subtitleProps = {}, buttonProps
                         paddingRight: '.75rem',
                         borderRadius: '0.25rem',
                         ...sxButtonProps,
-                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), require$$2.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), require$$2.jsx(material.Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
                         textDecoration: 'underline',
                         background: 'transparent',
                         textTransform: 'none',

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

@@ -1 +1 @@
-{"version":3,"file":"PaywallRegister.cjs","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":["URL_PORTAL","_jsx","Box","_jsxs","Typography","Button"],"mappings":"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"}
+{"version":3,"file":"PaywallRegister.cjs","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":["URL_PORTAL","_jsx","Box","_jsxs","Typography","Button"],"mappings":"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"}

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

@@ -1,10 +1,8 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var index = require('../../shared/constants/index.cjs');
-var Box = require('../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Typography = require('../../node_modules/@mui/material/esm/Typography/Typography.cjs');
-var Button = require('../../node_modules/@mui/material/esm/Button/Button.cjs');
 
 const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonProps = {}, titleProps = {}, secondaryButtonText = 'Ya soy suscriptor', secondaryButtonProps = {}, withCaption = false, title = 'Este artículo es exclusivo para suscriptores', subtitle = 'Tu contribución nos ayuda a cubrir costos de investigación, tecnología y ofrecerte servicios de valor agregado.', post, buttonText = 'Suscríbete', }) => {
     const { sx: sxContainerProps, ...containerPropRest } = containerProps;
@@ -27,7 +25,7 @@ const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonPr
         }
         return (window.location.href = `${url}/autenticacion?action=AUTH_LOGIN?post_url=${window.location.href}`);
     };
-    return (require$$2.jsx(Box.default, { sx: {
+    return (require$$2.jsx(material.Box, { sx: {
             display: 'flex',
             width: '100%',
             border: '1px solid #707070',
@@ -40,7 +38,7 @@ const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonPr
             borderRadius: '20px',
             boxShadow: '0px 0px 32px #00000029',
             ...sxContainerProps,
-        }, ...containerPropRest, children: require$$2.jsxs(Box.default, { sx: {
+        }, ...containerPropRest, children: require$$2.jsxs(material.Box, { sx: {
                 width: {
                     xs: 360,
                     md: 460,
@@ -49,14 +47,14 @@ const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonPr
                 alignItems: 'center',
                 flexDirection: 'column',
                 display: 'flex',
-            }, children: [require$$2.jsx(Typography.default, { sx: {
+            }, children: [require$$2.jsx(material.Typography, { sx: {
                         fontWeight: 700,
                         lineHeight: '34px',
                         fontSize: '34px',
                         textAlign: 'center',
                         marginBottom: '1.5rem',
                         ...sxTitleProps,
-                    }, ...titlePropRest, children: title }), require$$2.jsx(Typography.default, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), require$$2.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    }, ...titlePropRest, children: title }), require$$2.jsx(material.Typography, { sx: { textAlign: 'center', marginBottom: '1.5rem', ...sxSubtitleProps }, ...subtitlePropRest, children: subtitle }), require$$2.jsx(material.Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
                         background: '#f75957',
                         '&:hover': {
                             backgroundColor: '#f75957',
@@ -72,7 +70,7 @@ const PaywallSubscription = ({ containerProps = {}, subtitleProps = {}, buttonPr
                         paddingRight: '.75rem',
                         borderRadius: '0.25rem',
                         ...sxButtonProps,
-                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), require$$2.jsx(Button.default, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
+                    }, onClick: () => handleButton(), ...buttonPropsRest, children: buttonText }), require$$2.jsx(material.Button, { disableElevation: true, disableRipple: true, disableTouchRipple: true, disableFocusRipple: true, sx: {
                         textDecoration: 'underline',
                         background: 'transparent',
                         textTransform: 'none',