npm - react-easy-wall - Versions diffs - 2.0.12 → 2.0.14 - Mend

react-easy-wall 2.0.12 → 2.0.14

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 (147) hide show

package/dist/cjs/_virtual/index.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('../node_modules/@cobuildlab/react-simple-state/lib/index.cjs');
+var index = require('../node_modules/react-is/index.cjs');
-var libExports = index.__require();
+var reactIsExports = /*@__PURE__*/ index.__require();
-exports.libExports = libExports;
+exports.reactIsExports = reactIsExports;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/_virtual/index2.cjs CHANGED Viewed

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

package/dist/cjs/_virtual/index3.cjs CHANGED Viewed

@@ -1,12 +1,6 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+var utils = {};
-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 = utils;
 //# sourceMappingURL=index3.cjs.map

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

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

package/dist/cjs/_virtual/index4.cjs CHANGED Viewed

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

package/dist/cjs/_virtual/index5.cjs CHANGED Viewed

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

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

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

package/dist/cjs/_virtual/index6.cjs CHANGED Viewed

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

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

@@ -4,16 +4,16 @@ var require$$2 = require('react/jsx-runtime');
 var React = require('react');
 var CommentContext = require('./CommentContext.cjs');
 var comment_actions = require('./comment.actions.cjs');
-var index = require('../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_store = require('./comment.store.cjs');
 const CommentProvider = ({ children }) => {
-    const { id } = index.libExports.useStore(comment_store.postStore);
+    const { id } = reactSimpleState.useStore(comment_store.postStore);
     const [{ pageSize, page }, setPaginate] = React.useState({
         pageSize: 5,
         page: 0,
     });
-    const [callCommentsAction, loading] = index.libExports.useCallAction(comment_actions.fetchComments, {
+    const [callCommentsAction, loading] = reactSimpleState.useCallAction(comment_actions.fetchComments, {
         onCompleted: (res) => {
             comment_actions.fetchCommentsStoreAction(res.comments, res.count);
         },

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

@@ -5,16 +5,16 @@ 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 reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_store = require('./comment.store.cjs');
 var comment_hooks = require('./comment.hooks.cjs');
 var ShowMoreComments = require('./components/ShowMoreComments.cjs');
 var CommentContainer = require('./components/CommentContainer.cjs');
 var ButtonDefault = require('../../shared/components/buttons/ButtonDefault.cjs');
+var styles = require('@mui/styles');
 var CommentSubscriptionDialog = require('./components/CommentSubscriptionDialog.cjs');
-var makeStyles = require('../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     button: {
         borderRadius: 8,
         width: 280,
@@ -25,7 +25,7 @@ const useStyles = makeStyles.default({
 });
 const Comments = () => {
     const { user } = session_hooks.useSession();
-    const { comments } = index.libExports.useStore(comment_store.fetchCommentsStore);
+    const { comments } = reactSimpleState.useStore(comment_store.fetchCommentsStore);
     const classes = useStyles();
     const [showComments, setShowComments] = React.useState(true);
     const commentsAll = comment_hooks.useComment();

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

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

@@ -1,27 +1,27 @@
 'use strict';
-var index = require('../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_store = require('./comment.store.cjs');
 var generated = require('../../shared/types/generated.cjs');
 var comment_events = require('./comment.events.cjs');
 var apollo_client = require('../../shared/apollo/apollo.client.cjs');
 const client = apollo_client.apolloClient();
-const fetchCommentsStoreAction = index.libExports.createStoreAction(comment_store.fetchCommentsStore, (prev, comments, count) => ({
+const fetchCommentsStoreAction = reactSimpleState.createStoreAction(comment_store.fetchCommentsStore, (prev, comments, count) => ({
     ...prev,
     comments,
     count,
 }));
-index.libExports.createStoreAction(comment_store.postStore, (prev, id) => ({
+reactSimpleState.createStoreAction(comment_store.postStore, (prev, id) => ({
     ...prev,
     id,
 }));
-const replyCommentStoreAction = index.libExports.createStoreAction(comment_store.replyCommentStore, (prev, message, commentId) => ({
+const replyCommentStoreAction = reactSimpleState.createStoreAction(comment_store.replyCommentStore, (prev, message, commentId) => ({
     ...prev,
     message,
     commentId,
 }));
-const fetchComments = index.libExports.createAction(comment_events.fetchCommentsEvent, comment_events.fetchCommentErrorEvent, async (variables) => {
+const fetchComments = reactSimpleState.createAction(comment_events.fetchCommentsEvent, comment_events.fetchCommentErrorEvent, async (variables) => {
     const response = await client.query({
         query: generated.CommentsDocument,
         variables,
@@ -32,7 +32,7 @@ const fetchComments = index.libExports.createAction(comment_events.fetchComments
         count: response.data?.comments?.count,
     };
 });
-const createComment = index.libExports.createAction(comment_events.createCommentEvent, comment_events.createCommentErrorEvent, async (variables) => {
+const createComment = reactSimpleState.createAction(comment_events.createCommentEvent, comment_events.createCommentErrorEvent, async (variables) => {
     const response = await client.mutate({
         mutation: generated.CreateCommentDocument,
         variables,
@@ -41,7 +41,7 @@ const createComment = index.libExports.createAction(comment_events.createComment
         comment: response.data?.createComment,
     };
 });
-const createReplyComment = index.libExports.createAction(comment_events.createReplyCommentEvent, comment_events.createReplyCommentErrorEvent, async (variables) => {
+const createReplyComment = reactSimpleState.createAction(comment_events.createReplyCommentEvent, comment_events.createReplyCommentErrorEvent, async (variables) => {
     const response = await client.mutate({
         mutation: generated.CreateReplyCommentDocument,
         variables,
@@ -50,7 +50,7 @@ const createReplyComment = index.libExports.createAction(comment_events.createRe
         comment: response.data?.createReplyComment,
     };
 });
-const openSubscriptionCommentsStoreAction = index.libExports.createStoreAction(comment_store.openSubscriptionCommentsStore, (prev, open) => ({
+const openSubscriptionCommentsStoreAction = reactSimpleState.createStoreAction(comment_store.openSubscriptionCommentsStore, (prev, open) => ({
     ...prev,
     open,
 }));

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

@@ -1,26 +1,26 @@
 'use strict';
-var index = require('../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
-const fetchCommentsEvent = index.libExports.createEvent({
+const fetchCommentsEvent = reactSimpleState.createEvent({
     initialValue: {
         comments: [],
         count: 0,
     },
 });
-const fetchCommentErrorEvent = index.libExports.createEvent();
-const createCommentEvent = index.libExports.createEvent({
+const fetchCommentErrorEvent = reactSimpleState.createEvent();
+const createCommentEvent = reactSimpleState.createEvent({
     initialValue: {
         comment: undefined,
     },
 });
-const createCommentErrorEvent = index.libExports.createEvent();
-const createReplyCommentEvent = index.libExports.createEvent({
+const createCommentErrorEvent = reactSimpleState.createEvent();
+const createReplyCommentEvent = reactSimpleState.createEvent({
     initialValue: {
         comment: undefined,
     },
 });
-const createReplyCommentErrorEvent = index.libExports.createEvent();
+const createReplyCommentErrorEvent = reactSimpleState.createEvent();
 exports.createCommentErrorEvent = createCommentErrorEvent;
 exports.createCommentEvent = createCommentEvent;

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

@@ -1,25 +1,25 @@
 'use strict';
-var index = require('../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
-const fetchCommentsStore = index.libExports.createStore({
+const fetchCommentsStore = reactSimpleState.createStore({
     initialValue: {
         comments: [],
         count: 0,
     },
 });
-const postStore = index.libExports.createStore({
+const postStore = reactSimpleState.createStore({
     initialValue: {
         id: 0,
     },
 });
-const replyCommentStore = index.libExports.createStore({
+const replyCommentStore = reactSimpleState.createStore({
     initialValue: {
         message: '',
         commentId: 0,
     },
 });
-const openSubscriptionCommentsStore = index.libExports.createStore({
+const openSubscriptionCommentsStore = reactSimpleState.createStore({
     initialValue: {
         open: false,
     },

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

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

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

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

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

@@ -4,15 +4,14 @@ 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 styles = require('@mui/styles');
 var comment_hooks = require('../comment.hooks.cjs');
 var ReactSimpleWysiwyg = require('../../../shared/components/react-editor/ReactSimpleWysiwyg.cjs');
 var session_hooks = require('../../session/session.hooks.cjs');
-var index = require('../../../_virtual/index.cjs');
+var reactSimpleState = require('@cobuildlab/react-simple-state');
 var comment_actions = require('../comment.actions.cjs');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-var createStyles = require('../../../node_modules/@mui/styles/createStyles/createStyles.cjs');
-const useStyles = makeStyles.default((theme) => createStyles.default({
+const useStyles = styles.makeStyles((theme) => styles.createStyles({
     cardHeader: {
         '& > .MuiCardHeader-action': {
             marginTop: 0,
@@ -62,7 +61,7 @@ const AddComment = () => {
     const { user, subscription } = session_hooks.useSession();
     const [html, setHtml] = React.useState('');
     const { callAction, postId } = comment_hooks.useComment();
-    const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createComment, {
+    const [callCreateComment, loading] = reactSimpleState.useCallAction(comment_actions.createComment, {
         onCompleted: () => {
             setHtml('');
             callAction();

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

	@@ -1 +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":"~~;;;;;;;;;;;;;;~~AAaA,MAAM,SAAS,GAAGA,~~kBAAU~~,CAAQ,CAAC,KAAY,KAC/CC,~~oBAAY~~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"}
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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"}

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

@@ -3,13 +3,13 @@
 var require$$2 = require('react/jsx-runtime');
 var material = require('@mui/material');
 var AddComment = require('./AddComment.cjs');
+var styles = require('@mui/styles');
 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');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     text: {
         cursor: 'pointer',
         textDecoration: 'underline',

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

	@@ -1 +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":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAGA,~~kBAAU~~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"}
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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"}

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

@@ -3,17 +3,17 @@
 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 reactSimpleWysiwyg = require('react-simple-wysiwyg');
 var ButtonDefault = require('../../../shared/components/buttons/ButtonDefault.cjs');
+var styles = require('@mui/styles');
 var comment_hooks = require('../comment.hooks.cjs');
 var ReactSimpleWysiwyg = require('../../../shared/components/react-editor/ReactSimpleWysiwyg.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 session_hooks = require('../../session/session.hooks.cjs');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.cjs');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     cardHeader: {
         '& > .MuiCardHeader-action': {
             marginTop: 0,
@@ -31,17 +31,17 @@ const useStyles = makeStyles.default({
 const AddReplyComment = () => {
     const classes = useStyles();
     const { user, subscription } = session_hooks.useSession();
-    const { message, commentId } = index.libExports.useStore(comment_store.replyCommentStore);
+    const { message, commentId } = reactSimpleState.useStore(comment_store.replyCommentStore);
     const [html, setHtml] = React.useState(message);
     const { callAction, postId } = comment_hooks.useComment();
-    const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createReplyComment, {
+    const [callCreateComment, loading] = reactSimpleState.useCallAction(comment_actions.createReplyComment, {
         onCompleted: () => {
             callAction();
             comment_actions.replyCommentStoreAction('', 0);
         },
     });
     console.log({ html });
-    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: () => {
+    return (require$$2.jsx(reactSimpleWysiwyg.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 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,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;;;;"}
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

@@ -2,12 +2,12 @@
 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');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     name: {
         fontSize: 14,
         fontWeight: 700,

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

@@ -4,14 +4,14 @@ 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');
 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) {

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

@@ -2,13 +2,13 @@
 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');
 moment.default.locale('es');
-const useStyles = makeStyles.default({
+const useStyles = styles.makeStyles({
     cardHeader: {
         '& > .MuiCardHeader-action': {
             marginTop: 0,

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,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;;;;"}
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,15 +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 material = require('@mui/material');
-var index$1 = require('../../../shared/constants/index.cjs');
+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(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" }) }) }));
+    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;