react-easy-wall 2.0.10 → 2.0.12

package/dist/cjs/_virtual/index10.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var proxyFromEnv = {};
+var pathToRegexp = {exports: {}};
 
-exports.__exports = proxyFromEnv;
+exports.__module = pathToRegexp;
 //# sourceMappingURL=index10.cjs.map

package/dist/cjs/_virtual/index11.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = {};
+var cookie = {exports: {}};
 
-exports.__exports = utils;
+exports.__module = cookie;
 //# sourceMappingURL=index11.cjs.map

package/dist/cjs/_virtual/index2.cjs

@@ -1,12 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var lib = {};
 
-var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('../node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/index.cjs');
-
-var reactInfiniteScrollerExports = index.__require();
-var InfiniteScroll = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(reactInfiniteScrollerExports);
-
-exports.default = InfiniteScroll;
+exports.__exports = lib;
 //# sourceMappingURL=index2.cjs.map

package/dist/cjs/_virtual/index2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index3.cjs

@@ -1,6 +1,12 @@
 'use strict';
 
-var lib = {};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__exports = lib;
+var _commonjsHelpers = require('./_commonjsHelpers.cjs');
+var index = require('../node_modules/react-giphy-searchbox/node_modules/react-infinite-scroller/index.cjs');
+
+var reactInfiniteScrollerExports = index.__require();
+var InfiniteScroll = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(reactInfiniteScrollerExports);
+
+exports.default = InfiniteScroll;
 //# sourceMappingURL=index3.cjs.map

package/dist/cjs/_virtual/index3.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/_virtual/index4.cjs

@@ -1,12 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var propTypes = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('../node_modules/proxy-from-env/index.cjs');
-
-var proxyFromEnvExports = index.__require();
-var proxyFromEnv = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(proxyFromEnvExports);
-
-exports.default = proxyFromEnv;
+exports.__module = propTypes;
 //# sourceMappingURL=index4.cjs.map

package/dist/cjs/_virtual/index4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index5.cjs

@@ -1,12 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('../node_modules/react-is/index.cjs');
 
-var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('../node_modules/follow-redirects/index.cjs');
+var reactIsExports = /*@__PURE__*/ index.__require();
 
-var followRedirectsExports = index.__require();
-var followRedirects = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(followRedirectsExports);
-
-exports.default = followRedirects;
+exports.reactIsExports = reactIsExports;
 //# sourceMappingURL=index5.cjs.map

package/dist/cjs/_virtual/index5.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index5.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index5.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/_virtual/index6.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var propTypes = {exports: {}};
+var reactIs = {exports: {}};
 
-exports.__module = propTypes;
+exports.__module = reactIs;
 //# sourceMappingURL=index6.cjs.map

package/dist/cjs/_virtual/index7.cjs

@@ -1,8 +1,6 @@
 'use strict';
 
-var index = require('../node_modules/react-is/index.cjs');
+var utils = {};
 
-var reactIsExports = /*@__PURE__*/ index.__require();
-
-exports.reactIsExports = reactIsExports;
+exports.__exports = utils;
 //# sourceMappingURL=index7.cjs.map

package/dist/cjs/_virtual/index7.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index7.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index7.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/_virtual/index8.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var gzipSize = {exports: {}};
 
-exports.__module = reactIs;
+exports.__module = gzipSize;
 //# sourceMappingURL=index8.cjs.map

package/dist/cjs/_virtual/index9.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var followRedirects = {exports: {}};
+var reactIs = {exports: {}};
 
-exports.__module = followRedirects;
+exports.__module = reactIs;
 //# sourceMappingURL=index9.cjs.map

package/dist/cjs/components/comment/Comments.cjs

@@ -4,6 +4,7 @@ var require$$2 = require('react/jsx-runtime');
 var React = require('react');
 var AddCommentContainer = require('./components/AddCommentContainer.cjs');
 var session_hooks = require('../session/session.hooks.cjs');
+var material = require('@mui/material');
 var index = require('../../_virtual/index.cjs');
 var comment_store = require('./comment.store.cjs');
 var comment_hooks = require('./comment.hooks.cjs');
@@ -12,8 +13,6 @@ var CommentContainer = require('./components/CommentContainer.cjs');
 var ButtonDefault = require('../../shared/components/buttons/ButtonDefault.cjs');
 var CommentSubscriptionDialog = require('./components/CommentSubscriptionDialog.cjs');
 var makeStyles = require('../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-var Box = require('../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Grid = require('../../node_modules/@mui/material/esm/Grid/Grid.cjs');
 
 const useStyles = makeStyles.default({
     button: {
@@ -32,9 +31,9 @@ const Comments = () => {
     const commentsAll = comment_hooks.useComment();
     if (!user && commentsAll.loading)
         return require$$2.jsx("div", { children: "Loading..." });
-    return (require$$2.jsxs(Box.default, { mt: 2, children: [require$$2.jsxs(Grid.default, { container: true, children: [require$$2.jsx(Grid.default, { size: 12, display: "flex", justifyContent: "center", children: require$$2.jsx(ButtonDefault.ButtonDefault, { className: classes.button, onClick: () => {
+    return (require$$2.jsxs(material.Box, { mt: 2, children: [require$$2.jsxs(material.Grid, { container: true, children: [require$$2.jsx(material.Grid, { size: 12, display: "flex", justifyContent: "center", children: require$$2.jsx(ButtonDefault.ButtonDefault, { className: classes.button, onClick: () => {
                                 return setShowComments(!showComments);
-                            }, children: showComments ? 'Ocultar comentarios' : 'Comentarios' }) }), showComments ? (require$$2.jsx(Grid.default, { size: 12, children: require$$2.jsxs(Grid.default, { container: true, children: [require$$2.jsx(Grid.default, { size: 12, mb: 2, children: require$$2.jsx(AddCommentContainer.AddCommentContainer, {}) }), comments.map((comment, key) => (require$$2.jsx(Grid.default, { size: 12, children: require$$2.jsx(CommentContainer.CommentContainer, { comment: comment }) }, key))), require$$2.jsx(ShowMoreComments.ShowMoreComments, {})] }) })) : null] }), require$$2.jsx(CommentSubscriptionDialog.CommentSubscriptionDialog, {})] }));
+                            }, children: showComments ? 'Ocultar comentarios' : 'Comentarios' }) }), showComments ? (require$$2.jsx(material.Grid, { size: 12, children: require$$2.jsxs(material.Grid, { container: true, children: [require$$2.jsx(material.Grid, { size: 12, mb: 2, children: require$$2.jsx(AddCommentContainer.AddCommentContainer, {}) }), comments.map((comment, key) => (require$$2.jsx(material.Grid, { size: 12, children: require$$2.jsx(CommentContainer.CommentContainer, { comment: comment }) }, key))), require$$2.jsx(ShowMoreComments.ShowMoreComments, {})] }) })) : null] }), require$$2.jsx(CommentSubscriptionDialog.CommentSubscriptionDialog, {})] }));
 };
 
 exports.Comments = Comments;

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

@@ -1 +1 @@
-{"version":3,"file":"Comments.cjs","sources":["../../../../src/components/comment/Comments.tsx"],"sourcesContent":["\n\n\nimport React, { useState } from 'react';\nimport { AddCommentContainer } from './components/AddCommentContainer';\nimport { useSession } from '../session/session.hooks';\nimport { Grid, Box } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore } from './comment.store';\nimport { useComment } from './comment.hooks';\nimport { ShowMoreComments } from './components/ShowMoreComments';\nimport { CommentContainer } from './components/CommentContainer';\nimport { ButtonDefault } from '../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\nimport { CommentSubscriptionDialog } from './components/CommentSubscriptionDialog';\n\nconst useStyles = makeStyles({\n  button: {\n    borderRadius: 8,\n    width: 280,\n    height: 50,\n    fontSize: 16,\n    fontWeight: 700,\n  },\n});\nexport const Comments: React.FC = () => {\n  const { user } = useSession();\n  const { comments } = useStore(fetchCommentsStore);\n  const classes = useStyles();\n  const [showComments, setShowComments] = useState(true);\n\n  const commentsAll = useComment();\n\n  if (!user && commentsAll.loading) return <div>Loading...</div>;\n  return (\n    <Box mt={2}>\n      <Grid container>\n        <Grid size={12} display=\"flex\" justifyContent=\"center\">\n          <ButtonDefault\n            className={classes.button}\n            onClick={() => {\n              return setShowComments(!showComments);\n            }}>\n            {showComments ? 'Ocultar comentarios' : 'Comentarios'}\n          </ButtonDefault>\n        </Grid>\n        {showComments ? (\n          <Grid size={12}>\n            <Grid container>\n              <Grid size={12} mb={2}>\n                <AddCommentContainer />\n              </Grid>\n              {comments.map((comment, key) => (\n                <Grid size={12} key={key}>\n                  <CommentContainer comment={comment} />\n                </Grid>\n              ))}\n              <ShowMoreComments />\n            </Grid>\n          </Grid>\n        ) : null}\n      </Grid>\n      <CommentSubscriptionDialog />\n    </Box>\n  );\n};\n"],"names":["makeStyles","useSession","useStore","fetchCommentsStore","useState","useComment","_jsx","_jsxs","Box","Grid","ButtonDefault","AddCommentContainer","CommentContainer","ShowMoreComments","CommentSubscriptionDialog"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAGA,kBAAU,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACF,CAAA,CAAC;AACK,MAAM,QAAQ,GAAa,MAAK;AACrC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,wBAAU,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,GAAGC,yBAAQ,CAACC,gCAAkB,CAAC;AACjD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,IAAI,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAGC,wBAAU,EAAE;AAEhC,IAAA,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO;AAAE,QAAA,OAAOC,iDAAqB;AAC9D,IAAA,QACEC,eAAA,CAACC,WAAG,IAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CACRD,eAAA,CAACE,YAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbH,cAAA,CAACG,YAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACpDH,eAACI,2BAAa,EAAA,EACZ,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAE,MAAK;AACZ,gCAAA,OAAO,eAAe,CAAC,CAAC,YAAY,CAAC;4BACvC,CAAC,EAAA,QAAA,EACA,YAAY,GAAG,qBAAqB,GAAG,aAAa,GACvC,EAAA,CACX,EACN,YAAY,IACXJ,cAAA,CAACG,YAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZF,gBAACE,YAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbH,cAAA,CAACG,YAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBH,cAAA,CAACK,uCAAmB,EAAA,EAAA,CAAG,EAAA,CAClB,EACN,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,MACzBL,cAAA,CAACG,YAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZH,eAACM,iCAAgB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,IADnB,GAAG,CAEjB,CACR,CAAC,EACFN,eAACO,iCAAgB,EAAA,EAAA,CAAG,IACf,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH,EACPP,eAACQ,mDAAyB,EAAA,EAAA,CAAG,CAAA,EAAA,CACzB;AAEV;;;;"}
+{"version":3,"file":"Comments.cjs","sources":["../../../../src/components/comment/Comments.tsx"],"sourcesContent":["\n\n\nimport React, { useState } from 'react';\nimport { AddCommentContainer } from './components/AddCommentContainer';\nimport { useSession } from '../session/session.hooks';\nimport { Grid, Box } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore } from './comment.store';\nimport { useComment } from './comment.hooks';\nimport { ShowMoreComments } from './components/ShowMoreComments';\nimport { CommentContainer } from './components/CommentContainer';\nimport { ButtonDefault } from '../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\nimport { CommentSubscriptionDialog } from './components/CommentSubscriptionDialog';\n\nconst useStyles = makeStyles({\n  button: {\n    borderRadius: 8,\n    width: 280,\n    height: 50,\n    fontSize: 16,\n    fontWeight: 700,\n  },\n});\nexport const Comments: React.FC = () => {\n  const { user } = useSession();\n  const { comments } = useStore(fetchCommentsStore);\n  const classes = useStyles();\n  const [showComments, setShowComments] = useState(true);\n\n  const commentsAll = useComment();\n\n  if (!user && commentsAll.loading) return <div>Loading...</div>;\n  return (\n    <Box mt={2}>\n      <Grid container>\n        <Grid size={12} display=\"flex\" justifyContent=\"center\">\n          <ButtonDefault\n            className={classes.button}\n            onClick={() => {\n              return setShowComments(!showComments);\n            }}>\n            {showComments ? 'Ocultar comentarios' : 'Comentarios'}\n          </ButtonDefault>\n        </Grid>\n        {showComments ? (\n          <Grid size={12}>\n            <Grid container>\n              <Grid size={12} mb={2}>\n                <AddCommentContainer />\n              </Grid>\n              {comments.map((comment, key) => (\n                <Grid size={12} key={key}>\n                  <CommentContainer comment={comment} />\n                </Grid>\n              ))}\n              <ShowMoreComments />\n            </Grid>\n          </Grid>\n        ) : null}\n      </Grid>\n      <CommentSubscriptionDialog />\n    </Box>\n  );\n};\n"],"names":["makeStyles","useSession","useStore","fetchCommentsStore","useState","useComment","_jsx","_jsxs","Box","Grid","ButtonDefault","AddCommentContainer","CommentContainer","ShowMoreComments","CommentSubscriptionDialog"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAGA,kBAAU,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACF,CAAA,CAAC;AACK,MAAM,QAAQ,GAAa,MAAK;AACrC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAGC,wBAAU,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,GAAGC,yBAAQ,CAACC,gCAAkB,CAAC;AACjD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,IAAI,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAGC,wBAAU,EAAE;AAEhC,IAAA,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO;AAAE,QAAA,OAAOC,iDAAqB;AAC9D,IAAA,QACEC,eAAA,CAACC,YAAG,IAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CACRD,eAAA,CAACE,aAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbH,cAAA,CAACG,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACpDH,eAACI,2BAAa,EAAA,EACZ,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAE,MAAK;AACZ,gCAAA,OAAO,eAAe,CAAC,CAAC,YAAY,CAAC;4BACvC,CAAC,EAAA,QAAA,EACA,YAAY,GAAG,qBAAqB,GAAG,aAAa,GACvC,EAAA,CACX,EACN,YAAY,IACXJ,cAAA,CAACG,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZF,gBAACE,aAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbH,cAAA,CAACG,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBH,cAAA,CAACK,uCAAmB,EAAA,EAAA,CAAG,EAAA,CAClB,EACN,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,MACzBL,cAAA,CAACG,aAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZH,eAACM,iCAAgB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,IADnB,GAAG,CAEjB,CACR,CAAC,EACFN,eAACO,iCAAgB,EAAA,EAAA,CAAG,IACf,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH,EACPP,eAACQ,mDAAyB,EAAA,EAAA,CAAG,CAAA,EAAA,CACzB;AAEV;;;;"}

package/dist/cjs/components/comment/comment.utils.cjs

@@ -2,6 +2,7 @@
 
 require('react/jsx-runtime');
 require('react');
+require('@mui/material');
 require('../../node_modules/emoji-mart/dist/module.cjs');
 
 const getCommentPlaceholder = (isAllowed) => {

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

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

package/dist/cjs/components/comment/components/AddComment.cjs

@@ -2,6 +2,7 @@
 
 var require$$2 = require('react/jsx-runtime');
 var React = require('react');
+var material = require('@mui/material');
 var ButtonDefault = require('../../../shared/components/buttons/ButtonDefault.cjs');
 var comment_hooks = require('../comment.hooks.cjs');
 var ReactSimpleWysiwyg = require('../../../shared/components/react-editor/ReactSimpleWysiwyg.cjs');
@@ -9,9 +10,6 @@ var session_hooks = require('../../session/session.hooks.cjs');
 var index = require('../../../_virtual/index.cjs');
 var comment_actions = require('../comment.actions.cjs');
 var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.cjs');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.cjs');
-var Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.cjs');
 var createStyles = require('../../../node_modules/@mui/styles/createStyles/createStyles.cjs');
 
 const useStyles = makeStyles.default((theme) => createStyles.default({
@@ -70,7 +68,7 @@ const AddComment = () => {
             callAction();
         },
     });
-    return (require$$2.jsx(Card.default, { elevation: 0, children: require$$2.jsxs(Box.default, { className: classes.addcommentStyles, children: [user ? (require$$2.jsxs(Box.default, { className: classes.avatarStyles, children: [require$$2.jsx(Avatar.default, { sx: { width: 40, height: 40, marginRight: 1 }, src: user?.avatar }), require$$2.jsx(Box.default, { sx: { display: { xs: 'block', md: 'none' } }, children: require$$2.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name }) })] })) : null, require$$2.jsx(Box.default, { component: 'div', style: { width: '100%' }, children: require$$2.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }) }), require$$2.jsx(Box.default, { className: classes.buttoncommentStyles, children: require$$2.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
+    return (require$$2.jsx(material.Card, { elevation: 0, children: require$$2.jsxs(material.Box, { className: classes.addcommentStyles, children: [user ? (require$$2.jsxs(material.Box, { className: classes.avatarStyles, children: [require$$2.jsx(material.Avatar, { sx: { width: 40, height: 40, marginRight: 1 }, src: user?.avatar }), require$$2.jsx(material.Box, { sx: { display: { xs: 'block', md: 'none' } }, children: require$$2.jsx(material.Box, { className: classes.name, mb: 1, children: user?.name }) })] })) : null, require$$2.jsx(material.Box, { component: 'div', style: { width: '100%' }, children: require$$2.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }) }), require$$2.jsx(material.Box, { className: classes.buttoncommentStyles, children: require$$2.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
                             if (!subscription)
                                 return comment_actions.openSubscriptionCommentsStoreAction(true);
                             callCreateComment({

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

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

package/dist/cjs/components/comment/components/AddCommentContainer.cjs

@@ -1,17 +1,13 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 var AddComment = require('./AddComment.cjs');
 var router = require('../../../_virtual/router.cjs');
 var theme = require('../../../shared/mui/theme.cjs');
 var index = require('../../../shared/constants/index.cjs');
 var session_hooks = require('../../session/session.hooks.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 Divider = require('../../../node_modules/@mui/material/esm/Divider/Divider.cjs');
-var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.cjs');
 
 const useStyles = makeStyles.default({
     text: {
@@ -43,7 +39,7 @@ const AddCommentContainer = () => {
         redirectUrl.searchParams.append('redirect_url', window.location.href);
         window.location.href = redirectUrl.href;
     };
-    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, { sx: { display: { xs: 'none', lg: 'block' } }, children: require$$2.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name }) })) : null, className: classes.cardHeader, action: !user ? (require$$2.jsxs(Box.default, { display: "flex", children: [require$$2.jsx(Box.default, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_LOGIN`), children: "Iniciar sesi\u00F3n" }), require$$2.jsx(Divider.default, { orientation: "vertical", flexItem: true, sx: { mr: 1, ml: 1 } }), require$$2.jsx(Box.default, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_REGISTER`), children: "Registrate" })] })) : (require$$2.jsx(require$$2.Fragment, { children: !subscription ? (require$$2.jsx(Box.default, { display: "flex", children: require$$2.jsx(Box.default, { className: classes.text, component: 'a', href: `${index.URL_PORTAL}/planes?post_url=${index.URL_PORTAL}${router$1.asPath}`, children: "Suscr\u00EDbete" }) })) : null })) }), require$$2.jsx(CardContent.default, { sx: { p: 0 }, children: require$$2.jsx(AddComment.AddComment, {}) })] }));
+    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, { sx: { display: { xs: 'none', lg: 'block' } }, children: require$$2.jsx(material.Box, { className: classes.name, mb: 1, children: user?.name }) })) : null, className: classes.cardHeader, action: !user ? (require$$2.jsxs(material.Box, { display: "flex", children: [require$$2.jsx(material.Box, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_LOGIN`), children: "Iniciar sesi\u00F3n" }), require$$2.jsx(material.Divider, { orientation: "vertical", flexItem: true, sx: { mr: 1, ml: 1 } }), require$$2.jsx(material.Box, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_REGISTER`), children: "Registrate" })] })) : (require$$2.jsx(require$$2.Fragment, { children: !subscription ? (require$$2.jsx(material.Box, { display: "flex", children: require$$2.jsx(material.Box, { className: classes.text, component: 'a', href: `${index.URL_PORTAL}/planes?post_url=${index.URL_PORTAL}${router$1.asPath}`, children: "Suscr\u00EDbete" }) })) : null })) }), require$$2.jsx(material.CardContent, { sx: { p: 0 }, children: require$$2.jsx(AddComment.AddComment, {}) })] }));
 };
 
 exports.AddCommentContainer = AddCommentContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"AddCommentContainer.cjs","sources":["../../../../../src/components/comment/components/AddCommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent, Divider } from '@mui/material';\nimport { AddComment } from './AddComment';\nimport { makeStyles } from '@mui/styles';\nimport { useRouter } from 'next/router';\nimport { theme } from '../../../shared/mui/theme';\nimport { URL_PORTAL } from '../../../shared/constants';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n  text: {\n    cursor: 'pointer',\n    textDecoration: 'underline',\n    paddingLeft: theme.spacing(0.5),\n    paddingRight: theme.spacing(0.5),\n    fontWeight: 700,\n  },\n  name: {\n    fontSize: 14,\n    fontWeight: 700,\n  },\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n      marginBottom: theme.spacing(1),\n    },\n    alignItems: 'center',\n  },\n});\n\nexport const AddCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const router = useRouter();\n  const redirectTo = (url: string) => {\n    const redirectUrl = new URL(url);\n    redirectUrl.searchParams.append('redirect_url', window.location.href);\n    window.location.href = redirectUrl.href;\n  };\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n        action={\n          !user ? (\n            <Box display=\"flex\">\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n                Iniciar sesión\n              </Box>\n              <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n                Registrate\n              </Box>\n            </Box>\n          ) : (\n            <>\n              {!subscription ? (\n                <Box display=\"flex\">\n                  <Box\n                    className={classes.text}\n                    component={'a'}\n                    href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${router.asPath}`}>\n                    Suscríbete\n                  </Box>\n                </Box>\n              ) : null}\n            </>\n          )\n        }\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["makeStyles","theme","useSession","router","useRouter","_jsxs","Card","_jsx","CardHeader","Box","URL_PORTAL","Divider","_Fragment","CardContent","AddComment"],"mappings":"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"}
+{"version":3,"file":"AddCommentContainer.cjs","sources":["../../../../../src/components/comment/components/AddCommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent, Divider } from '@mui/material';\nimport { AddComment } from './AddComment';\nimport { makeStyles } from '@mui/styles';\nimport { useRouter } from 'next/router';\nimport { theme } from '../../../shared/mui/theme';\nimport { URL_PORTAL } from '../../../shared/constants';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n  text: {\n    cursor: 'pointer',\n    textDecoration: 'underline',\n    paddingLeft: theme.spacing(0.5),\n    paddingRight: theme.spacing(0.5),\n    fontWeight: 700,\n  },\n  name: {\n    fontSize: 14,\n    fontWeight: 700,\n  },\n  cardHeader: {\n    '& > .MuiCardHeader-action': {\n      marginTop: 0,\n      marginRight: 0,\n      marginBottom: theme.spacing(1),\n    },\n    alignItems: 'center',\n  },\n});\n\nexport const AddCommentContainer: React.FC = () => {\n  const classes = useStyles();\n  const { user, subscription } = useSession();\n  const router = useRouter();\n  const redirectTo = (url: string) => {\n    const redirectUrl = new URL(url);\n    redirectUrl.searchParams.append('redirect_url', window.location.href);\n    window.location.href = redirectUrl.href;\n  };\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n      <CardHeader\n        sx={{ p: 0 }}\n        title={\n          user ? (\n            <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n              <Box className={classes.name} mb={1}>\n                {user?.name}\n              </Box>\n            </Box>\n          ) : null\n        }\n        className={classes.cardHeader}\n        action={\n          !user ? (\n            <Box display=\"flex\">\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n                Iniciar sesión\n              </Box>\n              <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n              <Box\n                className={classes.text}\n                onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n                Registrate\n              </Box>\n            </Box>\n          ) : (\n            <>\n              {!subscription ? (\n                <Box display=\"flex\">\n                  <Box\n                    className={classes.text}\n                    component={'a'}\n                    href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${router.asPath}`}>\n                    Suscríbete\n                  </Box>\n                </Box>\n              ) : null}\n            </>\n          )\n        }\n      />\n      <CardContent sx={{ p: 0 }}>\n        <AddComment />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["makeStyles","theme","useSession","router","useRouter","_jsxs","Card","_jsx","CardHeader","Box","URL_PORTAL","Divider","_Fragment","CardContent","AddComment"],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAGA,kBAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,cAAc,EAAE,WAAW;AAC3B,QAAA,WAAW,EAAEC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC/B,QAAA,YAAY,EAAEA,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAChC,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,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,EAAEA,WAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,mBAAmB,GAAa,MAAK;AAChD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAGC,wBAAU,EAAE;AAC3C,IAAA,MAAMC,QAAM,GAAGC,8BAAS,EAAE;AAC1B,IAAA,MAAM,UAAU,GAAG,CAAC,GAAW,KAAI;AACjC,QAAA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC;AAChC,QAAA,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACrE,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI;AACzC,IAAA,CAAC;IAED,QACEC,eAAA,CAACC,aAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,cAAA,CAACC,mBAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFD,cAAA,CAACE,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAA,QAAA,EAC/CF,cAAA,CAACE,YAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EAChC,IAAI,EAAE,IAAI,GACP,EAAA,CACF,IACJ,IAAI,EAEV,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,CAAC,IAAI,IACHJ,eAAA,CAACI,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBF,cAAA,CAACE,YAAG,EAAA,EACF,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,UAAU,CAAC,CAAA,EAAGC,gBAAU,CAAA,gCAAA,CAAkC,CAAC,EAAA,QAAA,EAAA,qBAAA,EAAA,CAEtE,EACNH,cAAA,CAACI,gBAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CAAI,EACjEJ,cAAA,CAACE,YAAG,EAAA,EACF,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,MAAM,UAAU,CAAC,CAAA,EAAGC,gBAAU,CAAA,mCAAA,CAAqC,CAAC,EAAA,QAAA,EAAA,YAAA,EAAA,CAEzE,CAAA,EAAA,CACF,KAENH,cAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EACG,CAAC,YAAY,IACZL,eAACE,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EACjBF,cAAA,CAACE,YAAG,EAAA,EACF,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,CAAA,EAAGC,gBAAU,CAAA,iBAAA,EAAoBA,gBAAU,CAAA,EAAGP,QAAM,CAAC,MAAM,EAAE,EAAA,QAAA,EAAA,iBAAA,EAAA,CAE/D,EAAA,CACF,IACJ,IAAI,EAAA,CACP,CACJ,EAAA,CAEH,EACFI,cAAA,CAACM,oBAAW,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,QAAA,EACvBN,cAAA,CAACO,qBAAU,EAAA,EAAA,CAAG,EAAA,CACF,CAAA,EAAA,CACT;AAEX;;;;"}

package/dist/cjs/components/comment/components/AddReplyComment.cjs

@@ -2,6 +2,7 @@
 
 var require$$2 = require('react/jsx-runtime');
 var React = require('react');
+var material = require('@mui/material');
 var index_es = require('../../../node_modules/react-simple-wysiwyg/lib/index.es.cjs');
 var ButtonDefault = require('../../../shared/components/buttons/ButtonDefault.cjs');
 var comment_hooks = require('../comment.hooks.cjs');
@@ -11,10 +12,6 @@ var comment_store = require('../comment.store.cjs');
 var comment_actions = require('../comment.actions.cjs');
 var session_hooks = require('../../session/session.hooks.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 Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.cjs');
 
 const useStyles = makeStyles.default({
     cardHeader: {
@@ -44,7 +41,7 @@ const AddReplyComment = () => {
         },
     });
     console.log({ html });
-    return (require$$2.jsx(index_es.EditorProvider, { children: require$$2.jsx(Card.default, { elevation: 0, children: require$$2.jsx(CardHeader.default, { sx: { p: 0 }, className: classes.cardHeader, avatar: user ? (require$$2.jsx(Avatar.default, { sx: { width: 40, height: 40 }, src: user?.avatar })) : null, title: require$$2.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }), action: require$$2.jsx(Box.default, { ml: 2, children: require$$2.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
+    return (require$$2.jsx(index_es.EditorProvider, { children: require$$2.jsx(material.Card, { elevation: 0, children: require$$2.jsx(material.CardHeader, { sx: { p: 0 }, className: classes.cardHeader, avatar: user ? (require$$2.jsx(material.Avatar, { sx: { width: 40, height: 40 }, src: user?.avatar })) : null, title: require$$2.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }), action: require$$2.jsx(material.Box, { ml: 2, children: require$$2.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
                             if (!subscription)
                                 return comment_actions.openSubscriptionCommentsStoreAction(true);
                             callCreateComment({

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

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

@@ -1,14 +1,11 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 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({
     name: {
@@ -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

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

@@ -1,6 +1,7 @@
 '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');
@@ -8,9 +9,6 @@ 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);
@@ -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

@@ -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>&nbsp;`,\n        comment.id as number,\n      );\n    }\n  };\n\n  const selectedComment = commentId === comment.id;\n  const haveReplyComments = comment.replies?.length;\n\n  return (\n    <Grid container>\n      <Grid size={12} mb={2}>\n        <CommentItem comment={comment} onReply={onReply} />\n      </Grid>\n      {selectedComment || haveReplyComments ? (\n        <Grid size={12} mb={2}>\n          <Grid container>\n            <Grid size={1}>\n              <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n                <Divider orientation=\"vertical\" flexItem />\n              </Box>\n            </Grid>\n            <Grid size={11}>\n              <Grid container spacing={2}>\n                {haveReplyComments ? (\n                  <Grid size={12}>\n                    <ReplyComments\n                      replyComments={(comment.replies || []) as ReplyComment[]}\n                      onReply={onReply}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <AddReplyCommentContainer />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":["useStore","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;;;;"}
+{"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>&nbsp;`,\n        comment.id as number,\n      );\n    }\n  };\n\n  const selectedComment = commentId === comment.id;\n  const haveReplyComments = comment.replies?.length;\n\n  return (\n    <Grid container>\n      <Grid size={12} mb={2}>\n        <CommentItem comment={comment} onReply={onReply} />\n      </Grid>\n      {selectedComment || haveReplyComments ? (\n        <Grid size={12} mb={2}>\n          <Grid container>\n            <Grid size={1}>\n              <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n                <Divider orientation=\"vertical\" flexItem />\n              </Box>\n            </Grid>\n            <Grid size={11}>\n              <Grid container spacing={2}>\n                {haveReplyComments ? (\n                  <Grid size={12}>\n                    <ReplyComments\n                      replyComments={(comment.replies || []) as ReplyComment[]}\n                      onReply={onReply}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <AddReplyCommentContainer />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":["useStore","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

@@ -1,16 +1,11 @@
 'use strict';
 
 var require$$2 = require('react/jsx-runtime');
+var material = require('@mui/material');
 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({
@@ -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

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