react-easy-wall 1.3.3 → 2.0.0

package/dist/cjs/components/comment/comment.actions.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var index = require('../../_virtual/index.js');
-var comment_store = require('./comment.store.js');
-var generated = require('../../shared/types/generated.js');
-var comment_events = require('./comment.events.js');
-var apollo_client = require('../../shared/apollo/apollo.client.js');
-
-const client = apollo_client.apolloClient();
-const fetchCommentsStoreAction = index.libExports.createStoreAction(comment_store.fetchCommentsStore, (prev, comments, count) => ({
-    ...prev,
-    comments,
-    count,
-}));
-index.libExports.createStoreAction(comment_store.postStore, (prev, id) => ({
-    ...prev,
-    id,
-}));
-const replyCommentStoreAction = index.libExports.createStoreAction(comment_store.replyCommentStore, (prev, message, commentId) => ({
-    ...prev,
-    message,
-    commentId,
-}));
-const fetchComments = index.libExports.createAction(comment_events.fetchCommentsEvent, comment_events.fetchCommentErrorEvent, async (variables) => {
-    const response = await client.query({
-        query: generated.CommentsDocument,
-        variables,
-        fetchPolicy: 'network-only',
-    });
-    return {
-        comments: response.data?.comments?.items,
-        count: response.data?.comments?.count,
-    };
-});
-const createComment = index.libExports.createAction(comment_events.createCommentEvent, comment_events.createCommentErrorEvent, async (variables) => {
-    const response = await client.mutate({
-        mutation: generated.CreateCommentDocument,
-        variables,
-    });
-    return {
-        comment: response.data?.createComment,
-    };
-});
-const createReplyComment = index.libExports.createAction(comment_events.createReplyCommentEvent, comment_events.createReplyCommentErrorEvent, async (variables) => {
-    const response = await client.mutate({
-        mutation: generated.CreateReplyCommentDocument,
-        variables,
-    });
-    return {
-        comment: response.data?.createReplyComment,
-    };
-});
-const openSubscriptionCommentsStoreAction = index.libExports.createStoreAction(comment_store.openSubscriptionCommentsStore, (prev, open) => ({
-    ...prev,
-    open,
-}));
-
-exports.createComment = createComment;
-exports.createReplyComment = createReplyComment;
-exports.fetchComments = fetchComments;
-exports.fetchCommentsStoreAction = fetchCommentsStoreAction;
-exports.openSubscriptionCommentsStoreAction = openSubscriptionCommentsStoreAction;
-exports.replyCommentStoreAction = replyCommentStoreAction;
-//# sourceMappingURL=comment.actions.js.map

package/dist/cjs/components/comment/comment.actions.js.map

@@ -1 +0,0 @@
-{"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 as Comment,\n    };\n  },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n  openSubscriptionCommentsStore,\n  (prev, open: boolean) => ({\n    ...prev,\n    open,\n  }),\n);\n"],"names":["apolloClient","createStoreAction","fetchCommentsStore","postStore","replyCommentStore","createAction","fetchCommentsEvent","fetchCommentErrorEvent","CommentsDocument","createCommentEvent","createCommentErrorEvent","CreateCommentDocument","createReplyCommentEvent","createReplyCommentErrorEvent","CreateReplyCommentDocument","openSubscriptionCommentsStore"],"mappings":";;;;;;;;AA6BA,MAAM,MAAM,GAAGA,0BAAY,EAAE;AAEtB,MAAM,wBAAwB,GAAGC,kCAAiB,CACvDC,gCAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;AAG2BD,kCAAiB,CAACE,uBAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,GAAGF,kCAAiB,CACtDG,+BAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,GAAGC,6BAAY,CACvCC,iCAAkB,EAClBC,qCAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAwC;AACzE,QAAA,KAAK,EAAEC,0BAAgB;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,GAAGH,6BAAY,CACvCI,iCAAkB,EAClBC,sCAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAwD;AAC1F,QAAA,QAAQ,EAAEC,+BAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAGN,6BAAY,CAC5CO,sCAAuB,EACvBC,2CAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAGlC;AACA,QAAA,QAAQ,EAAEC,oCAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAA6B;KACtD;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAGb,kCAAiB,CAClEc,2CAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;;;;;;;;;"}

package/dist/cjs/components/comment/comment.events.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var index = require('../../_virtual/index.js');
-
-const fetchCommentsEvent = index.libExports.createEvent({
-    initialValue: {
-        comments: [],
-        count: 0,
-    },
-});
-const fetchCommentErrorEvent = index.libExports.createEvent();
-const createCommentEvent = index.libExports.createEvent({
-    initialValue: {
-        comment: undefined,
-    },
-});
-const createCommentErrorEvent = index.libExports.createEvent();
-const createReplyCommentEvent = index.libExports.createEvent({
-    initialValue: {
-        comment: undefined,
-    },
-});
-const createReplyCommentErrorEvent = index.libExports.createEvent();
-
-exports.createCommentErrorEvent = createCommentErrorEvent;
-exports.createCommentEvent = createCommentEvent;
-exports.createReplyCommentErrorEvent = createReplyCommentErrorEvent;
-exports.createReplyCommentEvent = createReplyCommentEvent;
-exports.fetchCommentErrorEvent = fetchCommentErrorEvent;
-exports.fetchCommentsEvent = fetchCommentsEvent;
-//# sourceMappingURL=comment.events.js.map

package/dist/cjs/components/comment/comment.events.js.map

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

package/dist/cjs/components/comment/comment.hooks.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var React = require('react');
-var CommentContext = require('./CommentContext.js');
-
-const useComment = () => {
-    const { loading, callAction, loadMoreComments, postId } = React.useContext(CommentContext.CommentContext);
-    return {
-        callAction,
-        loadMoreComments,
-        postId,
-        loading,
-    };
-};
-
-exports.useComment = useComment;
-//# sourceMappingURL=comment.hooks.js.map

package/dist/cjs/components/comment/comment.hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"comment.hooks.js","sources":["../../../../src/components/comment/comment.hooks.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { CommentContext } from './CommentContext';\n\nexport const useComment = () => {\n  const { loading, callAction, loadMoreComments, postId } = useContext(CommentContext);\n\n  return {\n    callAction,\n    loadMoreComments,\n    postId,\n    loading,\n  };\n};\n"],"names":["useContext","CommentContext"],"mappings":";;;;;AAGO,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAGA,gBAAU,CAACC,6BAAc,CAAC;IAEpF,OAAO;QACL,UAAU;QACV,gBAAgB;QAChB,MAAM;QACN,OAAO;KACR;AACH;;;;"}

package/dist/cjs/components/comment/comment.store.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var index = require('../../_virtual/index.js');
-
-const fetchCommentsStore = index.libExports.createStore({
-    initialValue: {
-        comments: [],
-        count: 0,
-    },
-});
-const postStore = index.libExports.createStore({
-    initialValue: {
-        id: 0,
-    },
-});
-const replyCommentStore = index.libExports.createStore({
-    initialValue: {
-        message: '',
-        commentId: 0,
-    },
-});
-const openSubscriptionCommentsStore = index.libExports.createStore({
-    initialValue: {
-        open: false,
-    },
-});
-
-exports.fetchCommentsStore = fetchCommentsStore;
-exports.openSubscriptionCommentsStore = openSubscriptionCommentsStore;
-exports.postStore = postStore;
-exports.replyCommentStore = replyCommentStore;
-//# sourceMappingURL=comment.store.js.map

package/dist/cjs/components/comment/comment.store.js.map

@@ -1 +0,0 @@
-{"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,4BAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,SAAS,GAAGA,4BAAW,CAAiB;AACnD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,CAAC;AACN,KAAA;AACF,CAAA;AAEM,MAAM,iBAAiB,GAAGA,4BAAW,CAAoB;AAC9D,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AACb,KAAA;AACF,CAAA;AAEM,MAAM,6BAA6B,GAAGA,4BAAW,CAAoB;AAC1E,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;;;;"}

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

@@ -1,14 +0,0 @@
-'use strict';
-
-require('react/jsx-runtime');
-require('react');
-require('../../node_modules/emoji-mart/dist/module.js');
-
-const getCommentPlaceholder = (isAllowed) => {
-    if (isAllowed)
-        return '';
-    return 'Suscribete para comentar...';
-};
-
-exports.getCommentPlaceholder = getCommentPlaceholder;
-//# sourceMappingURL=comment.utils.js.map

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

@@ -1 +0,0 @@
-{"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/cjs/components/comment/components/AddComment.js

@@ -1,87 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var ButtonDefault = require('../../../shared/components/buttons/ButtonDefault.js');
-var comment_hooks = require('../comment.hooks.js');
-var ReactSimpleWysiwyg = require('../../../shared/components/react-editor/ReactSimpleWysiwyg.js');
-var session_hooks = require('../../session/session.hooks.js');
-var index = require('../../../_virtual/index.js');
-var comment_actions = require('../comment.actions.js');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
-var createStyles = require('../../../node_modules/@mui/styles/createStyles/createStyles.js');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.js');
-
-const useStyles = makeStyles.default((theme) => createStyles.default({
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-        },
-        '& > .MuiCardHeader-avatar': {
-            outline: '1px solid #eaecf1',
-            borderRadius: '50%',
-        },
-    },
-    button: {
-        minWidth: 130,
-        '&:disabled': {
-            backgroundColor: '#8B8B8B !important',
-        },
-    },
-    addcommentStyles: {
-        display: 'flex',
-        [theme.breakpoints.down('md')]: {
-            display: 'block',
-        },
-    },
-    buttoncommentStyles: {
-        marginLeft: 10,
-        [theme.breakpoints.down('md')]: {
-            marginLeft: 0,
-            marginTop: 10,
-        },
-    },
-    avatarStyles: {
-        marginRight: 10,
-        [theme.breakpoints.down('md')]: {
-            marginRight: 0,
-            marginBottom: 10,
-            display: 'flex',
-            alignItems: 'center',
-            alignContent: 'center',
-        },
-    },
-    name: {
-        fontSize: 14,
-        fontWeight: 700,
-    },
-}));
-const AddComment = () => {
-    const classes = useStyles();
-    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, {
-        onCompleted: () => {
-            setHtml('');
-            callAction();
-        },
-    });
-    return (jsxRuntime.jsx(Card.default, { elevation: 0, children: jsxRuntime.jsxs(Box.default, { className: classes.addcommentStyles, children: [user ? (jsxRuntime.jsxs(Box.default, { className: classes.avatarStyles, children: [jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, marginRight: 1 }, src: user?.avatar }), jsxRuntime.jsx(Box.default, { sx: { display: { xs: 'block', md: 'none' } }, children: jsxRuntime.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name }) })] })) : null, jsxRuntime.jsx(Box.default, { component: 'div', style: { width: '100%' }, children: jsxRuntime.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }) }), jsxRuntime.jsx(Box.default, { className: classes.buttoncommentStyles, children: jsxRuntime.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
-                            if (!subscription)
-                                return comment_actions.openSubscriptionCommentsStoreAction(true);
-                            callCreateComment({
-                                data: {
-                                    message: html,
-                                    post_id: postId,
-                                },
-                            });
-                        }, color: !subscription ? 'primary' : 'inherit', isLoading: loading, className: classes.button, children: "Comentar" }) })] }) }));
-};
-
-exports.AddComment = AddComment;
-//# sourceMappingURL=AddComment.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddComment.js","sources":["../../../../../src/components/comment/components/AddComment.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;;;;;;AAaA;AAEI;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACE;AACD;AACF;AACD;AACE;;AAEE;AACD;AACF;AACD;AACE;;AAEE;AACA;AACD;AACF;AACD;AACE;;AAGE;AACA;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAGI;AACL;;;;;;;AAQI;;AAEH;AAED;AAuBc;AAAmB;AAEnB;AACE;AACE;AACA;AACD;AACF;AACH;AAWd;;"}

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

@@ -1,51 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var AddComment = require('./AddComment.js');
-var router = require('next/router');
-var theme = require('../../../shared/mui/theme.js');
-var index = require('../../../shared/constants/index.js');
-var session_hooks = require('../../session/session.hooks.js');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
-var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var Divider = require('../../../node_modules/@mui/material/esm/Divider/Divider.js');
-var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.js');
-
-const useStyles = makeStyles.default({
-    text: {
-        cursor: 'pointer',
-        textDecoration: 'underline',
-        paddingLeft: theme.theme.spacing(0.5),
-        paddingRight: theme.theme.spacing(0.5),
-        fontWeight: 700,
-    },
-    name: {
-        fontSize: 14,
-        fontWeight: 700,
-    },
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-            marginBottom: theme.theme.spacing(1),
-        },
-        alignItems: 'center',
-    },
-});
-const AddCommentContainer = () => {
-    const classes = useStyles();
-    const { user, subscription } = session_hooks.useSession();
-    const router$1 = router.useRouter();
-    const redirectTo = (url) => {
-        const redirectUrl = new URL(url);
-        redirectUrl.searchParams.append('redirect_url', window.location.href);
-        window.location.href = redirectUrl.href;
-    };
-    return (jsxRuntime.jsxs(Card.default, { elevation: 1, sx: { px: 2, pt: 2 }, children: [jsxRuntime.jsx(CardHeader.default, { sx: { p: 0 }, title: user ? (jsxRuntime.jsx(Box.default, { sx: { display: { xs: 'none', lg: 'block' } }, children: jsxRuntime.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name }) })) : null, className: classes.cardHeader, action: !user ? (jsxRuntime.jsxs(Box.default, { display: "flex", children: [jsxRuntime.jsx(Box.default, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_LOGIN`), children: "Iniciar sesi\u00F3n" }), jsxRuntime.jsx(Divider.default, { orientation: "vertical", flexItem: true, sx: { mr: 1, ml: 1 } }), jsxRuntime.jsx(Box.default, { className: classes.text, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_REGISTER`), children: "Registrate" })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !subscription ? (jsxRuntime.jsx(Box.default, { display: "flex", children: jsxRuntime.jsx(Box.default, { className: classes.text, component: 'a', href: `${index.URL_PORTAL}/planes?post_url=${index.URL_PORTAL}${router$1.asPath}`, children: "Suscr\u00EDbete" }) })) : null })) }), jsxRuntime.jsx(CardContent.default, { sx: { p: 0 }, children: jsxRuntime.jsx(AddComment.AddComment, {}) })] }));
-};
-
-exports.AddCommentContainer = AddCommentContainer;
-//# sourceMappingURL=AddCommentContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddCommentContainer.js","sources":["../../../../../src/components/comment/components/AddCommentContainer.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;;;;;AAWA;AACE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACE;AACA;AACA;AACD;AACD;AACD;AACF;AAEM;AACL;;AAEA;AACA;AACE;AACA;;AAEF;;AAoDF;;"}

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

@@ -1,62 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index_es = require('../../../node_modules/react-simple-wysiwyg/lib/index.es.js');
-var ButtonDefault = require('../../../shared/components/buttons/ButtonDefault.js');
-var comment_hooks = require('../comment.hooks.js');
-var ReactSimpleWysiwyg = require('../../../shared/components/react-editor/ReactSimpleWysiwyg.js');
-var index = require('../../../_virtual/index.js');
-var comment_store = require('../comment.store.js');
-var comment_actions = require('../comment.actions.js');
-var session_hooks = require('../../session/session.hooks.js');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
-var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var Avatar = require('../../../node_modules/@mui/material/esm/Avatar/Avatar.js');
-
-const useStyles = makeStyles.default({
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-        },
-        '& > .MuiCardHeader-avatar': {
-            outline: '1px solid #eaecf1',
-            borderRadius: '50%',
-        },
-    },
-    button: {
-        minWidth: 130,
-    },
-});
-const AddReplyComment = () => {
-    const classes = useStyles();
-    const { user, subscription } = session_hooks.useSession();
-    const { message, commentId } = index.libExports.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, {
-        onCompleted: () => {
-            callAction();
-            comment_actions.replyCommentStoreAction('', 0);
-        },
-    });
-    console.log({ html });
-    return (jsxRuntime.jsx(index_es.EditorProvider, { children: jsxRuntime.jsx(Card.default, { elevation: 0, children: jsxRuntime.jsx(CardHeader.default, { sx: { p: 0 }, className: classes.cardHeader, avatar: user ? (jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40 }, src: user?.avatar })) : null, title: jsxRuntime.jsx(ReactSimpleWysiwyg.ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value) }), action: jsxRuntime.jsx(Box.default, { ml: 2, children: jsxRuntime.jsx(ButtonDefault.ButtonDefault, { disabled: !(html && user), onClick: () => {
-                            if (!subscription)
-                                return comment_actions.openSubscriptionCommentsStoreAction(true);
-                            callCreateComment({
-                                data: {
-                                    message: html,
-                                    post_id: postId,
-                                    comment_id: commentId,
-                                },
-                            });
-                        }, color: "primary", isLoading: loading, className: classes.button, children: "Comentar" }) }) }) }) }));
-};
-
-exports.AddReplyComment = AddReplyComment;
-//# sourceMappingURL=AddReplyComment.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddReplyComment.js","sources":["../../../../../src/components/comment/components/AddReplyComment.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAEM;AACL;;;;;;;AAQI;AACA;;AAEH;AAED;;AA2BgB;AACE;AAEF;AACE;AACE;AACA;AACA;AACD;AACF;;AAcnB;;"}

package/dist/cjs/components/comment/components/AddReplyCommentContainer.js

@@ -1,35 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var AddReplyComment = require('./AddReplyComment.js');
-var session_hooks = require('../../session/session.hooks.js');
-var theme = require('../../../shared/mui/theme.js');
-var makeStyles = require('../../../node_modules/@mui/styles/makeStyles/makeStyles.js');
-var Card = require('../../../node_modules/@mui/material/esm/Card/Card.js');
-var CardHeader = require('../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var CardContent = require('../../../node_modules/@mui/material/esm/CardContent/CardContent.js');
-
-const useStyles = makeStyles.default({
-    name: {
-        fontSize: 14,
-        fontWeight: 700,
-    },
-    cardHeader: {
-        '& > .MuiCardHeader-action': {
-            marginTop: 0,
-            marginRight: 0,
-            marginBottom: theme.theme.spacing(1),
-        },
-        alignItems: 'center',
-    },
-});
-const AddReplyCommentContainer = () => {
-    const classes = useStyles();
-    const { user } = session_hooks.useSession();
-    return (jsxRuntime.jsxs(Card.default, { elevation: 1, sx: { px: 2, pt: 2 }, children: [jsxRuntime.jsx(CardHeader.default, { sx: { p: 0 }, title: user ? (jsxRuntime.jsx(Box.default, { className: classes.name, mb: 1, children: user?.name })) : null, className: classes.cardHeader }), jsxRuntime.jsx(CardContent.default, { sx: { p: 0 }, children: jsxRuntime.jsx(AddReplyComment.AddReplyComment, {}) })] }));
-};
-
-exports.AddReplyCommentContainer = AddReplyCommentContainer;
-//# sourceMappingURL=AddReplyCommentContainer.js.map

package/dist/cjs/components/comment/components/AddReplyCommentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddReplyCommentContainer.js","sources":["../../../../../src/components/comment/components/AddReplyCommentContainer.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;;AAUA;AACE;AACE;AACA;AACD;AACD;AACE;AACE;AACA;AACA;AACD;AACD;AACD;AACF;AAEM;AACL;AACA;AAEA;AAkBF;;"}

package/dist/cjs/components/comment/components/CommentContainer.js

@@ -1,33 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ReplyComments = require('./ReplyComments.js');
-var CommentItem = require('./CommentItem.js');
-var index = require('../../../_virtual/index.js');
-var comment_store = require('../comment.store.js');
-var AddReplyCommentContainer = require('./AddReplyCommentContainer.js');
-var comment_actions = require('../comment.actions.js');
-var theme = require('../../../shared/mui/theme.js');
-var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.js');
-var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
-var Divider = require('../../../node_modules/@mui/material/esm/Divider/Divider.js');
-
-const CommentContainer = ({ comment }) => {
-    const { commentId } = index.libExports.useStore(comment_store.replyCommentStore);
-    const onReply = (r) => {
-        console.log({ r });
-        if (comment.id === commentId) {
-            comment_actions.replyCommentStoreAction('', 0);
-        }
-        else {
-            comment_actions.replyCommentStoreAction(`<b style="color:${theme.PRIMARY_COLOR}">@${r.user?.name}</b>&nbsp;`, comment.id);
-        }
-    };
-    const selectedComment = commentId === comment.id;
-    const haveReplyComments = comment.replies?.length;
-    return (jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 12, mb: 2, children: jsxRuntime.jsx(CommentItem.CommentItem, { comment: comment, onReply: onReply }) }), selectedComment || haveReplyComments ? (jsxRuntime.jsx(Grid.default, { size: 12, mb: 2, children: jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 1, children: jsxRuntime.jsx(Box.default, { display: "flex", height: "100%", justifyContent: "center", children: jsxRuntime.jsx(Divider.default, { orientation: "vertical", flexItem: true }) }) }), jsxRuntime.jsx(Grid.default, { size: 11, children: jsxRuntime.jsxs(Grid.default, { container: true, spacing: 2, children: [haveReplyComments ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(ReplyComments.ReplyComments, { replyComments: (comment.replies || []), onReply: onReply }) })) : null, selectedComment ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(AddReplyCommentContainer.AddReplyCommentContainer, {}) })) : null] }) })] }) })) : null] }));
-};
-
-exports.CommentContainer = CommentContainer;
-//# sourceMappingURL=CommentContainer.js.map

package/dist/cjs/components/comment/components/CommentContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentContainer.js","sources":["../../../../../src/components/comment/components/CommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Box, Divider, Grid } from '@mui/material';\nimport { ReplyComments } from './ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport { AddReplyCommentContainer } from './AddReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '../../../shared/mui/theme';\n\ntype CommentContainerProps = {\n  comment: Comment;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({ comment }) => {\n  const { commentId } = useStore(replyCommentStore);\n\n  const onReply = (r: Comment | ReplyComment) => {\n    console.log({ r });\n    if (comment.id === commentId) {\n      replyCommentStoreAction('', 0);\n    } else {\n      replyCommentStoreAction(\n        `<b style=\"color:${PRIMARY_COLOR}\">@${r.user?.name}</b>&nbsp;`,\n        comment.id as number,\n      );\n    }\n  };\n\n  const selectedComment = commentId === comment.id;\n  const haveReplyComments = comment.replies?.length;\n\n  return (\n    <Grid container>\n      <Grid size={12} mb={2}>\n        <CommentItem comment={comment} onReply={onReply} />\n      </Grid>\n      {selectedComment || haveReplyComments ? (\n        <Grid size={12} mb={2}>\n          <Grid container>\n            <Grid size={1}>\n              <Box display=\"flex\" height=\"100%\" justifyContent=\"center\">\n                <Divider orientation=\"vertical\" flexItem />\n              </Box>\n            </Grid>\n            <Grid size={11}>\n              <Grid container spacing={2}>\n                {haveReplyComments ? (\n                  <Grid size={12}>\n                    <ReplyComments\n                      replyComments={(comment.replies || []) as ReplyComment[]}\n                      onReply={onReply}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <AddReplyCommentContainer />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAmBE;AACE;AACA;AACE;;;AAEA;;AAKJ;AAEA;AACA;AAEA;AAmCF;;"}

package/dist/cjs/components/comment/components/CommentItem.js

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

package/dist/cjs/components/comment/components/CommentItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["'use client'\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"],"mappings":";;;;;;;;;;;;;;;AAkBAA;AAEA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACD;AACD;AACE;AACD;AACF;AAMM;AAIL;AACA;;;;AA2CF;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;AAUO;;AAEL;AAiBF;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReplyComments.js","sources":["../../../../../src/components/comment/components/ReplyComments.tsx"],"sourcesContent":["'use client'\n\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '../../../shared/types/generated';\nimport { Grid } from '@mui/material';\nimport { CommentItem } from './CommentItem';\n\ntype ReplyCommentsProps = {\n  replyComments: ReplyComment[];\n  onReply: (comment: Comment | ReplyComment) => void;\n};\n\nexport const ReplyComments: React.FC<ReplyCommentsProps> = ({\n  replyComments,\n  onReply,\n}) => {\n  return (\n    <Grid container spacing={2}>\n      {replyComments?.map((replyComment, key) => (\n        <Grid size={12} key={key}>\n          <CommentItem comment={replyComment} onReply={onReply} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAaO;;AAaP;;"}