npm - react-easy-wall - Versions diffs - 2.0.11 → 2.0.13 - Mend

react-easy-wall 2.0.11 → 2.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (288) hide show

package/dist/cjs/components/comment/components/AddReplyComment.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddReplyComment.cjs","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":["makeStyles","useSession","useStore","replyCommentStore","useState","useComment","useCallAction","createReplyComment","replyCommentStoreAction","_jsx","EditorProvider","Card","CardHeader","Avatar","ReactSimpleWysiwyg","Box","ButtonDefault","openSubscriptionCommentsStoreAction"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAkBA,MAAM,SAAS,GAAGA,~~kBAAU~~,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,GAAGC,wBAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAGC,yBAAQ,CAACC,+BAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAGC,wBAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAGC,8BAAa,CAACC,kCAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAAC,uCAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEC,cAAA,CAACC,~~uBAAc~~,EAAA,EAAA,QAAA,EACbD,cAAA,CAACE,~~YAAI~~,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBF,cAAA,CAACG,~~kBAAU~~,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFH,cAAA,CAACI,~~cAAM~~,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,EACHJ,cAAA,CAACK,qCAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJL,cAAA,CAACM,~~WAAG~~,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRN,cAAA,CAACO,2BAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAOC,mDAAmC,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;;;;"}
1	+ {"version":3,"file":"AddReplyComment.cjs","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":["makeStyles","useSession","useStore","replyCommentStore","useState","useComment","useCallAction","createReplyComment","replyCommentStoreAction","_jsx","EditorProvider","Card","CardHeader","Avatar","ReactSimpleWysiwyg","Box","ButtonDefault","openSubscriptionCommentsStoreAction"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,SAAS,GAAGA,iBAAU,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,GAAGC,wBAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAGC,yBAAQ,CAACC,+BAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAGC,wBAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAGC,8BAAa,CAACC,kCAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAAC,uCAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEC,cAAA,CAACC,iCAAc,EAAA,EAAA,QAAA,EACbD,cAAA,CAACE,aAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBF,cAAA,CAACG,mBAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFH,cAAA,CAACI,eAAM,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,EACHJ,cAAA,CAACK,qCAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJL,cAAA,CAACM,YAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRN,cAAA,CAACO,2BAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAOC,mDAAmC,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/cjs/components/comment/components/AddReplyCommentContainer.cjs CHANGED Viewed

@@ -1,16 +1,13 @@
 'use strict';
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
+var styles = require('@mui/styles');
 var AddReplyComment = require('./AddReplyComment.cjs');
 var session_hooks = require('../../session/session.hooks.cjs');
 var theme = require('../../../shared/mui/theme.cjs');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.cjs');
-var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.cjs');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.cjs');
-var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.cjs');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     name: {
         fontSize: 14,
         fontWeight: 700,
@@ -27,7 +24,7 @@ const useStyles = makeStyles.default({
 const AddReplyCommentContainer = () => {
     const classes = useStyles();
     const { user } = session_hooks.useSession();
-    return (require$$2.jsxs(Card.default, { elevation: 1, sx: { px: 2, pt: 2 }, children: [require$$2.jsx(CardHeader.default, { sx: { p: 0 }, title: user ? (require$$2.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name })) : null, className: classes.cardHeader }), require$$2.jsx(CardContent.default, { sx: { p: 0 }, children: require$$2.jsx(AddReplyComment.AddReplyComment, {}) })] }));
+    return (require$$2.jsxs(material.Card, { elevation: 1, sx: { px: 2, pt: 2 }, children: [require$$2.jsx(material.CardHeader, { sx: { p: 0 }, title: user ? (require$$2.jsx(material.Box, { className: classes.name, mb: 1, children: user?.name })) : null, className: classes.cardHeader }), require$$2.jsx(material.CardContent, { sx: { p: 0 }, children: require$$2.jsx(AddReplyComment.AddReplyComment, {}) })] }));
 };
 exports.AddReplyCommentContainer = AddReplyCommentContainer;

package/dist/cjs/components/comment/components/AddReplyCommentContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddReplyCommentContainer.cjs","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":["makeStyles","theme","useSession","_jsxs","Card","_jsx","CardHeader","Box","CardContent","AddReplyComment"],"mappings":"~~;;;;;;;;;;;;~~AAUA,MAAM,SAAS,GAAGA,~~kBAAU~~,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,EAAEC,WAAK,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,GAAGC,wBAAU,EAAE;AAE7B,IAAA,QACEC,eAAA,CAACC,~~YAAI~~,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,cAAA,CAACC,~~kBAAU~~,IACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFD,cAAA,CAACE,~~WAAG~~,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,EACFF,cAAA,CAACG,~~mBAAW~~,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YACvBH,cAAA,CAACI,+BAAe,KAAG,EAAA,CACP,CAAA,EAAA,CACT;AAEX;;;;"}
1	+ {"version":3,"file":"AddReplyCommentContainer.cjs","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":["makeStyles","theme","useSession","_jsxs","Card","_jsx","CardHeader","Box","CardContent","AddReplyComment"],"mappings":";;;;;;;;;AAUA,MAAM,SAAS,GAAGA,iBAAU,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,EAAEC,WAAK,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,GAAGC,wBAAU,EAAE;AAE7B,IAAA,QACEC,eAAA,CAACC,aAAI,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,cAAA,CAACC,mBAAU,IACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFD,cAAA,CAACE,YAAG,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,EACFF,cAAA,CAACG,oBAAW,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YACvBH,cAAA,CAACI,+BAAe,KAAG,EAAA,CACP,CAAA,EAAA,CACT;AAEX;;;;"}

package/dist/cjs/components/comment/components/CommentContainer.cjs CHANGED Viewed

@@ -1,19 +1,17 @@
 'use strict';
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var ReplyComments = require('./ReplyComments.cjs');
 var CommentItem = require('./CommentItem.cjs');
-var index = require('../../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_store = require('../comment.store.cjs');
 var AddReplyCommentContainer = require('./AddReplyCommentContainer.cjs');
 var comment_actions = require('../comment.actions.cjs');
 var theme = require('../../../shared/mui/theme.cjs');
-var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.cjs');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Divider = require('../../../node_modules/@mui/material/esm/Divider/Divider.cjs');
 const CommentContainer = ({ comment }) => {
-    const { commentId } = index.libExports.useStore(comment_store.replyCommentStore);
+    const { commentId } = reactSimpleState.useStore(comment_store.replyCommentStore);
     const onReply = (r) => {
         console.log({ r });
         if (comment.id === commentId) {
@@ -25,7 +23,7 @@ const CommentContainer = ({ comment }) => {
     };
     const selectedComment = commentId === comment.id;
     const haveReplyComments = comment.replies?.length;
-    return (require$$2.jsxs(Grid.default, { container: true, children: [require$$2.jsx(Grid.default, { size: 12, mb: 2, children: require$$2.jsx(CommentItem.CommentItem, { comment: comment, onReply: onReply }) }), selectedComment || haveReplyComments ? (require$$2.jsx(Grid.default, { size: 12, mb: 2, children: require$$2.jsxs(Grid.default, { container: true, children: [require$$2.jsx(Grid.default, { size: 1, children: require$$2.jsx(Box.default, { display: "flex", height: "100%", justifyContent: "center", children: require$$2.jsx(Divider.default, { orientation: "vertical", flexItem: true }) }) }), require$$2.jsx(Grid.default, { size: 11, children: require$$2.jsxs(Grid.default, { container: true, spacing: 2, children: [haveReplyComments ? (require$$2.jsx(Grid.default, { size: 12, children: require$$2.jsx(ReplyComments.ReplyComments, { replyComments: (comment.replies || []), onReply: onReply }) })) : null, selectedComment ? (require$$2.jsx(Grid.default, { size: 12, children: require$$2.jsx(AddReplyCommentContainer.AddReplyCommentContainer, {}) })) : null] }) })] }) })) : null] }));
+    return (require$$2.jsxs(material.Grid, { container: true, children: [require$$2.jsx(material.Grid, { size: 12, mb: 2, children: require$$2.jsx(CommentItem.CommentItem, { comment: comment, onReply: onReply }) }), selectedComment || haveReplyComments ? (require$$2.jsx(material.Grid, { size: 12, mb: 2, children: require$$2.jsxs(material.Grid, { container: true, children: [require$$2.jsx(material.Grid, { size: 1, children: require$$2.jsx(material.Box, { display: "flex", height: "100%", justifyContent: "center", children: require$$2.jsx(material.Divider, { orientation: "vertical", flexItem: true }) }) }), require$$2.jsx(material.Grid, { size: 11, children: require$$2.jsxs(material.Grid, { container: true, spacing: 2, children: [haveReplyComments ? (require$$2.jsx(material.Grid, { size: 12, children: require$$2.jsx(ReplyComments.ReplyComments, { replyComments: (comment.replies || []), onReply: onReply }) })) : null, selectedComment ? (require$$2.jsx(material.Grid, { size: 12, children: require$$2.jsx(AddReplyCommentContainer.AddReplyCommentContainer, {}) })) : null] }) })] }) })) : null] }));
 };
 exports.CommentContainer = CommentContainer;

package/dist/cjs/components/comment/components/CommentContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentContainer.cjs","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> `,\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","replyCommentStore","replyCommentStoreAction","PRIMARY_COLOR","_jsxs","Grid","_jsx","CommentItem","Box","Divider","ReplyComments","AddReplyCommentContainer"],"mappings":"~~;;;;;;;;;;;;;;~~MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAGA,yBAAQ,CAACC,+BAAiB,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,YAAAC,uCAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAAA,uCAAuB,CACrB,CAAA,gBAAA,EAAmBC,mBAAa,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,eAAA,CAACC,~~YAAI~~,EAAA,EAAC,SAAS,mBACbC,cAAA,CAACD,~~YAAI~~,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBC,cAAA,CAACC,uBAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCD,cAAA,CAACD,~~YAAI~~,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,eAAA,CAACC,~~YAAI~~,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,cAAA,CAACD,~~YAAI~~,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXC,eAACE,~~WAAG~~,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDF,cAAA,CAACG,~~eAAO~~,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPH,eAACD,~~YAAI~~,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,eAAA,CAACC,~~YAAI~~,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,cAAA,CAACD,~~YAAI~~,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZC,eAACI,2BAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdJ,cAAA,CAACD,~~YAAI~~,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZC,cAAA,CAACK,iDAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}
1	+ {"version":3,"file":"CommentContainer.cjs","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> `,\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","replyCommentStore","replyCommentStoreAction","PRIMARY_COLOR","_jsxs","Grid","_jsx","CommentItem","Box","Divider","ReplyComments","AddReplyCommentContainer"],"mappings":";;;;;;;;;;;;MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAGA,yBAAQ,CAACC,+BAAiB,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,YAAAC,uCAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAAA,uCAAuB,CACrB,CAAA,gBAAA,EAAmBC,mBAAa,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,eAAA,CAACC,aAAI,EAAA,EAAC,SAAS,mBACbC,cAAA,CAACD,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBC,cAAA,CAACC,uBAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCD,cAAA,CAACD,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,eAAA,CAACC,aAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,cAAA,CAACD,aAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXC,eAACE,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDF,cAAA,CAACG,gBAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPH,eAACD,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,eAAA,CAACC,aAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,cAAA,CAACD,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZC,eAACI,2BAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdJ,cAAA,CAACD,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZC,cAAA,CAACK,iDAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}

package/dist/cjs/components/comment/components/CommentItem.cjs CHANGED Viewed

@@ -1,19 +1,14 @@
 'use strict';
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
+var styles = require('@mui/styles');
 var moment = require('../../../_virtual/moment.cjs');
 var Reply = require('../../../node_modules/@mui/icons-material/esm/Reply.cjs');
 require('../../../_virtual/es.cjs');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.cjs');
-var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.cjs');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.cjs');
-var Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.cjs');
-var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.cjs');
 moment.default.locale('es');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     cardHeader: {
         '& > .MuiCardHeader-action': {
             marginTop: 0,
@@ -32,9 +27,9 @@ const useStyles = makeStyles.default({
 const CommentItem = ({ comment, onReply, }) => {
     const classes = useStyles();
     const { user } = comment;
-    return (require$$2.jsxs(Card.default, { children: [require$$2.jsx(CardHeader.default, { className: classes.cardHeader, title: require$$2.jsxs(Box.default, { display: "flex", children: [require$$2.jsx(Typography.default, { variant: "body1", fontWeight: 700, mr: 1, fontSize: 14, children: user?.name }), require$$2.jsx(Typography.default, { variant: "body1", fontSize: 14, children: moment.default(parseInt(comment.created_at)).fromNow() })] }), avatar: require$$2.jsx(Avatar.default, { sx: { width: 40, height: 40 }, src: user?.avatar }), action: require$$2.jsxs(Box.default, { display: "flex", alignItems: "center", className: classes.reply, onClick: () => {
+    return (require$$2.jsxs(material.Card, { children: [require$$2.jsx(material.CardHeader, { className: classes.cardHeader, title: require$$2.jsxs(material.Box, { display: "flex", children: [require$$2.jsx(material.Typography, { variant: "body1", fontWeight: 700, mr: 1, fontSize: 14, children: user?.name }), require$$2.jsx(material.Typography, { variant: "body1", fontSize: 14, children: moment.default(parseInt(comment.created_at)).fromNow() })] }), avatar: require$$2.jsx(material.Avatar, { sx: { width: 40, height: 40 }, src: user?.avatar }), action: require$$2.jsxs(material.Box, { display: "flex", alignItems: "center", className: classes.reply, onClick: () => {
                         onReply(comment);
-                    }, children: [require$$2.jsx(Reply.default, { color: "primary" }), require$$2.jsxs(Typography.default, { variant: "body2", fontWeight: 700, color: "primary", children: [' ', "Responder"] })] }) }), require$$2.jsx(CardContent.default, { children: require$$2.jsx("div", { dangerouslySetInnerHTML: { __html: comment.message } }) })] }));
+                    }, children: [require$$2.jsx(Reply.default, { color: "primary" }), require$$2.jsxs(material.Typography, { variant: "body2", fontWeight: 700, color: "primary", children: [' ', "Responder"] })] }) }), require$$2.jsx(material.CardContent, { children: require$$2.jsx("div", { dangerouslySetInnerHTML: { __html: comment.message } }) })] }));
 };
 exports.CommentItem = CommentItem;

package/dist/cjs/components/comment/components/CommentItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentItem.cjs","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":["moment","makeStyles","_jsxs","Card","_jsx","CardHeader","Box","Typography","Avatar","ReplyIcon","CardContent"],"mappings":"~~;;;;;;;;;;;;;;~~AAkBAA,cAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnB,MAAM,SAAS,GAAGC,~~kBAAU~~,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,QACEC,eAAA,CAACC,~~YAAI~~,EAAA,EAAA,QAAA,EAAA,CACHC,cAAA,CAACC,~~kBAAU~~,EAAA,EACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACHH,eAAA,CAACI,~~WAAG~~,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBF,cAAA,CAACG,~~kBAAU~~,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,EACbH,cAAA,CAACG,~~kBAAU~~,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAA,QAAA,EACrCP,cAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,EAAA,CAC9C,CAAA,EAAA,CACT,EAER,MAAM,EACJI,eAACI,~~cAAM~~,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EAExE,MAAM,EACJN,eAAA,CAACI,~~WAAG~~,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,CAEDF,eAACK,aAAS,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7BP,eAAA,CAACK,~~kBAAU~~,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,aACzD,GAAG,EAAA,WAAA,CAAA,EAAA,CAEO,IACT,EAAA,CAER,EACFH,eAACM,~~mBAAW~~,EAAA,EAAA,QAAA,EACVN,wBACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAiB,EAAE,EAAA,CACzD,EAAA,CACK,CAAA,EAAA,CACT;AAEX;;;;"}
1	+ {"version":3,"file":"CommentItem.cjs","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":["moment","makeStyles","_jsxs","Card","_jsx","CardHeader","Box","Typography","Avatar","ReplyIcon","CardContent"],"mappings":";;;;;;;;;AAkBAA,cAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnB,MAAM,SAAS,GAAGC,iBAAU,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,QACEC,eAAA,CAACC,aAAI,EAAA,EAAA,QAAA,EAAA,CACHC,cAAA,CAACC,mBAAU,EAAA,EACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACHH,eAAA,CAACI,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBF,cAAA,CAACG,mBAAU,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,EACbH,cAAA,CAACG,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAA,QAAA,EACrCP,cAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,EAAA,CAC9C,CAAA,EAAA,CACT,EAER,MAAM,EACJI,eAACI,eAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EAExE,MAAM,EACJN,eAAA,CAACI,YAAG,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,CAEDF,eAACK,aAAS,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7BP,eAAA,CAACK,mBAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,aACzD,GAAG,EAAA,WAAA,CAAA,EAAA,CAEO,IACT,EAAA,CAER,EACFH,eAACM,oBAAW,EAAA,EAAA,QAAA,EACVN,wBACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAiB,EAAE,EAAA,CACzD,EAAA,CACK,CAAA,EAAA,CACT;AAEX;;;;"}

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

@@ -2,16 +2,15 @@
 var require$$2 = require('react/jsx-runtime');
 var DialogDefault = require('../../../shared/components/dialog/DialogDefault.cjs');
-var index = require('../../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_store = require('../comment.store.cjs');
 var comment_actions = require('../comment.actions.cjs');
-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');
+var material = require('@mui/material');
+var index = require('../../../shared/constants/index.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" }) }) }));
+    const { open } = reactSimpleState.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.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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,gBAAU,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -1,24 +1,22 @@
 'use strict';
 var require$$2 = require('react/jsx-runtime');
-var index = require('../../../_virtual/index.cjs');
+var material = require('@mui/material');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_store = require('../comment.store.cjs');
+var styles = require('@mui/styles');
 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({
+const useStyles = styles.makeStyles({
     root: {
         cursor: 'pointer',
     },
 });
 const ShowMoreComments = () => {
-    const { comments, count } = index.libExports.useStore(comment_store.fetchCommentsStore);
+    const { comments, count } = reactSimpleState.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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,iBAAU,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 CHANGED Viewed

@@ -1,15 +1,14 @@
 'use strict';
 var require$$2 = require('react/jsx-runtime');
-var index = require('../../_virtual/index.cjs');
+var material = require('@mui/material');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 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 })] }) }));
+    const { isOpen } = reactSimpleState.useStore(panel_store.panelStore);
+    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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -1,20 +1,20 @@
 '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 reactSimpleState = require('@cobuildlab/react-simple-state');
 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');
+var index = require('../../shared/constants/index.cjs');
 const PanelButton = ({ loginButtonText = 'CUENTA', registerButtonText = 'INGRESAR', registerButtonProps, loginButtonProps, params = {}, }) => {
-    const { isOpen } = index.libExports.useStore(panel_store.panelStore);
+    const { isOpen } = reactSimpleState.useStore(panel_store.panelStore);
     const { user } = session_hooks.useSession();
     const handleClick = () => {
         if (user)
             return panel_actions.handlePanelClick(!isOpen);
-        let url = `${index$1.URL_PORTAL}/autenticacion`;
+        let url = `${index.URL_PORTAL}/autenticacion`;
         const queryParams = {
             redirect_url: window.location.href,
             ...params,
@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,gBAAU,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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,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 CHANGED Viewed

@@ -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,