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

react-easy-wall 2.0.11 → 2.0.13

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

Files changed (288) hide show

package/dist/esm/components/comment/Comments.js CHANGED Viewed

@@ -2,16 +2,15 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { AddCommentContainer } from './components/AddCommentContainer.js';
 import { useSession } from '../session/session.hooks.js';
-import { l as libExports } from '../../_virtual/index.js';
+import { Box, Grid } from '@mui/material';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { fetchCommentsStore } from './comment.store.js';
 import { useComment } from './comment.hooks.js';
 import { ShowMoreComments } from './components/ShowMoreComments.js';
 import { CommentContainer } from './components/CommentContainer.js';
 import { ButtonDefault } from '../../shared/components/buttons/ButtonDefault.js';
+import { makeStyles } from '@mui/styles';
 import { CommentSubscriptionDialog } from './components/CommentSubscriptionDialog.js';
-import makeStyles from '../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
-import Grid from '../../node_modules/@mui/material/esm/Grid/Grid.js';
 const useStyles = makeStyles({
     button: {
@@ -24,7 +23,7 @@ const useStyles = makeStyles({
 });
 const Comments = () => {
     const { user } = useSession();
-    const { comments } = libExports.useStore(fetchCommentsStore);
+    const { comments } = useStore(fetchCommentsStore);
     const classes = useStyles();
     const [showComments, setShowComments] = useState(true);
     const commentsAll = useComment();

package/dist/esm/components/comment/Comments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Comments.js","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":["~~useStore","~~_jsx","_jsxs"],"mappings":"~~;;;;;;;;;;;;;;;~~AAgBA,MAAM,SAAS,GAAG,UAAU,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,GAAG,UAAU,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,~~GAAGA~~,~~mBAAQ~~,CAAC,kBAAkB,CAAC;AACjD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAG,UAAU,EAAE;AAEhC,IAAA,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO;AAAE,QAAA,~~OAAOC~~,sCAAqB;AAC9D,IAAA,QACEC,IAAA,CAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CACRA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACpDA,IAAC,aAAa,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,IACXA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EAAA,CAClB,EACN,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,MACzBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,IADnB,GAAG,CAEjB,CACR,CAAC,EACFA,IAAC,gBAAgB,EAAA,EAAA,CAAG,IACf,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH,EACPA,IAAC,yBAAyB,EAAA,EAAA,CAAG,CAAA,EAAA,CACzB;AAEV;;;;"}
1	+ {"version":3,"file":"Comments.js","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":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAG,UAAU,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,GAAG,UAAU,EAAE;IAC7B,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,kBAAkB,CAAC;AACjD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAEtD,IAAA,MAAM,WAAW,GAAG,UAAU,EAAE;AAEhC,IAAA,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO;AAAE,QAAA,OAAOA,sCAAqB;AAC9D,IAAA,QACEC,IAAA,CAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CACRA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACpDA,IAAC,aAAa,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,IACXA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbD,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EAAA,CAClB,EACN,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,MACzBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,IADnB,GAAG,CAEjB,CACR,CAAC,EACFA,IAAC,gBAAgB,EAAA,EAAA,CAAG,IACf,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH,EACPA,IAAC,yBAAyB,EAAA,EAAA,CAAG,CAAA,EAAA,CACzB;AAEV;;;;"}

package/dist/esm/components/comment/comment.actions.js CHANGED Viewed

@@ -1,25 +1,25 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createStoreAction, createAction } from '@cobuildlab/react-simple-state';
 import { fetchCommentsStore, postStore, replyCommentStore, openSubscriptionCommentsStore } from './comment.store.js';
 import { CommentsDocument, CreateCommentDocument, CreateReplyCommentDocument } from '../../shared/types/generated.js';
 import { fetchCommentsEvent, fetchCommentErrorEvent, createCommentEvent, createCommentErrorEvent, createReplyCommentEvent, createReplyCommentErrorEvent } from './comment.events.js';
 import { apolloClient } from '../../shared/apollo/apollo.client.js';
 const client = apolloClient();
-const fetchCommentsStoreAction = libExports.createStoreAction(fetchCommentsStore, (prev, comments, count) => ({
+const fetchCommentsStoreAction = createStoreAction(fetchCommentsStore, (prev, comments, count) => ({
     ...prev,
     comments,
     count,
 }));
-libExports.createStoreAction(postStore, (prev, id) => ({
+createStoreAction(postStore, (prev, id) => ({
     ...prev,
     id,
 }));
-const replyCommentStoreAction = libExports.createStoreAction(replyCommentStore, (prev, message, commentId) => ({
+const replyCommentStoreAction = createStoreAction(replyCommentStore, (prev, message, commentId) => ({
     ...prev,
     message,
     commentId,
 }));
-const fetchComments = libExports.createAction(fetchCommentsEvent, fetchCommentErrorEvent, async (variables) => {
+const fetchComments = createAction(fetchCommentsEvent, fetchCommentErrorEvent, async (variables) => {
     const response = await client.query({
         query: CommentsDocument,
         variables,
@@ -30,7 +30,7 @@ const fetchComments = libExports.createAction(fetchCommentsEvent, fetchCommentEr
         count: response.data?.comments?.count,
     };
 });
-const createComment = libExports.createAction(createCommentEvent, createCommentErrorEvent, async (variables) => {
+const createComment = createAction(createCommentEvent, createCommentErrorEvent, async (variables) => {
     const response = await client.mutate({
         mutation: CreateCommentDocument,
         variables,
@@ -39,7 +39,7 @@ const createComment = libExports.createAction(createCommentEvent, createCommentE
         comment: response.data?.createComment,
     };
 });
-const createReplyComment = libExports.createAction(createReplyCommentEvent, createReplyCommentErrorEvent, async (variables) => {
+const createReplyComment = createAction(createReplyCommentEvent, createReplyCommentErrorEvent, async (variables) => {
     const response = await client.mutate({
         mutation: CreateReplyCommentDocument,
         variables,
@@ -48,7 +48,7 @@ const createReplyComment = libExports.createAction(createReplyCommentEvent, crea
         comment: response.data?.createReplyComment,
     };
 });
-const openSubscriptionCommentsStoreAction = libExports.createStoreAction(openSubscriptionCommentsStore, (prev, open) => ({
+const openSubscriptionCommentsStoreAction = createStoreAction(openSubscriptionCommentsStore, (prev, open) => ({
     ...prev,
     open,
 }));

package/dist/esm/components/comment/comment.actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"comment.actions.js","sources":["../../../../src/components/comment/comment.actions.ts"],"sourcesContent":["import { createAction, createStoreAction } from '@cobuildlab/react-simple-state';\nimport {\n postStore,\n fetchCommentsStore,\n openSubscriptionCommentsStore,\n replyCommentStore,\n} from './comment.store';\nimport {\n Comment,\n CommentsDocument,\n CommentsQuery,\n CommentsQueryVariables,\n CreateCommentDocument,\n CreateCommentMutation,\n CreateCommentMutationVariables,\n CreateReplyCommentDocument,\n CreateReplyCommentMutation,\n CreateReplyCommentMutationVariables,\n} from '../../shared/types/generated';\nimport {\n createCommentErrorEvent,\n createCommentEvent,\n createReplyCommentErrorEvent,\n createReplyCommentEvent,\n fetchCommentErrorEvent,\n fetchCommentsEvent,\n} from './comment.events';\nimport { apolloClient } from '../../shared/apollo/apollo.client';\n\nconst client = apolloClient();\n\nexport const fetchCommentsStoreAction = createStoreAction(\n fetchCommentsStore,\n (prev, comments: Comment[], count: number) => ({\n ...prev,\n comments,\n count,\n }),\n);\n\nexport const postStoreAction = createStoreAction(postStore, (prev, id: number) => ({\n ...prev,\n id,\n}));\n\nexport const replyCommentStoreAction = createStoreAction(\n replyCommentStore,\n (prev, message: string, commentId: number) => ({\n ...prev,\n message,\n commentId,\n }),\n);\n\nexport const fetchComments = createAction(\n fetchCommentsEvent,\n fetchCommentErrorEvent,\n async (variables: CommentsQueryVariables) => {\n const response = await client.query<CommentsQuery, CommentsQueryVariables>({\n query: CommentsDocument,\n variables,\n fetchPolicy: 'network-only',\n });\n\n return {\n comments: response.data?.comments?.items as Comment[],\n count: response.data?.comments?.count as number,\n };\n },\n);\n\nexport const createComment = createAction(\n createCommentEvent,\n createCommentErrorEvent,\n async (variables: CreateCommentMutationVariables) => {\n const response = await client.mutate<CreateCommentMutation, CreateCommentMutationVariables>({\n mutation: CreateCommentDocument,\n variables,\n });\n\n return {\n comment: response.data?.createComment as Comment,\n };\n },\n);\n\nexport const createReplyComment = createAction(\n createReplyCommentEvent,\n createReplyCommentErrorEvent,\n async (variables: CreateReplyCommentMutationVariables) => {\n const response = await client.mutate<\n CreateReplyCommentMutation,\n CreateReplyCommentMutationVariables\n >({\n mutation: CreateReplyCommentDocument,\n variables,\n });\n\n return {\n comment: response.data?.createReplyComment,\n };\n },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n openSubscriptionCommentsStore,\n (prev, open: boolean) => ({\n ...prev,\n open,\n }),\n);\n"],"names":[~~"createStoreAction","createAction"~~],"mappings":";;;;;;AA6BA,MAAM,MAAM,GAAG,YAAY,EAAE;AAEtB,MAAM,wBAAwB,~~GAAGA~~,~~4BAAiB~~,CACvD,kBAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;~~AAG2BA~~,~~4BAAiB~~,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,~~GAAGA~~,~~4BAAiB~~,CACtD,iBAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,~~GAAGC~~,~~uBAAY~~,CACvC,kBAAkB,EAClB,sBAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAwC;AACzE,QAAA,KAAK,EAAE,gBAAgB;QACvB,SAAS;AACT,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAkB;AACrD,QAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAe;KAChD;AACH,CAAC;AAGI,MAAM,aAAa,~~GAAGA~~,~~uBAAY~~,CACvC,kBAAkB,EAClB,uBAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAwD;AAC1F,QAAA,QAAQ,EAAE,qBAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,~~GAAGA~~,~~uBAAY~~,CAC5C,uBAAuB,EACvB,4BAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAGlC;AACA,QAAA,QAAQ,EAAE,0BAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB;KAC3C;AACH,CAAC;AAGI,MAAM,mCAAmC,~~GAAGD~~,~~4BAAiB~~,CAClE,6BAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;;;;"}
1	+ {"version":3,"file":"comment.actions.js","sources":["../../../../src/components/comment/comment.actions.ts"],"sourcesContent":["import { createAction, createStoreAction } from '@cobuildlab/react-simple-state';\nimport {\n postStore,\n fetchCommentsStore,\n openSubscriptionCommentsStore,\n replyCommentStore,\n} from './comment.store';\nimport {\n Comment,\n CommentsDocument,\n CommentsQuery,\n CommentsQueryVariables,\n CreateCommentDocument,\n CreateCommentMutation,\n CreateCommentMutationVariables,\n CreateReplyCommentDocument,\n CreateReplyCommentMutation,\n CreateReplyCommentMutationVariables,\n} from '../../shared/types/generated';\nimport {\n createCommentErrorEvent,\n createCommentEvent,\n createReplyCommentErrorEvent,\n createReplyCommentEvent,\n fetchCommentErrorEvent,\n fetchCommentsEvent,\n} from './comment.events';\nimport { apolloClient } from '../../shared/apollo/apollo.client';\n\nconst client = apolloClient();\n\nexport const fetchCommentsStoreAction = createStoreAction(\n fetchCommentsStore,\n (prev, comments: Comment[], count: number) => ({\n ...prev,\n comments,\n count,\n }),\n);\n\nexport const postStoreAction = createStoreAction(postStore, (prev, id: number) => ({\n ...prev,\n id,\n}));\n\nexport const replyCommentStoreAction = createStoreAction(\n replyCommentStore,\n (prev, message: string, commentId: number) => ({\n ...prev,\n message,\n commentId,\n }),\n);\n\nexport const fetchComments = createAction(\n fetchCommentsEvent,\n fetchCommentErrorEvent,\n async (variables: CommentsQueryVariables) => {\n const response = await client.query<CommentsQuery, CommentsQueryVariables>({\n query: CommentsDocument,\n variables,\n fetchPolicy: 'network-only',\n });\n\n return {\n comments: response.data?.comments?.items as Comment[],\n count: response.data?.comments?.count as number,\n };\n },\n);\n\nexport const createComment = createAction(\n createCommentEvent,\n createCommentErrorEvent,\n async (variables: CreateCommentMutationVariables) => {\n const response = await client.mutate<CreateCommentMutation, CreateCommentMutationVariables>({\n mutation: CreateCommentDocument,\n variables,\n });\n\n return {\n comment: response.data?.createComment as Comment,\n };\n },\n);\n\nexport const createReplyComment = createAction(\n createReplyCommentEvent,\n createReplyCommentErrorEvent,\n async (variables: CreateReplyCommentMutationVariables) => {\n const response = await client.mutate<\n CreateReplyCommentMutation,\n CreateReplyCommentMutationVariables\n >({\n mutation: CreateReplyCommentDocument,\n variables,\n });\n\n return {\n comment: response.data?.createReplyComment,\n };\n },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n openSubscriptionCommentsStore,\n (prev, open: boolean) => ({\n ...prev,\n open,\n }),\n);\n"],"names":[],"mappings":";;;;;;AA6BA,MAAM,MAAM,GAAG,YAAY,EAAE;AAEtB,MAAM,wBAAwB,GAAG,iBAAiB,CACvD,kBAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;AAG2B,iBAAiB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,GAAG,iBAAiB,CACtD,iBAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,GAAG,YAAY,CACvC,kBAAkB,EAClB,sBAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAwC;AACzE,QAAA,KAAK,EAAE,gBAAgB;QACvB,SAAS;AACT,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAkB;AACrD,QAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAe;KAChD;AACH,CAAC;AAGI,MAAM,aAAa,GAAG,YAAY,CACvC,kBAAkB,EAClB,uBAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAwD;AAC1F,QAAA,QAAQ,EAAE,qBAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAG,YAAY,CAC5C,uBAAuB,EACvB,4BAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAGlC;AACA,QAAA,QAAQ,EAAE,0BAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB;KAC3C;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAG,iBAAiB,CAClE,6BAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;;;;"}

package/dist/esm/components/comment/comment.events.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createEvent } from '@cobuildlab/react-simple-state';
-const fetchCommentsEvent = libExports.createEvent({
+const fetchCommentsEvent = createEvent({
     initialValue: {
         comments: [],
         count: 0,
     },
 });
-const fetchCommentErrorEvent = libExports.createEvent();
-const createCommentEvent = libExports.createEvent({
+const fetchCommentErrorEvent = createEvent();
+const createCommentEvent = createEvent({
     initialValue: {
         comment: undefined,
     },
 });
-const createCommentErrorEvent = libExports.createEvent();
-const createReplyCommentEvent = libExports.createEvent({
+const createCommentErrorEvent = createEvent();
+const createReplyCommentEvent = createEvent({
     initialValue: {
         comment: undefined,
     },
 });
-const createReplyCommentErrorEvent = libExports.createEvent();
+const createReplyCommentErrorEvent = createEvent();
 export { createCommentErrorEvent, createCommentEvent, createReplyCommentErrorEvent, createReplyCommentEvent, fetchCommentErrorEvent, fetchCommentsEvent };
 //# sourceMappingURL=comment.events.js.map

package/dist/esm/components/comment/comment.events.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"comment.events.js","sources":["../../../../src/components/comment/comment.events.ts"],"sourcesContent":["import { createEvent } from '@cobuildlab/react-simple-state';\nimport { Comment, ReplyComment } from '../../shared/types/generated';\n\nexport const fetchCommentsEvent = createEvent<{\n comments: Comment[];\n count: number;\n}>({\n initialValue: {\n comments: [],\n count: 0,\n },\n});\n\nexport const fetchCommentErrorEvent = createEvent();\n\nexport const createCommentEvent = createEvent<{ comment: Comment \| undefined }>({\n initialValue: {\n comment: undefined,\n },\n});\nexport const createCommentErrorEvent = createEvent();\n\nexport const createReplyCommentEvent = createEvent<{\n comment: ReplyComment \| undefined;\n}>({\n initialValue: {\n comment: undefined,\n },\n});\nexport const createReplyCommentErrorEvent = createEvent();\n"],"names":[~~"createEvent"~~],"mappings":";;AAGO,MAAM,kBAAkB,~~GAAGA~~,~~sBAAW~~,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,sBAAsB,~~GAAGA~~,~~sBAAW~~;AAE1C,MAAM,kBAAkB,~~GAAGA~~,~~sBAAW~~,CAAmC;AAC9E,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,uBAAuB,~~GAAGA~~,~~sBAAW~~;AAE3C,MAAM,uBAAuB,~~GAAGA~~,~~sBAAW~~,CAE/C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,4BAA4B,~~GAAGA~~,~~sBAAW~~;;;;"}
1	+ {"version":3,"file":"comment.events.js","sources":["../../../../src/components/comment/comment.events.ts"],"sourcesContent":["import { createEvent } from '@cobuildlab/react-simple-state';\nimport { Comment, ReplyComment } from '../../shared/types/generated';\n\nexport const fetchCommentsEvent = createEvent<{\n comments: Comment[];\n count: number;\n}>({\n initialValue: {\n comments: [],\n count: 0,\n },\n});\n\nexport const fetchCommentErrorEvent = createEvent();\n\nexport const createCommentEvent = createEvent<{ comment: Comment \| undefined }>({\n initialValue: {\n comment: undefined,\n },\n});\nexport const createCommentErrorEvent = createEvent();\n\nexport const createReplyCommentEvent = createEvent<{\n comment: ReplyComment \| undefined;\n}>({\n initialValue: {\n comment: undefined,\n },\n});\nexport const createReplyCommentErrorEvent = createEvent();\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAkB,GAAG,WAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,sBAAsB,GAAG,WAAW;AAE1C,MAAM,kBAAkB,GAAG,WAAW,CAAmC;AAC9E,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,uBAAuB,GAAG,WAAW;AAE3C,MAAM,uBAAuB,GAAG,WAAW,CAE/C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,4BAA4B,GAAG,WAAW;;;;"}

package/dist/esm/components/comment/comment.store.js CHANGED Viewed

@@ -1,23 +1,23 @@
-import { l as libExports } from '../../_virtual/index.js';
+import { createStore } from '@cobuildlab/react-simple-state';
-const fetchCommentsStore = libExports.createStore({
+const fetchCommentsStore = createStore({
     initialValue: {
         comments: [],
         count: 0,
     },
 });
-const postStore = libExports.createStore({
+const postStore = createStore({
     initialValue: {
         id: 0,
     },
 });
-const replyCommentStore = libExports.createStore({
+const replyCommentStore = createStore({
     initialValue: {
         message: '',
         commentId: 0,
     },
 });
-const openSubscriptionCommentsStore = libExports.createStore({
+const openSubscriptionCommentsStore = createStore({
     initialValue: {
         open: false,
     },

package/dist/esm/components/comment/comment.store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"comment.store.js","sources":["../../../../src/components/comment/comment.store.ts"],"sourcesContent":["import { createStore } from '@cobuildlab/react-simple-state';\nimport { Comment } from '../../shared/types/generated';\nimport { ReplyCommentStore } from './comment.types';\n\nexport const fetchCommentsStore = createStore<{\n comments: Comment[];\n count: number;\n}>({\n initialValue: {\n comments: [],\n count: 0,\n },\n});\n\nexport const postStore = createStore<{ id: number }>({\n initialValue: {\n id: 0,\n },\n});\n\nexport const replyCommentStore = createStore<ReplyCommentStore>({\n initialValue: {\n message: '',\n commentId: 0,\n },\n});\n\nexport const openSubscriptionCommentsStore = createStore<{ open: boolean }>({\n initialValue: {\n open: false,\n },\n});\n"],"names":[~~"createStore"~~],"mappings":";;AAIO,MAAM,kBAAkB,~~GAAGA~~,~~sBAAW~~,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,SAAS,~~GAAGA~~,~~sBAAW~~,CAAiB;AACnD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,CAAC;AACN,KAAA;AACF,CAAA;AAEM,MAAM,iBAAiB,~~GAAGA~~,~~sBAAW~~,CAAoB;AAC9D,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AACb,KAAA;AACF,CAAA;AAEM,MAAM,6BAA6B,~~GAAGA~~,~~sBAAW~~,CAAoB;AAC1E,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;"}
1	+ {"version":3,"file":"comment.store.js","sources":["../../../../src/components/comment/comment.store.ts"],"sourcesContent":["import { createStore } from '@cobuildlab/react-simple-state';\nimport { Comment } from '../../shared/types/generated';\nimport { ReplyCommentStore } from './comment.types';\n\nexport const fetchCommentsStore = createStore<{\n comments: Comment[];\n count: number;\n}>({\n initialValue: {\n comments: [],\n count: 0,\n },\n});\n\nexport const postStore = createStore<{ id: number }>({\n initialValue: {\n id: 0,\n },\n});\n\nexport const replyCommentStore = createStore<ReplyCommentStore>({\n initialValue: {\n message: '',\n commentId: 0,\n },\n});\n\nexport const openSubscriptionCommentsStore = createStore<{ open: boolean }>({\n initialValue: {\n open: false,\n },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,kBAAkB,GAAG,WAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,SAAS,GAAG,WAAW,CAAiB;AACnD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,CAAC;AACN,KAAA;AACF,CAAA;AAEM,MAAM,iBAAiB,GAAG,WAAW,CAAoB;AAC9D,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AACb,KAAA;AACF,CAAA;AAEM,MAAM,6BAA6B,GAAG,WAAW,CAAoB;AAC1E,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;"}

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

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

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

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

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

@@ -1,16 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { Card, Box, Avatar } from '@mui/material';
 import { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault.js';
+import { makeStyles, createStyles } from '@mui/styles';
 import { useComment } from '../comment.hooks.js';
 import { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
 import { useSession } from '../../session/session.hooks.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useCallAction } from '@cobuildlab/react-simple-state';
 import { createComment, openSubscriptionCommentsStoreAction } from '../comment.actions.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import Card from '../../../node_modules/@mui/material/esm/Card/Card.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import Avatar from '../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
-import createStyles from '../../../node_modules/@mui/styles/createStyles/createStyles.js';
 const useStyles = makeStyles((theme) => createStyles({
     cardHeader: {
@@ -62,7 +59,7 @@ const AddComment = () => {
     const { user, subscription } = useSession();
     const [html, setHtml] = useState('');
     const { callAction, postId } = useComment();
-    const [callCreateComment, loading] = libExports.useCallAction(createComment, {
+    const [callCreateComment, loading] = useCallAction(createComment, {
         onCompleted: () => {
             setHtml('');
             callAction();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card } from '@mui/material';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { createStyles, makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '../../session/session.hooks';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createComment, openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Theme } from '@mui/material';\n\nconst useStyles = makeStyles<Theme>((theme: Theme) =>\n createStyles({\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n },\n '& > .MuiCardHeader-avatar': {\n outline: '1px solid #eaecf1',\n borderRadius: '50%',\n },\n },\n button: {\n minWidth: 130,\n '&:disabled': {\n backgroundColor: '#8B8B8B !important',\n },\n },\n addcommentStyles: {\n display: 'flex',\n [theme.breakpoints.down('md')]: {\n display: 'block',\n },\n },\n buttoncommentStyles: {\n marginLeft: 10,\n [theme.breakpoints.down('md')]: {\n marginLeft: 0,\n marginTop: 10,\n },\n },\n avatarStyles: {\n marginRight: 10,\n\n [theme.breakpoints.down('md')]: {\n marginRight: 0,\n marginBottom: 10,\n display: 'flex',\n alignItems: 'center',\n alignContent: 'center',\n },\n },\n name: {\n fontSize: 14,\n fontWeight: 700,\n },\n }),\n);\n\nexport const AddComment: React.FC = () => {\n const classes = useStyles();\n const { user, subscription } = useSession();\n const [html, setHtml] = useState<string>('');\n const { callAction, postId } = useComment();\n\n const [callCreateComment, loading] = useCallAction(createComment, {\n onCompleted: () => {\n setHtml('');\n callAction();\n },\n });\n\n return (\n <Card elevation={0}>\n <Box className={classes.addcommentStyles}>\n {user ? (\n <Box className={classes.avatarStyles}>\n <Avatar sx={{ width: 40, height: 40, marginRight: 1 }} src={user?.avatar as string} />\n <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n <Box className={classes.name} mb={1}>\n {user?.name}\n </Box>\n </Box>\n </Box>\n ) : null}\n {\n <Box component={'div'} style={{ width: '100%' }}>\n <ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />\n </Box>\n }\n {\n <Box className={classes.buttoncommentStyles}>\n <ButtonDefault\n disabled={!(html && user)}\n onClick={() => {\n if (!subscription) return openSubscriptionCommentsStoreAction(true);\n\n callCreateComment({\n data: {\n message: html,\n post_id: postId,\n },\n });\n }}\n color={!subscription ? 'primary' : 'inherit'}\n isLoading={loading}\n className={classes.button}>\n Comentar\n </ButtonDefault>\n </Box>\n }\n </Box>\n </Card>\n );\n};\n"],"names":["~~useCallAction","~~_jsx","_jsxs"],"mappings":"~~;;;;;;;;;;;;;;~~AAaA,MAAM,SAAS,GAAG,UAAU,CAAQ,CAAC,KAAY,KAC/C,YAAY,CAAC;AACX,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;AACb,QAAA,YAAY,EAAE;AACZ,YAAA,eAAe,EAAE,oBAAoB;AACtC,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,OAAO,EAAE,MAAM;QACf,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,YAAA,OAAO,EAAE,OAAO;AACjB,SAAA;AACF,KAAA;AACD,IAAA,mBAAmB,EAAE;AACnB,QAAA,UAAU,EAAE,EAAE;QACd,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,SAAS,EAAE,EAAE;AACd,SAAA;AACF,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,WAAW,EAAE,EAAE;QAEf,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,QAAQ;AACvB,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACF,CAAA,CAAC,CACH;AAEM,MAAM,UAAU,GAAa,MAAK;AACvC,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,~~GAAGA~~,~~wBAAa~~,CAAC,aAAa,EAAE;QAChE,WAAW,EAAE,MAAK;YAChB,OAAO,CAAC,EAAE,CAAC;AACX,YAAA,UAAU,EAAE;QACd,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,~~QACEC~~,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBC,IAAA,CAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAA,QAAA,EAAA,CACrC,IAAI,IACHA,IAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,aAClCD,GAAA,CAAC,MAAM,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EACtFA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EAChC,IAAI,EAAE,IAAI,GACP,EAAA,CACF,CAAA,EAAA,CACF,IACJ,IAAI,EAENA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC7CA,GAAA,CAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,EAAA,CAAI,EAAA,CACpE,EAGNA,GAAA,CAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,EAAA,QAAA,EACzCA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AAAE,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAEnE,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AAChB,iCAAA;AACF,6BAAA,CAAC;AACJ,wBAAA,CAAC,EACD,KAAK,EAAE,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,EAC5C,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAEX,EAAA,CACZ,CAAA,EAAA,CAEJ,EAAA,CACD;AAEX;;;;"}
1	+ {"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card } from '@mui/material';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { createStyles, makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\n\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useSession } from '../../session/session.hooks';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { createComment, openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Theme } from '@mui/material';\n\nconst useStyles = makeStyles<Theme>((theme: Theme) =>\n createStyles({\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n },\n '& > .MuiCardHeader-avatar': {\n outline: '1px solid #eaecf1',\n borderRadius: '50%',\n },\n },\n button: {\n minWidth: 130,\n '&:disabled': {\n backgroundColor: '#8B8B8B !important',\n },\n },\n addcommentStyles: {\n display: 'flex',\n [theme.breakpoints.down('md')]: {\n display: 'block',\n },\n },\n buttoncommentStyles: {\n marginLeft: 10,\n [theme.breakpoints.down('md')]: {\n marginLeft: 0,\n marginTop: 10,\n },\n },\n avatarStyles: {\n marginRight: 10,\n\n [theme.breakpoints.down('md')]: {\n marginRight: 0,\n marginBottom: 10,\n display: 'flex',\n alignItems: 'center',\n alignContent: 'center',\n },\n },\n name: {\n fontSize: 14,\n fontWeight: 700,\n },\n }),\n);\n\nexport const AddComment: React.FC = () => {\n const classes = useStyles();\n const { user, subscription } = useSession();\n const [html, setHtml] = useState<string>('');\n const { callAction, postId } = useComment();\n\n const [callCreateComment, loading] = useCallAction(createComment, {\n onCompleted: () => {\n setHtml('');\n callAction();\n },\n });\n\n return (\n <Card elevation={0}>\n <Box className={classes.addcommentStyles}>\n {user ? (\n <Box className={classes.avatarStyles}>\n <Avatar sx={{ width: 40, height: 40, marginRight: 1 }} src={user?.avatar as string} />\n <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n <Box className={classes.name} mb={1}>\n {user?.name}\n </Box>\n </Box>\n </Box>\n ) : null}\n {\n <Box component={'div'} style={{ width: '100%' }}>\n <ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />\n </Box>\n }\n {\n <Box className={classes.buttoncommentStyles}>\n <ButtonDefault\n disabled={!(html && user)}\n onClick={() => {\n if (!subscription) return openSubscriptionCommentsStoreAction(true);\n\n callCreateComment({\n data: {\n message: html,\n post_id: postId,\n },\n });\n }}\n color={!subscription ? 'primary' : 'inherit'}\n isLoading={loading}\n className={classes.button}>\n Comentar\n </ButtonDefault>\n </Box>\n }\n </Box>\n </Card>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

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

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

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

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

@@ -1,18 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { EditorProvider } from '../../../node_modules/react-simple-wysiwyg/lib/index.es.js';
+import { Card, CardHeader, Box, Avatar } from '@mui/material';
+import { EditorProvider } from 'react-simple-wysiwyg';
 import { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault.js';
+import { makeStyles } from '@mui/styles';
 import { useComment } from '../comment.hooks.js';
 import { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore, useCallAction } from '@cobuildlab/react-simple-state';
 import { replyCommentStore } from '../comment.store.js';
 import { createReplyComment, replyCommentStoreAction, openSubscriptionCommentsStoreAction } from '../comment.actions.js';
 import { useSession } from '../../session/session.hooks.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import Card from '../../../node_modules/@mui/material/esm/Card/Card.js';
-import CardHeader from '../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import Avatar from '../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
 const useStyles = makeStyles({
     cardHeader: {
@@ -32,10 +29,10 @@ const useStyles = makeStyles({
 const AddReplyComment = () => {
     const classes = useStyles();
     const { user, subscription } = useSession();
-    const { message, commentId } = libExports.useStore(replyCommentStore);
+    const { message, commentId } = useStore(replyCommentStore);
     const [html, setHtml] = useState(message);
     const { callAction, postId } = useComment();
-    const [callCreateComment, loading] = libExports.useCallAction(createReplyComment, {
+    const [callCreateComment, loading] = useCallAction(createReplyComment, {
         onCompleted: () => {
             callAction();
             replyCommentStoreAction('', 0);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["\n\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card, CardHeader } from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useCallAction, useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport {\n createReplyComment,\n openSubscriptionCommentsStoreAction,\n replyCommentStoreAction,\n} from '../comment.actions';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n },\n '& > .MuiCardHeader-avatar': {\n outline: '1px solid #eaecf1',\n borderRadius: '50%',\n },\n },\n button: {\n minWidth: 130,\n },\n});\n\nexport const AddReplyComment: React.FC = () => {\n const classes = useStyles();\n const { user, subscription } = useSession();\n const { message, commentId } = useStore(replyCommentStore);\n const [html, setHtml] = useState<string>(message);\n const { callAction, postId } = useComment();\n\n const [callCreateComment, loading] = useCallAction(createReplyComment, {\n onCompleted: () => {\n callAction();\n replyCommentStoreAction('', 0);\n },\n });\n\n console.log({ html });\n\n return (\n <EditorProvider>\n <Card elevation={0}>\n <CardHeader\n sx={{ p: 0 }}\n className={classes.cardHeader}\n avatar={\n user ? (\n <Avatar\n sx={{ width: 40, height: 40 }}\n src={user?.avatar as string}\n />\n ) : null\n }\n title={\n <ReactSimpleWysiwyg\n value={html}\n onChange={(value) => setHtml(value)}\n />\n }\n action={\n <Box ml={2}>\n <ButtonDefault\n disabled={!(html && user)}\n onClick={() => {\n if (!subscription)\n return openSubscriptionCommentsStoreAction(true);\n\n callCreateComment({\n data: {\n message: html,\n post_id: postId,\n comment_id: commentId,\n },\n });\n }}\n color=\"primary\"\n isLoading={loading}\n className={classes.button}\n >\n Comentar\n </ButtonDefault>\n </Box>\n }\n />\n </Card>\n </EditorProvider>\n );\n};\n"],"names":["~~useStore","useCallAction","~~_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,eAAe,GAAa,MAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,~~GAAGA~~,~~mBAAQ~~,CAAC,iBAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,~~GAAGC~~,~~wBAAa~~,CAAC,kBAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,~~QACEC~~,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFA,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAC3B,IACA,IAAI,EAEV,KAAK,EACHA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAElD,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,SAAS;AACtB,iCAAA;AACF,6BAAA,CAAC;wBACJ,CAAC,EACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAGX,EAAA,CACZ,GAER,EAAA,CACG,EAAA,CACQ;AAErB;;;;"}
1	+ {"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["\n\nimport React, { useState } from 'react';\nimport { Avatar, Box, Card, CardHeader } from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '../../../shared/components/buttons/ButtonDefault';\nimport { makeStyles } from '@mui/styles';\nimport { useComment } from '../comment.hooks';\nimport { ReactSimpleWysiwyg } from '../../../shared/components/react-editor/ReactSimpleWysiwyg';\nimport { useCallAction, useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport {\n createReplyComment,\n openSubscriptionCommentsStoreAction,\n replyCommentStoreAction,\n} from '../comment.actions';\nimport { useSession } from '../../session/session.hooks';\n\nconst useStyles = makeStyles({\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n },\n '& > .MuiCardHeader-avatar': {\n outline: '1px solid #eaecf1',\n borderRadius: '50%',\n },\n },\n button: {\n minWidth: 130,\n },\n});\n\nexport const AddReplyComment: React.FC = () => {\n const classes = useStyles();\n const { user, subscription } = useSession();\n const { message, commentId } = useStore(replyCommentStore);\n const [html, setHtml] = useState<string>(message);\n const { callAction, postId } = useComment();\n\n const [callCreateComment, loading] = useCallAction(createReplyComment, {\n onCompleted: () => {\n callAction();\n replyCommentStoreAction('', 0);\n },\n });\n\n console.log({ html });\n\n return (\n <EditorProvider>\n <Card elevation={0}>\n <CardHeader\n sx={{ p: 0 }}\n className={classes.cardHeader}\n avatar={\n user ? (\n <Avatar\n sx={{ width: 40, height: 40 }}\n src={user?.avatar as string}\n />\n ) : null\n }\n title={\n <ReactSimpleWysiwyg\n value={html}\n onChange={(value) => setHtml(value)}\n />\n }\n action={\n <Box ml={2}>\n <ButtonDefault\n disabled={!(html && user)}\n onClick={() => {\n if (!subscription)\n return openSubscriptionCommentsStoreAction(true);\n\n callCreateComment({\n data: {\n message: html,\n post_id: postId,\n comment_id: commentId,\n },\n });\n }}\n color=\"primary\"\n isLoading={loading}\n className={classes.button}\n >\n Comentar\n </ButtonDefault>\n </Box>\n }\n />\n </Card>\n </EditorProvider>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,GAAG;AACd,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,eAAe,GAAa,MAAK;AAC5C,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,iBAAiB,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE;IAE3C,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,aAAa,CAAC,kBAAkB,EAAE;QACrE,WAAW,EAAE,MAAK;AAChB,YAAA,UAAU,EAAE;AACZ,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC;IAErB,QACEA,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EACbA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAC,EAAA,QAAA,EAChBA,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,MAAM,EACJ,IAAI,IACFA,GAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAC7B,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAC3B,IACA,IAAI,EAEV,KAAK,EACHA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,GACnC,EAEJ,MAAM,EACJA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACRA,GAAA,CAAC,aAAa,EAAA,EACZ,QAAQ,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,EACzB,OAAO,EAAE,MAAK;AACZ,4BAAA,IAAI,CAAC,YAAY;AACf,gCAAA,OAAO,mCAAmC,CAAC,IAAI,CAAC;AAElD,4BAAA,iBAAiB,CAAC;AAChB,gCAAA,IAAI,EAAE;AACJ,oCAAA,OAAO,EAAE,IAAI;AACb,oCAAA,OAAO,EAAE,MAAM;AACf,oCAAA,UAAU,EAAE,SAAS;AACtB,iCAAA;AACF,6BAAA,CAAC;wBACJ,CAAC,EACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAGX,EAAA,CACZ,GAER,EAAA,CACG,EAAA,CACQ;AAErB;;;;"}

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

@@ -1,12 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, Box, CardContent } from '@mui/material';
+import { makeStyles } from '@mui/styles';
 import { AddReplyComment } from './AddReplyComment.js';
 import { useSession } from '../../session/session.hooks.js';
 import { theme } from '../../../shared/mui/theme.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import Card from '../../../node_modules/@mui/material/esm/Card/Card.js';
-import CardHeader from '../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import CardContent from '../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
 const useStyles = makeStyles({
     name: {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent } from '@mui/material';\nimport { makeStyles } from '@mui/styles';\n\nimport { AddReplyComment } from './AddReplyComment';\nimport { useSession } from '../../session/session.hooks';\nimport { theme } from '../../../shared/mui/theme';\n\nconst useStyles = makeStyles({\n name: {\n fontSize: 14,\n fontWeight: 700,\n },\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n marginBottom: theme.spacing(1),\n },\n alignItems: 'center',\n },\n});\n\nexport const AddReplyCommentContainer: React.FC = () => {\n const classes = useStyles();\n const { user } = useSession();\n\n return (\n <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n <CardHeader\n sx={{ p: 0 }}\n title={\n user ? (\n <Box className={classes.name} mb={1}>\n {user?.name}\n </Box>\n ) : null\n }\n className={classes.cardHeader}\n />\n <CardContent sx={{ p: 0 }}>\n <AddReplyComment />\n </CardContent>\n </Card>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;~~AAUA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,wBAAwB,GAAa,MAAK;AACrD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE;AAE7B,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,UAAU,IACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,YAChC,IAAI,EAAE,IAAI,EAAA,CACP,IACJ,IAAI,EAEV,SAAS,EAAE,OAAO,CAAC,UAAU,GAC7B,EACFA,GAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YACvBA,GAAA,CAAC,eAAe,KAAG,EAAA,CACP,CAAA,EAAA,CACT;AAEX;;;;"}
1	+ {"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Card, CardHeader, CardContent } from '@mui/material';\nimport { makeStyles } from '@mui/styles';\n\nimport { AddReplyComment } from './AddReplyComment';\nimport { useSession } from '../../session/session.hooks';\nimport { theme } from '../../../shared/mui/theme';\n\nconst useStyles = makeStyles({\n name: {\n fontSize: 14,\n fontWeight: 700,\n },\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n marginBottom: theme.spacing(1),\n },\n alignItems: 'center',\n },\n});\n\nexport const AddReplyCommentContainer: React.FC = () => {\n const classes = useStyles();\n const { user } = useSession();\n\n return (\n <Card elevation={1} sx={{ px: 2, pt: 2 }}>\n <CardHeader\n sx={{ p: 0 }}\n title={\n user ? (\n <Box className={classes.name} mb={1}>\n {user?.name}\n </Box>\n ) : null\n }\n className={classes.cardHeader}\n />\n <CardContent sx={{ p: 0 }}>\n <AddReplyComment />\n </CardContent>\n </Card>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,wBAAwB,GAAa,MAAK;AACrD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE;AAE7B,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,UAAU,IACT,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EACH,IAAI,IACFA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,YAChC,IAAI,EAAE,IAAI,EAAA,CACP,IACJ,IAAI,EAEV,SAAS,EAAE,OAAO,CAAC,UAAU,GAC7B,EACFA,GAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YACvBA,GAAA,CAAC,eAAe,KAAG,EAAA,CACP,CAAA,EAAA,CACT;AAEX;;;;"}

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

@@ -1,17 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Grid, Box, Divider } from '@mui/material';
 import { ReplyComments } from './ReplyComments.js';
 import { CommentItem } from './CommentItem.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { replyCommentStore } from '../comment.store.js';
 import { AddReplyCommentContainer } from './AddReplyCommentContainer.js';
 import { replyCommentStoreAction } from '../comment.actions.js';
 import { PRIMARY_COLOR } from '../../../shared/mui/theme.js';
-import Grid from '../../../node_modules/@mui/material/esm/Grid/Grid.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import Divider from '../../../node_modules/@mui/material/esm/Divider/Divider.js';
 const CommentContainer = ({ comment }) => {
-    const { commentId } = libExports.useStore(replyCommentStore);
+    const { commentId } = useStore(replyCommentStore);
     const onReply = (r) => {
         console.log({ r });
         if (comment.id === commentId) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Box, Divider, Grid } from '@mui/material';\nimport { ReplyComments } from './ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport { AddReplyCommentContainer } from './AddReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '../../../shared/mui/theme';\n\ntype CommentContainerProps = {\n comment: Comment;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({ comment }) => {\n const { commentId } = useStore(replyCommentStore);\n\n const onReply = (r: Comment \| ReplyComment) => {\n console.log({ r });\n if (comment.id === commentId) {\n replyCommentStoreAction('', 0);\n } else {\n replyCommentStoreAction(\n `<b style=\"color:${PRIMARY_COLOR}\">@${r.user?.name}</b> `,\n comment.id as number,\n );\n }\n };\n\n const selectedComment = commentId === comment.id;\n const haveReplyComments = comment.replies?.length;\n\n return (\n <Grid container>\n <Grid size={12} mb={2}>\n <CommentItem comment={comment} onReply={onReply} />\n </Grid>\n {selectedComment \|\| haveReplyComments ? (\n <Grid size={12} mb={2}>\n <Grid container>\n <Grid size={1}>\n <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n <Divider orientation=\"vertical\" flexItem />\n </Box>\n </Grid>\n <Grid size={11}>\n <Grid container spacing={2}>\n {haveReplyComments ? (\n <Grid size={12}>\n <ReplyComments\n replyComments={(comment.replies \|\| []) as ReplyComment[]}\n onReply={onReply}\n />\n </Grid>\n ) : null}\n {selectedComment ? (\n <Grid size={12}>\n <AddReplyCommentContainer />\n </Grid>\n ) : null}\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n ) : null}\n </Grid>\n );\n};\n"],"names":["~~useStore","~~_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;~~MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,~~GAAGA~~,~~mBAAQ~~,CAAC,iBAAiB,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAyB,KAAI;AAC5C,QAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAA,uBAAuB,CACrB,CAAA,gBAAA,EAAmB,aAAa,CAAA,GAAA,EAAM,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,EAC9D,OAAO,CAAC,EAAY,CACrB;QACH;AACF,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,SAAS,KAAK,OAAO,CAAC,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM;AAEjD,IAAA,~~QACEC~~,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,mBACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,aAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,wBAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}
1	+ {"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Box, Divider, Grid } from '@mui/material';\nimport { ReplyComments } from './ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport { AddReplyCommentContainer } from './AddReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '../../../shared/mui/theme';\n\ntype CommentContainerProps = {\n comment: Comment;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({ comment }) => {\n const { commentId } = useStore(replyCommentStore);\n\n const onReply = (r: Comment \| ReplyComment) => {\n console.log({ r });\n if (comment.id === commentId) {\n replyCommentStoreAction('', 0);\n } else {\n replyCommentStoreAction(\n `<b style=\"color:${PRIMARY_COLOR}\">@${r.user?.name}</b> `,\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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;MAgBa,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,KAAI;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,iBAAiB,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAG,CAAC,CAAyB,KAAI;AAC5C,QAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,uBAAuB,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC;aAAO;AACL,YAAA,uBAAuB,CACrB,CAAA,gBAAA,EAAmB,aAAa,CAAA,GAAA,EAAM,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,EAC9D,OAAO,CAAC,EAAY,CACrB;QACH;AACF,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAG,SAAS,KAAK,OAAO,CAAC,EAAE;AAChD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,EAAE,MAAM;AAEjD,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,mBACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACnBA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,EAAA,CAC9C,EACN,eAAe,IAAI,iBAAiB,IACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACnBD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACXA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,CACvC,EAAA,CACD,EACPA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,YACZD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAA,QAAA,EAAA,CACvB,iBAAiB,IAChBC,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,IAAC,aAAa,EAAA,EACZ,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,EAAE,CAAmB,EACxD,OAAO,EAAE,OAAO,GAChB,EAAA,CACG,IACL,IAAI,EACP,eAAe,IACdA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,QAAA,EACZA,GAAA,CAAC,wBAAwB,KAAG,EAAA,CACvB,IACL,IAAI,CAAA,EAAA,CACH,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,IACL,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}

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

@@ -1,14 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, Box, Typography, Avatar, CardContent } from '@mui/material';
+import { makeStyles } from '@mui/styles';
 import moment from '../../../_virtual/moment.js';
 import ReplyIcon from '../../../node_modules/@mui/icons-material/esm/Reply.js';
 import '../../../_virtual/es.js';
-import makeStyles from '../../../node_modules/@mui/styles/makeStyles/makeStyles.js';
-import Card from '../../../node_modules/@mui/material/esm/Card/Card.js';
-import CardHeader from '../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import Typography from '../../../node_modules/@mui/material/esm/Typography/Typography.js';
-import Avatar from '../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
-import CardContent from '../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
 moment.locale('es');
 const useStyles = makeStyles({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport {\n Avatar,\n Box,\n Card,\n CardContent,\n CardHeader,\n Typography,\n} from '@mui/material';\nimport { makeStyles } from '@mui/styles';\nimport moment from 'moment/moment';\nimport ReplyIcon from '@mui/icons-material/Reply';\nimport 'moment/locale/es';\n\nmoment.locale('es');\n\nconst useStyles = makeStyles({\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n },\n '& > .MuiCardHeader-avatar': {\n outline: '1px solid #eaecf1',\n borderRadius: '50%',\n },\n alignItems: 'center',\n },\n reply: {\n cursor: 'pointer',\n },\n});\n\ntype CommentItemProps = {\n comment: Comment \| ReplyComment;\n onReply: (comment: Comment \| ReplyComment) => void;\n};\nexport const CommentItem: React.FC<CommentItemProps> = ({\n comment,\n onReply,\n}) => {\n const classes = useStyles();\n const { user } = comment;\n\n return (\n <Card>\n <CardHeader\n className={classes.cardHeader}\n title={\n <Box display=\"flex\">\n <Typography variant=\"body1\" fontWeight={700} mr={1} fontSize={14}>\n {user?.name}\n </Typography>\n <Typography variant=\"body1\" fontSize={14}>\n {moment(parseInt(comment.created_at as string)).fromNow()}\n </Typography>\n </Box>\n }\n avatar={\n <Avatar sx={{ width: 40, height: 40 }} src={user?.avatar as string} />\n }\n action={\n <Box\n display=\"flex\"\n alignItems=\"center\"\n className={classes.reply}\n onClick={() => {\n onReply(comment);\n }}\n >\n <ReplyIcon color=\"primary\" />\n <Typography variant=\"body2\" fontWeight={700} color=\"primary\">\n {' '}\n Responder\n </Typography>\n </Box>\n }\n />\n <CardContent>\n <div\n dangerouslySetInnerHTML={{ __html: comment.message as string }}\n ></div>\n </CardContent>\n </Card>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;~~AAkBA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnB,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAMK,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,OAAO,GACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO;IAExB,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACHD,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAA,QAAA,EAC7D,IAAI,EAAE,IAAI,EAAA,CACA,EACbA,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAA,QAAA,EACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,EAAA,CAC9C,CAAA,EAAA,CACT,EAER,MAAM,EACJA,IAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EAExE,MAAM,EACJD,IAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,MAAK;wBACZ,OAAO,CAAC,OAAO,CAAC;oBAClB,CAAC,EAAA,QAAA,EAAA,CAEDC,IAAC,SAAS,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7BD,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,aACzD,GAAG,EAAA,WAAA,CAAA,EAAA,CAEO,IACT,EAAA,CAER,EACFC,IAAC,WAAW,EAAA,EAAA,QAAA,EACVA,aACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAiB,EAAE,EAAA,CACzD,EAAA,CACK,CAAA,EAAA,CACT;AAEX;;;;"}
1	+ {"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport {\n Avatar,\n Box,\n Card,\n CardContent,\n CardHeader,\n Typography,\n} from '@mui/material';\nimport { makeStyles } from '@mui/styles';\nimport moment from 'moment/moment';\nimport ReplyIcon from '@mui/icons-material/Reply';\nimport 'moment/locale/es';\n\nmoment.locale('es');\n\nconst useStyles = makeStyles({\n cardHeader: {\n '& > .MuiCardHeader-action': {\n marginTop: 0,\n marginRight: 0,\n },\n '& > .MuiCardHeader-avatar': {\n outline: '1px solid #eaecf1',\n borderRadius: '50%',\n },\n alignItems: 'center',\n },\n reply: {\n cursor: 'pointer',\n },\n});\n\ntype CommentItemProps = {\n comment: Comment \| ReplyComment;\n onReply: (comment: Comment \| ReplyComment) => void;\n};\nexport const CommentItem: React.FC<CommentItemProps> = ({\n comment,\n onReply,\n}) => {\n const classes = useStyles();\n const { user } = comment;\n\n return (\n <Card>\n <CardHeader\n className={classes.cardHeader}\n title={\n <Box display=\"flex\">\n <Typography variant=\"body1\" fontWeight={700} mr={1} fontSize={14}>\n {user?.name}\n </Typography>\n <Typography variant=\"body1\" fontSize={14}>\n {moment(parseInt(comment.created_at as string)).fromNow()}\n </Typography>\n </Box>\n }\n avatar={\n <Avatar sx={{ width: 40, height: 40 }} src={user?.avatar as string} />\n }\n action={\n <Box\n display=\"flex\"\n alignItems=\"center\"\n className={classes.reply}\n onClick={() => {\n onReply(comment);\n }}\n >\n <ReplyIcon color=\"primary\" />\n <Typography variant=\"body2\" fontWeight={700} color=\"primary\">\n {' '}\n Responder\n </Typography>\n </Box>\n }\n />\n <CardContent>\n <div\n dangerouslySetInnerHTML={{ __html: comment.message as string }}\n ></div>\n </CardContent>\n </Card>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkBA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnB,MAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,UAAU,EAAE;AACV,QAAA,2BAA2B,EAAE;AAC3B,YAAA,SAAS,EAAE,CAAC;AACZ,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,2BAA2B,EAAE;AAC3B,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,YAAY,EAAE,KAAK;AACpB,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA;AACF,CAAA,CAAC;AAMK,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,OAAO,GACR,KAAI;AACH,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO;IAExB,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EACHD,IAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAA,QAAA,EAC7D,IAAI,EAAE,IAAI,EAAA,CACA,EACbA,GAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAA,QAAA,EACrC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,EAAA,CAC9C,CAAA,EAAA,CACT,EAER,MAAM,EACJA,IAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAgB,EAAA,CAAI,EAExE,MAAM,EACJD,IAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,MAAK;wBACZ,OAAO,CAAC,OAAO,CAAC;oBAClB,CAAC,EAAA,QAAA,EAAA,CAEDC,IAAC,SAAS,EAAA,EAAC,KAAK,EAAC,SAAS,GAAG,EAC7BD,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,aACzD,GAAG,EAAA,WAAA,CAAA,EAAA,CAEO,IACT,EAAA,CAER,EACFC,IAAC,WAAW,EAAA,EAAA,QAAA,EACVA,aACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,OAAiB,EAAE,EAAA,CACzD,EAAA,CACK,CAAA,EAAA,CACT;AAEX;;;;"}

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

@@ -1,14 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { DialogDefault } from '../../../shared/components/dialog/DialogDefault.js';
-import { l as libExports } from '../../../_virtual/index.js';
+import { useStore } from '@cobuildlab/react-simple-state';
 import { openSubscriptionCommentsStore } from '../comment.store.js';
 import { openSubscriptionCommentsStoreAction } from '../comment.actions.js';
+import { Box, Typography } from '@mui/material';
 import { URL_PORTAL } from '../../../shared/constants/index.js';
-import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
-import Typography from '../../../node_modules/@mui/material/esm/Typography/Typography.js';
 const CommentSubscriptionDialog = () => {
-    const { open } = libExports.useStore(openSubscriptionCommentsStore);
+    const { open } = useStore(openSubscriptionCommentsStore);
     return (jsx(DialogDefault, { isOpen: open, showActions: true, handleClose: () => openSubscriptionCommentsStoreAction(false), successText: "SUSCRIBIRTE", handleSuccess: () => (window.location.href = `${URL_PORTAL}/planes`), children: jsx(Box, { px: 2, textAlign: "center", children: jsx(Typography, { fontSize: 20, fontWeight: 700, children: "Debes tener una suscripci\u00F3n activa para poder realizar un comentario" }) }) }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { DialogDefault } from '../../../shared/components/dialog/DialogDefault';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { openSubscriptionCommentsStore } from '../comment.store';\nimport { openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Typography, Box } from '@mui/material';\nimport {URL_PORTAL} from \"../../../shared/constants\";\n\nexport const CommentSubscriptionDialog: React.FC = () => {\n const { open } = useStore(openSubscriptionCommentsStore);\n return (\n <DialogDefault\n isOpen={open}\n showActions\n handleClose={() => openSubscriptionCommentsStoreAction(false)}\n successText=\"SUSCRIBIRTE\"\n handleSuccess={() =>\n (window.location.href = `${URL_PORTAL}/planes`)\n }\n >\n <Box px={2} textAlign=\"center\">\n <Typography fontSize={20} fontWeight={700}>\n Debes tener una suscripción activa para poder realizar un comentario\n </Typography>\n </Box>\n </DialogDefault>\n );\n};\n"],"names":["~~useStore","~~_jsx"],"mappings":"~~;;;;;;;;;~~AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,~~GAAGA~~,~~mBAAQ~~,CAAC,6BAA6B,CAAC;AACxD,IAAA,~~QACEC~~,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAM,mCAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BA,GAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}
1	+ {"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { DialogDefault } from '../../../shared/components/dialog/DialogDefault';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { openSubscriptionCommentsStore } from '../comment.store';\nimport { openSubscriptionCommentsStoreAction } from '../comment.actions';\nimport { Typography, Box } from '@mui/material';\nimport {URL_PORTAL} from \"../../../shared/constants\";\n\nexport const CommentSubscriptionDialog: React.FC = () => {\n const { open } = useStore(openSubscriptionCommentsStore);\n return (\n <DialogDefault\n isOpen={open}\n showActions\n handleClose={() => openSubscriptionCommentsStoreAction(false)}\n successText=\"SUSCRIBIRTE\"\n handleSuccess={() =>\n (window.location.href = `${URL_PORTAL}/planes`)\n }\n >\n <Box px={2} textAlign=\"center\">\n <Typography fontSize={20} fontWeight={700}>\n Debes tener una suscripción activa para poder realizar un comentario\n </Typography>\n </Box>\n </DialogDefault>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAUO,MAAM,yBAAyB,GAAa,MAAK;IACtD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,6BAA6B,CAAC;AACxD,IAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAA,IAAA,EACX,WAAW,EAAE,MAAM,mCAAmC,CAAC,KAAK,CAAC,EAC7D,WAAW,EAAC,aAAa,EACzB,aAAa,EAAE,OACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,EAAA,QAAA,EAGjDA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5BA,GAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,2EAAA,EAAA,CAE5B,EAAA,CACT,EAAA,CACQ;AAEpB;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { Grid } from '@mui/material';
 import { CommentItem } from './CommentItem.js';
-import Grid from '../../../node_modules/@mui/material/esm/Grid/Grid.js';
 const ReplyComments = ({ replyComments, onReply, }) => {
     return (jsx(Grid, { container: true, spacing: 2, children: replyComments?.map((replyComment, key) => (jsx(Grid, { size: 12, children: jsx(CommentItem, { comment: replyComment, onReply: onReply }) }, key))) }));