react-easy-wall 1.3.4 → 2.0.1

package/dist/cjs/_virtual/index11.js

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

package/dist/cjs/_virtual/index12.js

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

package/dist/cjs/_virtual/index13.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var src = {exports: {}};
 
-exports.__module = reactIs;
+exports.__module = src;
 //# sourceMappingURL=index13.js.map

package/dist/cjs/_virtual/index14.js

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

package/dist/cjs/_virtual/index2.js

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

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

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

package/dist/cjs/_virtual/index3.js

@@ -1,6 +1,12 @@
 'use strict';
 
-var lib = {};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__exports = lib;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/prop-types/index.js');
+
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+exports.default = PropTypes;
 //# sourceMappingURL=index3.js.map

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

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

package/dist/cjs/_virtual/index4.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/prop-types/index.js');
+var index = require('../node_modules/proxy-from-env/index.js');
 
-var propTypesExports = /*@__PURE__*/ index.__require();
-var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+var proxyFromEnvExports = index.__require();
+var proxyFromEnv = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(proxyFromEnvExports);
 
-exports.default = PropTypes;
+exports.default = proxyFromEnv;
 //# sourceMappingURL=index4.js.map

package/dist/cjs/_virtual/index5.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/proxy-from-env/index.js');
+var index = require('../node_modules/follow-redirects/index.js');
 
-var proxyFromEnvExports = index.__require();
-var proxyFromEnv = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(proxyFromEnvExports);
+var followRedirectsExports = index.__require();
+var followRedirects = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(followRedirectsExports);
 
-exports.default = proxyFromEnv;
+exports.default = followRedirects;
 //# sourceMappingURL=index5.js.map

package/dist/cjs/_virtual/index6.js

@@ -1,12 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var propTypes = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/follow-redirects/index.js');
-
-var followRedirectsExports = index.__require();
-var followRedirects = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(followRedirectsExports);
-
-exports.default = followRedirects;
+exports.__module = propTypes;
 //# sourceMappingURL=index6.js.map

package/dist/cjs/_virtual/index6.js.map

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

package/dist/cjs/_virtual/index7.js

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

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

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

package/dist/cjs/_virtual/index8.js

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

package/dist/cjs/_virtual/index8.js.map

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

package/dist/cjs/_virtual/index9.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CommentContext.js","sources":["../../../../src/components/comment/CommentContext.tsx"],"sourcesContent":["'use client'\n\nimport { createContext } from 'react';\nimport {CommentContextType} from \"./comment.types\";\n\n\n\nconst commentContextValue: CommentContextType = {\n  callAction: () => {},\n  loadMoreComments: () => {},\n  postId: 0,\n  loading: true,\n};\n\nexport const CommentContext =\n  createContext<CommentContextType>(commentContextValue);\n\nexport const { Provider } = CommentContext;\n"],"names":[],"mappings":";;;;;AAOA;AACE;AACA;AACA;AACA;;;AAMK;;;"}
+{"version":3,"file":"CommentContext.js","sources":["../../../../src/components/comment/CommentContext.tsx"],"sourcesContent":["'use client'\n\n\nimport { createContext } from 'react';\nimport {CommentContextType} from \"./comment.types\";\n\n\n\nconst commentContextValue: CommentContextType = {\n  callAction: () => {},\n  loadMoreComments: () => {},\n  postId: 0,\n  loading: true,\n};\n\nexport const CommentContext =\n  createContext<CommentContextType>(commentContextValue);\n\nexport const { Provider } = CommentContext;\n"],"names":[],"mappings":";;;;;AAQA;AACE;AACA;AACA;AACA;;;AAMK;;;"}

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

@@ -6,10 +6,8 @@ var React = require('react');
 var CommentContext = require('./CommentContext.js');
 var comment_actions = require('./comment.actions.js');
 var index = require('../../_virtual/index.js');
-var comment_store = require('./comment.store.js');
 
-const CommentProvider = ({ children }) => {
-    const { id } = index.libExports.useStore(comment_store.postStore);
+const CommentProvider = ({ children, id, onlyForRegistered = false, onlyForSubscribers = false, }) => {
     const [{ pageSize, page }, setPaginate] = React.useState({
         pageSize: 5,
         page: 0,
@@ -20,13 +18,15 @@ const CommentProvider = ({ children }) => {
         },
     });
     React.useEffect(() => {
-        callCommentsAction({
-            where: {
-                post_id: id,
-            },
-            page,
-            pageSize,
-        });
+        if (id) {
+            callCommentsAction({
+                where: {
+                    post_id: id,
+                },
+                page,
+                pageSize,
+            });
+        }
     }, [callCommentsAction, id, page, pageSize]);
     const loadMoreComments = () => {
         setPaginate({
@@ -48,6 +48,8 @@ const CommentProvider = ({ children }) => {
         loadMoreComments,
         callAction,
         loading,
+        onlyForRegistered,
+        onlyForSubscribers,
     };
     return jsxRuntime.jsx(CommentContext.Provider, { value: values, children: children });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommentProvider.js","sources":["../../../../src/components/comment/CommentProvider.tsx"],"sourcesContent":["'use client'\n\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport { Provider } from './CommentContext';\nimport { Comment } from '../../shared/types/generated';\nimport { fetchComments, fetchCommentsStoreAction } from './comment.actions';\nimport { useCallAction, useStore } from '@cobuildlab/react-simple-state';\nimport { postStore } from './comment.store';\nimport {CommentContextType} from \"./comment.types\";\n\ntype CommentProviderProps = {\n  children: ReactNode;\n};\nexport const CommentProvider: React.FC<CommentProviderProps> = ({ children }) => {\n  const { id } = useStore(postStore);\n\n  const [{ pageSize, page }, setPaginate] = useState({\n    pageSize: 5,\n    page: 0,\n  });\n\n  const [callCommentsAction, loading] = useCallAction(fetchComments, {\n    onCompleted: (res) => {\n      fetchCommentsStoreAction(res.comments as Comment[], res.count as number);\n    },\n  });\n\n  useEffect(() => {\n    callCommentsAction({\n      where: {\n        post_id: id,\n      },\n      page,\n      pageSize,\n    });\n  }, [callCommentsAction, id, page, pageSize]);\n\n  const loadMoreComments = () => {\n    setPaginate({\n      page,\n      pageSize: pageSize + 5,\n    });\n  };\n  const callAction = () => {\n    callCommentsAction({\n      where: {\n        post_id: id,\n      },\n      page,\n      pageSize,\n    });\n  };\n\n  const values: CommentContextType  = {\n    postId: id,\n    loadMoreComments,\n    callAction,\n    loading,\n  };\n\n  return <Provider value={values}>{children}</Provider>;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiBI;AACA;AACD;;AAGC;;;AAGD;;AAGC;AACE;AACE;AACD;;;AAGF;;;AAID;;;AAGC;AACH;;AAEE;AACE;AACE;AACD;;;AAGF;AACH;AAEA;AACE;;;;;;AAOJ;;"}
+{"version":3,"file":"CommentProvider.js","sources":["../../../../src/components/comment/CommentProvider.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport { Provider } from './CommentContext';\nimport { Comment } from '@/shared/types/generated';\nimport { fetchComments, fetchCommentsStoreAction } from './comment.actions';\nimport { useCallAction } from '@cobuildlab/react-simple-state';\nimport { CommentContextType } from './comment.types';\n\ntype CommentProviderProps = {\n  children: ReactNode;\n  onlyForSubscribers?: boolean;\n  onlyForRegistered?: boolean;\n  id: number;\n};\nexport const CommentProvider: React.FC<CommentProviderProps> = ({\n  children,\n  id,\n  onlyForRegistered = false,\n  onlyForSubscribers = false,\n}) => {\n  const [{ pageSize, page }, setPaginate] = useState({\n    pageSize: 5,\n    page: 0,\n  });\n\n  const [callCommentsAction, loading] = useCallAction(fetchComments, {\n    onCompleted: (res) => {\n      fetchCommentsStoreAction(res.comments as Comment[], res.count as number);\n    },\n  });\n\n  useEffect(() => {\n    if (id) {\n      callCommentsAction({\n        where: {\n          post_id: id,\n        },\n        page,\n        pageSize,\n      });\n    }\n  }, [callCommentsAction, id, page, pageSize]);\n\n  const loadMoreComments = () => {\n    setPaginate({\n      page,\n      pageSize: pageSize + 5,\n    });\n  };\n  const callAction = () => {\n    callCommentsAction({\n      where: {\n        post_id: id,\n      },\n      page,\n      pageSize,\n    });\n  };\n\n  const values: CommentContextType = {\n    postId: id,\n    loadMoreComments,\n    callAction,\n    loading,\n    onlyForRegistered,\n    onlyForSubscribers,\n  };\n\n  return <Provider value={values}>{children}</Provider>;\n};\n"],"names":[],"mappings":";;;;;;;;;AAeO;;AAOH;AACA;AACD;;AAGC;;;AAGD;;;AAIG;AACE;AACE;AACD;;;AAGF;;;;AAKH;;;AAGC;AACH;;AAEE;AACE;AACE;AACD;;;AAGF;AACH;AAEA;AACE;;;;;;;;AASJ;;"}

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

@@ -2,40 +2,29 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var AddCommentContainer = require('./components/AddCommentContainer.js');
+var CreateCommentContainer = require('./components/create-comment/CreateCommentContainer.js');
 var session_hooks = require('../session/session.hooks.js');
 var index = require('../../_virtual/index.js');
 var comment_store = require('./comment.store.js');
 var comment_hooks = require('./comment.hooks.js');
 var ShowMoreComments = require('./components/ShowMoreComments.js');
 var CommentContainer = require('./components/CommentContainer.js');
-var ButtonDefault = require('../../shared/components/buttons/ButtonDefault.js');
 var CommentSubscriptionDialog = require('./components/CommentSubscriptionDialog.js');
-var makeStyles = require('../../node_modules/@mui/styles/makeStyles/makeStyles.js');
+var ShowCommentButton = require('./components/ShowCommentButton.js');
 var Box = require('../../node_modules/@mui/material/esm/Box/Box.js');
 var Grid = require('../../node_modules/@mui/material/esm/Grid/Grid.js');
 
-const useStyles = makeStyles.default({
-    button: {
-        borderRadius: 8,
-        width: 280,
-        height: 50,
-        fontSize: 16,
-        fontWeight: 700,
-    },
-});
-const Comments = () => {
+const Comments = ({ LoadingComponent, showCommentButtonProps = {}, createCommentContainerProps = {}, commentContainerProps = {}, commentSubscriptionProps = {}, }) => {
     const { user } = session_hooks.useSession();
     const { comments } = index.libExports.useStore(comment_store.fetchCommentsStore);
-    const classes = useStyles();
-    const [showComments, setShowComments] = React.useState(true);
+    const { show } = index.libExports.useStore(comment_store.showCommentStore);
     const commentsAll = comment_hooks.useComment();
-    if (!user && commentsAll.loading)
+    if (!user && commentsAll.loading) {
+        if (LoadingComponent)
+            return LoadingComponent;
         return jsxRuntime.jsx("div", { children: "Loading..." });
-    return (jsxRuntime.jsxs(Box.default, { mt: 2, children: [jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 12, display: "flex", justifyContent: "center", children: jsxRuntime.jsx(ButtonDefault.ButtonDefault, { className: classes.button, onClick: () => {
-                                return setShowComments(!showComments);
-                            }, children: showComments ? 'Ocultar comentarios' : 'Comentarios' }) }), showComments ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 12, mb: 2, children: jsxRuntime.jsx(AddCommentContainer.AddCommentContainer, {}) }), comments.map((comment, key) => (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(CommentContainer.CommentContainer, { comment: comment }) }, key))), jsxRuntime.jsx(ShowMoreComments.ShowMoreComments, {})] }) })) : null] }), jsxRuntime.jsx(CommentSubscriptionDialog.CommentSubscriptionDialog, {})] }));
+    }
+    return (jsxRuntime.jsxs(Box.default, { mt: 2, children: [jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 12, display: "flex", justifyContent: "center", children: jsxRuntime.jsx(ShowCommentButton.ShowCommentButton, { ...showCommentButtonProps }) }), show ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsxs(Grid.default, { container: true, children: [jsxRuntime.jsx(Grid.default, { size: 12, mb: 2, children: jsxRuntime.jsx(CreateCommentContainer.CreateCommentContainer, { ...createCommentContainerProps }) }), comments.map((comment, key) => (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(CommentContainer.CommentContainer, { comment: comment, ...commentContainerProps }) }, key))), jsxRuntime.jsx(ShowMoreComments.ShowMoreComments, {})] }) })) : null] }), jsxRuntime.jsx(CommentSubscriptionDialog.CommentSubscriptionDialog, { ...commentSubscriptionProps })] }));
 };
 
 exports.Comments = Comments;

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

@@ -1 +1 @@
-{"version":3,"file":"Comments.js","sources":["../../../../src/components/comment/Comments.tsx"],"sourcesContent":["'use client'\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":[],"mappings":";;;;;;;;;;;;;;;;;;AAgBA;AACE;AACE;AACA;AACA;AACA;AACA;AACD;AACF;AACM;AACL;;AAEA;;AAGA;AAEA;AAAkC;AAClC;AAOY;;AAwBd;;"}
+{"version":3,"file":"Comments.js","sources":["../../../../src/components/comment/Comments.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  CreateCommentContainer,\n  CreateCommentContainerProps,\n} from './components/create-comment/CreateCommentContainer';\nimport { useSession } from '../session/session.hooks';\nimport { Grid, Box } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore, showCommentStore } from './comment.store';\nimport { useComment } from './comment.hooks';\nimport { ShowMoreComments } from './components/ShowMoreComments';\nimport { CommentContainer, CommentContainerProps } from './components/CommentContainer';\nimport {\n  CommentSubscriptionDialog,\n  CommentSubscriptionDialogProps,\n} from './components/CommentSubscriptionDialog';\nimport {\n  ShowCommentButton,\n  ShowCommentButtonProps,\n} from '@/components/comment/components/ShowCommentButton';\n\nexport type CommentsProps = {\n  LoadingComponent?: React.ReactNode;\n  showCommentButtonProps?: ShowCommentButtonProps;\n  createCommentContainerProps?: CreateCommentContainerProps;\n  commentContainerProps?: Omit<CommentContainerProps, 'comment'>;\n  commentSubscriptionProps?: CommentSubscriptionDialogProps;\n};\n\nexport const Comments: React.FC<CommentsProps> = ({\n  LoadingComponent,\n  showCommentButtonProps = {},\n  createCommentContainerProps = {},\n  commentContainerProps = {},\n  commentSubscriptionProps = {},\n}) => {\n  const { user } = useSession();\n  const { comments } = useStore(fetchCommentsStore);\n  const { show } = useStore(showCommentStore);\n\n  const commentsAll = useComment();\n\n  if (!user && commentsAll.loading) {\n    if (LoadingComponent) return LoadingComponent;\n\n    return <div>Loading...</div>;\n  }\n\n  return (\n    <Box mt={2}>\n      <Grid container>\n        <Grid size={12} display=\"flex\" justifyContent=\"center\">\n          <ShowCommentButton {...showCommentButtonProps} />\n        </Grid>\n        {show ? (\n          <Grid size={12}>\n            <Grid container>\n              <Grid size={12} mb={2}>\n                <CreateCommentContainer {...createCommentContainerProps} />\n              </Grid>\n              {comments.map((comment, key) => (\n                <Grid size={12} key={key}>\n                  <CommentContainer comment={comment} {...commentContainerProps} />\n                </Grid>\n              ))}\n              <ShowMoreComments />\n            </Grid>\n          </Grid>\n        ) : null}\n      </Grid>\n      <CommentSubscriptionDialog {...commentSubscriptionProps} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA+BO;AAOL;;;AAIA;AAEA;AACE;AAAsB;AAEtB;;;AA4BJ;;"}

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

@@ -6,7 +6,6 @@ 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,
@@ -22,7 +21,7 @@ const replyCommentStoreAction = index.libExports.createStoreAction(comment_store
     commentId,
 }));
 const fetchComments = index.libExports.createAction(comment_events.fetchCommentsEvent, comment_events.fetchCommentErrorEvent, async (variables) => {
-    const response = await client.query({
+    const response = await apollo_client.apolloClient().query({
         query: generated.CommentsDocument,
         variables,
         fetchPolicy: 'network-only',
@@ -33,7 +32,7 @@ const fetchComments = index.libExports.createAction(comment_events.fetchComments
     };
 });
 const createComment = index.libExports.createAction(comment_events.createCommentEvent, comment_events.createCommentErrorEvent, async (variables) => {
-    const response = await client.mutate({
+    const response = await apollo_client.apolloClient().mutate({
         mutation: generated.CreateCommentDocument,
         variables,
     });
@@ -42,7 +41,7 @@ const createComment = index.libExports.createAction(comment_events.createComment
     };
 });
 const createReplyComment = index.libExports.createAction(comment_events.createReplyCommentEvent, comment_events.createReplyCommentErrorEvent, async (variables) => {
-    const response = await client.mutate({
+    const response = await apollo_client.apolloClient().mutate({
         mutation: generated.CreateReplyCommentDocument,
         variables,
     });
@@ -54,6 +53,10 @@ const openSubscriptionCommentsStoreAction = index.libExports.createStoreAction(c
     ...prev,
     open,
 }));
+const showCommentStoreAction = index.libExports.createStoreAction(comment_store.showCommentStore, (prev, data) => ({
+    ...prev,
+    ...data,
+}));
 
 exports.createComment = createComment;
 exports.createReplyComment = createReplyComment;
@@ -61,4 +64,5 @@ exports.fetchComments = fetchComments;
 exports.fetchCommentsStoreAction = fetchCommentsStoreAction;
 exports.openSubscriptionCommentsStoreAction = openSubscriptionCommentsStoreAction;
 exports.replyCommentStoreAction = replyCommentStoreAction;
+exports.showCommentStoreAction = showCommentStoreAction;
 //# sourceMappingURL=comment.actions.js.map

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

@@ -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 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;;;;;;;;;"}
+{"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  showCommentStore,\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  ReplyComment,\n} from '@/shared/types/generated.ts';\nimport {\n  createCommentErrorEvent,\n  createCommentEvent,\n  createReplyCommentErrorEvent,\n  createReplyCommentEvent,\n  fetchCommentErrorEvent,\n  fetchCommentsEvent,\n} from './comment.events';\nimport { apolloClient } from '@/shared/apollo/apollo.client.ts';\nimport { ShowCommentStore } from '@/components/comment/comment.types.ts';\n\n\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 apolloClient().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 apolloClient().mutate<\n      CreateCommentMutation,\n      CreateCommentMutationVariables\n    >({\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 apolloClient().mutate<\n      CreateReplyCommentMutation,\n      CreateReplyCommentMutationVariables\n    >({\n      mutation: CreateReplyCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createReplyComment as ReplyComment,\n    };\n  },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n  openSubscriptionCommentsStore,\n  (prev, open: boolean) => ({\n    ...prev,\n    open,\n  }),\n);\n\nexport const showCommentStoreAction = createStoreAction(showCommentStore, (prev, data:ShowCommentStore)=>({\n  ...prev,\n  ...data,\n}));\n"],"names":["createStoreAction","fetchCommentsStore","postStore","replyCommentStore","createAction","fetchCommentsEvent","fetchCommentErrorEvent","apolloClient","CommentsDocument","createCommentEvent","createCommentErrorEvent","CreateCommentDocument","createReplyCommentEvent","createReplyCommentErrorEvent","CreateReplyCommentDocument","openSubscriptionCommentsStore","showCommentStore"],"mappings":";;;;;;;;AAkCO,MAAM,wBAAwB,GAAGA,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,MAAMC,0BAAY,EAAE,CAAC,KAAK,CAAwC;AACjF,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,GAAGJ,6BAAY,CACvCK,iCAAkB,EAClBC,sCAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAMH,0BAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAEI,+BAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAGP,6BAAY,CAC5CQ,sCAAuB,EACvBC,2CAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAMN,0BAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAEO,oCAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkC;KAC3D;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAGd,kCAAiB,CAClEe,2CAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;AAGG,MAAM,sBAAsB,GAAGf,kCAAiB,CAACgB,8BAAgB,EAAE,CAAC,IAAI,EAAE,IAAqB,MAAI;AACxG,IAAA,GAAG,IAAI;AACP,IAAA,GAAG,IAAI;AACR,CAAA,CAAC;;;;;;;;;;"}

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

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

@@ -4,13 +4,7 @@ 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,
-    };
+    return React.useContext(CommentContext.CommentContext);
 };
 
 exports.useComment = useComment;

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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  return useContext(CommentContext);\n};\n"],"names":["useContext","CommentContext"],"mappings":";;;;;AAGO,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,OAAOA,gBAAU,CAACC,6BAAc,CAAC;AACnC;;;;"}

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

@@ -24,9 +24,15 @@ const openSubscriptionCommentsStore = index.libExports.createStore({
         open: false,
     },
 });
+const showCommentStore = index.libExports.createStore({
+    initialValue: {
+        show: false,
+    },
+});
 
 exports.fetchCommentsStore = fetchCommentsStore;
 exports.openSubscriptionCommentsStore = openSubscriptionCommentsStore;
 exports.postStore = postStore;
 exports.replyCommentStore = replyCommentStore;
+exports.showCommentStore = showCommentStore;
 //# sourceMappingURL=comment.store.js.map

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

@@ -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,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;;;;;;;"}
+{"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, ShowCommentStore } 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\nexport const showCommentStore = createStore<ShowCommentStore>({\n  initialValue: {\n    show: false,\n  },\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;AAEM,MAAM,gBAAgB,GAAGA,4BAAW,CAAmB;AAC5D,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;;;;;"}

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

@@ -4,10 +4,13 @@ require('react/jsx-runtime');
 require('react');
 require('../../node_modules/emoji-mart/dist/module.js');
 
-const getCommentPlaceholder = (isAllowed) => {
+const getCommentPlaceholder = (isAllowed, onlyForRegistered, onlyForSubscribers) => {
     if (isAllowed)
         return '';
-    return 'Suscribete para comentar...';
+    if (onlyForRegistered)
+        return 'Registrate para comentar...';
+    if (onlyForSubscribers)
+        return 'Suscribete para comentar...';
 };
 
 exports.getCommentPlaceholder = getCommentPlaceholder;

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

@@ -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;;;;"}
+{"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 = (\n  isAllowed: boolean,\n  onlyForRegistered?: boolean,\n  onlyForSubscribers?: boolean,\n) => {\n  if (isAllowed) return '';\n\n  if (onlyForRegistered) return 'Registrate para comentar...';\n\n  if (onlyForSubscribers) return 'Suscribete para comentar...';\n\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,CACnC,SAAkB,EAClB,iBAA2B,EAC3B,kBAA4B,KAC1B;AACF,IAAA,IAAI,SAAS;AAAE,QAAA,OAAO,EAAE;AAExB,IAAA,IAAI,iBAAiB;AAAE,QAAA,OAAO,6BAA6B;AAE3D,IAAA,IAAI,kBAAkB;AAAE,QAAA,OAAO,6BAA6B;AAE9D;;;;"}

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

@@ -2,21 +2,20 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var ReplyComments = require('./ReplyComments.js');
+var ReplyComments = require('./reply-comment/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 CreateReplyCommentContainer = require('./reply-comment/CreateReplyCommentContainer.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 CommentContainer = ({ comment, commentItemProps = {}, replyCommentItemProps = {}, replyCommentContainerProps = {}, }) => {
     const { commentId } = index.libExports.useStore(comment_store.replyCommentStore);
     const onReply = (r) => {
-        console.log({ r });
         if (comment.id === commentId) {
             comment_actions.replyCommentStoreAction('', 0);
         }
@@ -26,7 +25,7 @@ const CommentContainer = ({ comment }) => {
     };
     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] }));
+    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, commentItemProps: commentItemProps }) }), 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, replyCommentItemProps: replyCommentItemProps }) })) : null, selectedComment ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(CreateReplyCommentContainer.CreateReplyCommentContainer, { ...replyCommentContainerProps }) })) : null] }) })] }) })) : null] }));
 };
 
 exports.CommentContainer = CommentContainer;

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

@@ -1 +1 @@
-{"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;;"}
+{"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 './reply-comment/ReplyComments';\nimport { CommentItem } from './CommentItem';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { replyCommentStore } from '../comment.store';\nimport {\n  CreateReplyCommentContainer,\n  CreateReplyCommentContainerProps,\n} from './reply-comment/CreateReplyCommentContainer';\nimport { replyCommentStoreAction } from '../comment.actions';\nimport { PRIMARY_COLOR } from '@/shared/mui/theme';\nimport { CommentItemExtraProps } from '@/components/comment/comment.types';\n\nexport type CommentContainerProps = {\n  comment: Comment;\n  commentItemProps?: CommentItemExtraProps;\n  replyCommentItemProps?: CommentItemExtraProps;\n  replyCommentContainerProps?: CreateReplyCommentContainerProps;\n};\nexport const CommentContainer: React.FC<CommentContainerProps> = ({\n  comment,\n  commentItemProps = {},\n  replyCommentItemProps = {},\n  replyCommentContainerProps = {},\n}) => {\n  const { commentId } = useStore(replyCommentStore);\n\n  const onReply = (r: Comment | ReplyComment) => {\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} commentItemProps={commentItemProps} />\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                      replyCommentItemProps={replyCommentItemProps}\n                    />\n                  </Grid>\n                ) : null}\n                {selectedComment ? (\n                  <Grid size={12}>\n                    <CreateReplyCommentContainer {...replyCommentContainerProps} />\n                  </Grid>\n                ) : null}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      ) : null}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+BE;AACE;AACE;;;AAEA;;AAKJ;AAEA;AACA;AAEA;AAoCF;;"}

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

@@ -5,7 +5,7 @@ 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 CommentTitleItem = require('./CommentTitleItem.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');
@@ -14,28 +14,33 @@ 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 CommentItem = ({ comment, onReply, commentItemProps = {
+    cardHeaderProps: {},
+    commentTitleProps: {},
+    commentTextProps: {},
+    commentIconProps: {},
+    commentAvatarProps: {},
+}, }) => {
     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: () => {
+    const { cardHeaderProps = {}, commentTitleProps = {}, commentTextProps = {}, commentAvatarProps = {}, commentIconProps = {}, } = commentItemProps;
+    const { sx: sxCardHeaderProps } = cardHeaderProps;
+    const { sx: sxCommentAvatarProps } = commentAvatarProps;
+    return (jsxRuntime.jsxs(Card.default, { children: [jsxRuntime.jsx(CardHeader.default, { sx: {
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                    },
+                    '& > .MuiCardHeader-avatar': {
+                        outline: '1px solid #eaecf1',
+                        borderRadius: '50%',
+                    },
+                    alignItems: 'center',
+                    ...sxCardHeaderProps,
+                }, title: jsxRuntime.jsx(CommentTitleItem.CommentTitleItem, { comment: comment, ...commentTitleProps }), avatar: jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, ...sxCommentAvatarProps }, src: user?.avatar }), action: jsxRuntime.jsxs(Box.default, { display: "flex", alignItems: "center", sx: {
+                        cursor: 'pointer',
+                    }, 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 } }) })] }));
+                    }, children: [jsxRuntime.jsx(Reply.default, { ...commentIconProps }), jsxRuntime.jsxs(Typography.default, { variant: "body2", fontWeight: 700, color: "primary", ...commentTextProps, children: [' ', "Responder"] })] }) }), jsxRuntime.jsx(CardContent.default, { children: jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: comment.message } }) })] }));
 };
 
 exports.CommentItem = CommentItem;