react-easy-wall 2.0.0 → 2.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"comment.events.js","sources":["../../../../src/components/comment/comment.events.ts"],"sourcesContent":["import { createEvent } from '@cobuildlab/react-simple-state';\nimport { Comment, ReplyComment } from '../../shared/types/generated';\n\nexport const fetchCommentsEvent = createEvent<{\n  comments: Comment[];\n  count: number;\n}>({\n  initialValue: {\n    comments: [],\n    count: 0,\n  },\n});\n\nexport const fetchCommentErrorEvent = createEvent();\n\nexport const createCommentEvent = createEvent<{ comment: Comment | undefined }>({\n  initialValue: {\n    comment: undefined,\n  },\n});\nexport const createCommentErrorEvent = createEvent();\n\nexport const createReplyCommentEvent = createEvent<{\n  comment: ReplyComment | undefined;\n}>({\n  initialValue: {\n    comment: undefined,\n  },\n});\nexport const createReplyCommentErrorEvent = createEvent();\n"],"names":["createEvent"],"mappings":";;;;AAGO,MAAM,kBAAkB,GAAGA,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

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

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

@@ -0,0 +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  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

@@ -0,0 +1,38 @@
+'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,
+    },
+});
+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

@@ -0,0 +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, 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

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

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

@@ -0,0 +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 = (\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

@@ -0,0 +1,32 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+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 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, commentItemProps = {}, replyCommentItemProps = {}, replyCommentContainerProps = {}, }) => {
+    const { commentId } = index.libExports.useStore(comment_store.replyCommentStore);
+    const onReply = (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, 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;
+//# sourceMappingURL=CommentContainer.js.map

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

@@ -0,0 +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 './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

@@ -0,0 +1,47 @@
+"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 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');
+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 CommentItem = ({ comment, onReply, commentItemProps = {
+    cardHeaderProps: {},
+    commentTitleProps: {},
+    commentTextProps: {},
+    commentIconProps: {},
+    commentAvatarProps: {},
+}, }) => {
+    const { user } = comment;
+    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, { ...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;
+//# sourceMappingURL=CommentItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem.js","sources":["../../../../../src/components/comment/components/CommentItem.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Comment, ReplyComment } from '@/shared/types/generated';\nimport { Avatar, Box, Card, CardContent, CardHeader, Typography } from '@mui/material';\nimport moment from 'moment/moment';\nimport ReplyIcon from '@mui/icons-material/Reply';\nimport 'moment/locale/es';\nimport { CommentTitleItem } from '@/components/comment/components/CommentTitleItem';\nimport { CommentItemExtraProps } from '@/components/comment/comment.types';\n\nmoment.locale('es');\n\ntype CommentItemProps = {\n  commentItemProps?: CommentItemExtraProps;\n  comment: Comment | ReplyComment;\n  onReply: (comment: Comment | ReplyComment) => void;\n};\nexport const CommentItem: React.FC<CommentItemProps> = ({\n  comment,\n  onReply,\n  commentItemProps = {\n    cardHeaderProps: {},\n    commentTitleProps: {},\n    commentTextProps: {},\n    commentIconProps: {},\n    commentAvatarProps: {},\n  },\n}) => {\n  const { user } = comment;\n  const {\n    cardHeaderProps = {},\n    commentTitleProps = {},\n    commentTextProps = {},\n    commentAvatarProps = {},\n    commentIconProps = {},\n  } = commentItemProps;\n\n  const { sx: sxCardHeaderProps } = cardHeaderProps;\n  const { sx: sxCommentAvatarProps } = commentAvatarProps;\n\n  return (\n    <Card>\n      <CardHeader\n        sx={{\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          ...sxCardHeaderProps,\n        }}\n        title={<CommentTitleItem comment={comment} {...commentTitleProps} />}\n        avatar={\n          <Avatar\n            sx={{ width: 40, height: 40, ...sxCommentAvatarProps }}\n            src={user?.avatar as string}\n          />\n        }\n        action={\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            sx={{\n              cursor: 'pointer',\n            }}\n            onClick={() => {\n              onReply(comment);\n            }}>\n            <ReplyIcon {...commentIconProps} />\n            <Typography variant=\"body2\" fontWeight={700} color=\"primary\" {...commentTextProps}>\n              {' '}\n              Responder\n            </Typography>\n          </Box>\n        }\n      />\n      <CardContent>\n        <div dangerouslySetInnerHTML={{ __html: comment.message as string }}></div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["moment"],"mappings":";;;;;;;;;;;;;;;AAWAA;AAOO;AAIH;AACA;AACA;AACA;AACA;AACD;AAED;;AASA;AACA;;AAMQ;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACA;;AAcI;;;;AAkBd;;"}

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

@@ -0,0 +1,34 @@
+"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 comment_hooks = require('../comment.hooks.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 = ({ dialogProps = {}, dialogTextProps = {}, }) => {
+    const { onlyForRegistered, onlyForSubscribers } = comment_hooks.useComment();
+    const { open } = index.libExports.useStore(comment_store.openSubscriptionCommentsStore);
+    let title = '';
+    let url = '';
+    let content = '';
+    if (onlyForRegistered) {
+        title = 'REGISTRARME';
+        url = `${index$1.URL_PORTAL}/autenticacion?action=AUTH_REGISTER`;
+        content = 'Debes estar registrado para poder realizar un comentario';
+    }
+    if (onlyForSubscribers) {
+        title = 'SUSCRIBIRTE';
+        url = `${index$1.URL_PORTAL}/planes`;
+        content = 'Debes tener una suscripción activa para poder realizar un comentario';
+    }
+    return (jsxRuntime.jsx(DialogDefault.DialogDefault, { isOpen: open, showActions: true, handleClose: () => comment_actions.openSubscriptionCommentsStoreAction(false), successText: title, handleSuccess: () => (window.location.href = url), ...dialogProps, children: jsxRuntime.jsx(Box.default, { px: 2, textAlign: "center", children: jsxRuntime.jsx(Typography.default, { fontSize: 20, fontWeight: 700, ...dialogTextProps, children: content }) }) }));
+};
+
+exports.CommentSubscriptionDialog = CommentSubscriptionDialog;
+//# sourceMappingURL=CommentSubscriptionDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSubscriptionDialog.js","sources":["../../../../../src/components/comment/components/CommentSubscriptionDialog.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { DialogDefault, DialogDefaultProps } 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, TypographyProps } from '@mui/material';\nimport { useComment } from '@/components/comment/comment.hooks';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport type CommentSubscriptionDialogProps = {\n  dialogProps?: Omit<DialogDefaultProps, 'isOpen' | 'children'>;\n  dialogTextProps?: TypographyProps;\n};\n\nexport const CommentSubscriptionDialog: React.FC<CommentSubscriptionDialogProps> = ({\n  dialogProps = {},\n  dialogTextProps = {},\n}) => {\n  const { onlyForRegistered, onlyForSubscribers } = useComment();\n  const { open } = useStore(openSubscriptionCommentsStore);\n  let title = '';\n  let url = '';\n  let content = '';\n  if (onlyForRegistered) {\n    title = 'REGISTRARME';\n    url = `${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`;\n    content = 'Debes estar registrado para poder realizar un comentario';\n  }\n\n  if (onlyForSubscribers) {\n    title = 'SUSCRIBIRTE';\n    url = `${URL_PORTAL}/planes`;\n    content = 'Debes tener una suscripción activa para poder realizar un comentario';\n  }\n\n  return (\n    <DialogDefault\n      isOpen={open}\n      showActions\n      handleClose={() => openSubscriptionCommentsStoreAction(false)}\n      successText={title}\n      handleSuccess={() => (window.location.href = url)}\n      {...dialogProps}>\n      <Box px={2} textAlign=\"center\">\n        <Typography fontSize={20} fontWeight={700} {...dialogTextProps}>\n          {content}\n        </Typography>\n      </Box>\n    </DialogDefault>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBO;;;;;;;;AAWH;;;;;AAMA;;;AAIF;AAeF;;"}

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

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var moment = require('../../../_virtual/moment.js');
+var Box = require('../../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const CommentTitleItem = ({ comment, commentTitleProps = {}, commentBodyProps = {}, }) => {
+    const { user } = comment;
+    return (jsxRuntime.jsxs(Box.default, { display: "flex", children: [jsxRuntime.jsx(Typography.default, { variant: "body1", fontWeight: 700, mr: 1, fontSize: 14, ...commentTitleProps, children: user?.name }), jsxRuntime.jsx(Typography.default, { variant: "body1", fontSize: 14, ...commentBodyProps, children: moment.default(parseInt(comment.created_at)).fromNow() })] }));
+};
+
+exports.CommentTitleItem = CommentTitleItem;
+//# sourceMappingURL=CommentTitleItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentTitleItem.js","sources":["../../../../../src/components/comment/components/CommentTitleItem.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography } from '@mui/material';\nimport { Comment, ReplyComment } from '@/shared/types/generated';\nimport moment from 'moment';\nimport { CommentTitleItemExtraProps } from '@/components/comment/comment.types';\n\nexport interface CommentTitleItemProps extends CommentTitleItemExtraProps{\n  comment: Comment | ReplyComment;\n}\n\nexport const CommentTitleItem: React.FC<CommentTitleItemProps> = ({\n  comment,\n  commentTitleProps = {},\n  commentBodyProps = {},\n}) => {\n  const { user } = comment;\n\n  return (\n    <Box display=\"flex\">\n      <Typography variant=\"body1\" fontWeight={700} mr={1} fontSize={14} {...commentTitleProps}>\n        {user?.name}\n      </Typography>\n      <Typography variant=\"body1\" fontSize={14} {...commentBodyProps}>\n        {moment(parseInt(comment.created_at as string)).fromNow()}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO;AAKL;AAEA;AAUF;;"}

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

@@ -0,0 +1,28 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var comment_actions = require('../comment.actions.js');
+var index = require('../../../_virtual/index.js');
+var comment_store = require('../comment.store.js');
+var Button = require('../../../node_modules/@mui/material/esm/Button/Button.js');
+
+const ShowCommentButton = ({ showCommentButtonProps = {}, enabledText = 'Ocultar comentarios', disabledText = 'Comentarios', }) => {
+    const { sx: sxShowCommentProps, onClick: onShowCommentClick, ...showCommentRestProps } = showCommentButtonProps;
+    const { show } = index.libExports.useStore(comment_store.showCommentStore);
+    return (jsxRuntime.jsx(Button.default, { disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, sx: {
+            borderRadius: 8,
+            width: 280,
+            height: 50,
+            fontSize: 16,
+            fontWeight: 700,
+            ...sxShowCommentProps,
+        }, onClick: (event) => {
+            if (onShowCommentClick)
+                onShowCommentClick(event);
+            return comment_actions.showCommentStoreAction({ show: !show });
+        }, ...showCommentRestProps, children: show ? enabledText : disabledText }));
+};
+
+exports.ShowCommentButton = ShowCommentButton;
+//# sourceMappingURL=ShowCommentButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowCommentButton.js","sources":["../../../../../src/components/comment/components/ShowCommentButton.tsx"],"sourcesContent":["'use client'\n\nimport { Button, ButtonProps } from '@mui/material';\nimport React from 'react';\nimport { showCommentStoreAction } from '@/components/comment/comment.actions';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { showCommentStore } from '@/components/comment/comment.store';\n\nexport type ShowCommentButtonProps = {\n  showCommentButtonProps?: ButtonProps;\n  enabledText?: string;\n  disabledText?: string;\n};\n\nexport const ShowCommentButton: React.FC<ShowCommentButtonProps> = ({\n  showCommentButtonProps = {},\n  enabledText = 'Ocultar comentarios',\n  disabledText = 'Comentarios',\n}) => {\n  const {\n    sx: sxShowCommentProps,\n    onClick: onShowCommentClick,\n    ...showCommentRestProps\n  } = showCommentButtonProps;\n\n  const { show } = useStore(showCommentStore);\n\n  return (\n    <Button\n      disableFocusRipple\n      disableRipple\n      disableTouchRipple\n      sx={{\n        borderRadius: 8,\n        width: 280,\n        height: 50,\n        fontSize: 16,\n        fontWeight: 700,\n        ...sxShowCommentProps,\n      }}\n      onClick={(event) => {\n        if (onShowCommentClick) onShowCommentClick(event);\n\n        return showCommentStoreAction({ show: !show });\n      }}\n      {...showCommentRestProps}>\n      {show ? enabledText : disabledText}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO;AAKL;;;AAcM;AACA;AACA;AACA;AACA;AACA;AACD;AAEC;;;AAGF;AAKN;;"}

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

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../_virtual/index.js');
+var comment_store = require('../comment.store.js');
+var comment_hooks = require('../comment.hooks.js');
+var Grid = require('../../../node_modules/@mui/material/esm/Grid/Grid.js');
+var Paper = require('../../../node_modules/@mui/material/esm/Paper/Paper.js');
+var Typography = require('../../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const ShowMoreComments = () => {
+    const { comments, count } = index.libExports.useStore(comment_store.fetchCommentsStore);
+    const { loading, loadMoreComments } = comment_hooks.useComment();
+    return count > comments.length ? (jsxRuntime.jsx(Grid.default, { size: 12, children: jsxRuntime.jsx(Paper.default, { elevation: 1, sx: { cursor: 'pointer' }, onClick: () => loadMoreComments(), children: jsxRuntime.jsx(Typography.default, { p: 1, textAlign: "center", children: loading ? 'Cargando...' : 'Ver más comentarios' }) }) })) : null;
+};
+
+exports.ShowMoreComments = ShowMoreComments;
+//# sourceMappingURL=ShowMoreComments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreComments.js","sources":["../../../../../src/components/comment/components/ShowMoreComments.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Grid, Paper, Typography } from '@mui/material';\nimport { useStore } from '@cobuildlab/react-simple-state';\nimport { fetchCommentsStore } from '../comment.store';\nimport { useComment } from '../comment.hooks';\n\nexport const ShowMoreComments: React.FC = () => {\n  const { comments, count } = useStore(fetchCommentsStore);\n\n  const { loading, loadMoreComments } = useComment();\n\n  return count > comments.length ? (\n    <Grid size={12}>\n      <Paper elevation={1} sx={{ cursor: 'pointer' }} onClick={() => loadMoreComments()}>\n        <Typography p={1} textAlign=\"center\">\n          {loading ? 'Cargando...' : 'Ver más comentarios'}\n        </Typography>\n      </Paper>\n    </Grid>\n  ) : null;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAQO;;;AAKL;AASF;;"}

package/dist/cjs/components/comment/components/create-comment/CreateComment.js

@@ -0,0 +1,74 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+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 theme = require('../../../../shared/mui/theme.js');
+var ButtonDefault = require('../../../../shared/components/buttons/ButtonDefault.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');
+var Typography = require('../../../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, }) => {
+    const { user, subscription } = session_hooks.useSession();
+    const [html, setHtml] = React.useState('');
+    const { callAction, postId, onlyForRegistered, onlyForSubscribers } = comment_hooks.useComment();
+    const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;
+    const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;
+    const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;
+    const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createComment, {
+        onCompleted: () => {
+            setHtml('');
+            callAction();
+        },
+    });
+    const canRegistered = onlyForRegistered && user;
+    const canSubscriber = onlyForSubscribers && subscription;
+    const canComment = canRegistered || canSubscriber;
+    return (jsxRuntime.jsx(Card.default, { elevation: 0, children: jsxRuntime.jsxs(Box.default, { sx: { display: { xs: 'block', md: 'flex' } }, children: [user ? (jsxRuntime.jsxs(Box.default, { sx: {
+                        xs: {
+                            marginRight: 0,
+                            marginBottom: 10,
+                            display: 'flex',
+                            alignItems: 'center',
+                            alignContent: 'center',
+                        },
+                        md: {
+                            marginRight: 10,
+                        },
+                    }, children: [jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, marginRight: 1, ...sxCreateCommentAvatarProps }, src: user?.avatar }), jsxRuntime.jsx(Box.default, { sx: { display: { xs: 'block', md: 'none' } }, children: jsxRuntime.jsx(Typography.default, { sx: {
+                                    fontSize: 14,
+                                    fontWeight: 700,
+                                    ...sxCreateCommentNameTextProps,
+                                }, 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), ...createCommentContentProps }) }), jsxRuntime.jsx(Box.default, { sx: {
+                        marginLeft: 10,
+                        [theme.theme.breakpoints.down('md')]: {
+                            marginLeft: 0,
+                            marginTop: 10,
+                        },
+                    }, children: jsxRuntime.jsx(ButtonDefault.ButtonDefault, { onClick: () => {
+                            if (!canComment)
+                                return comment_actions.openSubscriptionCommentsStoreAction(true);
+                            callCreateComment({
+                                data: {
+                                    message: html,
+                                    post_id: postId,
+                                },
+                            });
+                        }, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
+                            minWidth: 130,
+                            '&:disabled': {
+                                backgroundColor: '#8B8B8B !important',
+                            },
+                            ...sxCreateCommentButtonProps,
+                        }, children: "Comentar" }) })] }) }));
+};
+
+exports.CreateComment = CreateComment;
+//# sourceMappingURL=CreateComment.js.map

package/dist/cjs/components/comment/components/create-comment/CreateComment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n  Avatar,\n  AvatarProps,\n  Box,\n  ButtonProps,\n  Card,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { useComment } from '../../comment.hooks';\nimport {\n  ReactSimpleWysiwyg,\n  ReactSimpleWysiwygProps,\n} 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 '@/shared/mui/theme';\nimport { ButtonDefault } from '@/shared/components/buttons/ButtonDefault';\n\nexport type CreateCommentProps = {\n  createCommentAvatarProps?: AvatarProps;\n  createCommentNameTextProps?: TypographyProps;\n  createCommentButtonProps?: ButtonProps;\n  createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;\n};\n\nexport const CreateComment: React.FC<CreateCommentProps> = ({\n  createCommentAvatarProps = {},\n  createCommentNameTextProps = {},\n  createCommentButtonProps = {},\n  createCommentContentProps = {},\n}) => {\n  const { user, subscription } = useSession();\n  const [html, setHtml] = useState<string>('');\n  const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();\n  const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;\n  const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;\n  const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;\n\n  const [callCreateComment, loading] = useCallAction(createComment, {\n    onCompleted: () => {\n      setHtml('');\n      callAction();\n    },\n  });\n\n  const canRegistered = onlyForRegistered && user;\n  const canSubscriber = onlyForSubscribers && subscription;\n\n  const canComment = canRegistered || canSubscriber;\n\n  return (\n    <Card elevation={0}>\n      <Box sx={{ display: { xs: 'block', md: 'flex' } }}>\n        {user ? (\n          <Box\n            sx={{\n              xs: {\n                marginRight: 0,\n                marginBottom: 10,\n                display: 'flex',\n                alignItems: 'center',\n                alignContent: 'center',\n              },\n              md: {\n                marginRight: 10,\n              },\n            }}>\n            <Avatar\n              sx={{ width: 40, height: 40, marginRight: 1, ...sxCreateCommentAvatarProps }}\n              src={user?.avatar as string}\n            />\n            <Box sx={{ display: { xs: 'block', md: 'none' } }}>\n              <Typography\n                sx={{\n                  fontSize: 14,\n                  fontWeight: 700,\n                  ...sxCreateCommentNameTextProps,\n                }}\n                mb={1}>\n                {user?.name}\n              </Typography>\n            </Box>\n          </Box>\n        ) : null}\n        {\n          <Box component={'div'} style={{ width: '100%' }}>\n            <ReactSimpleWysiwyg\n              value={html}\n              onChange={(value) => setHtml(value)}\n              {...createCommentContentProps}\n            />\n          </Box>\n        }\n        {\n          <Box\n            sx={{\n              marginLeft: 10,\n              [theme.breakpoints.down('md')]: {\n                marginLeft: 0,\n                marginTop: 10,\n              },\n            }}>\n            <ButtonDefault\n              onClick={() => {\n                if (!canComment) return openSubscriptionCommentsStoreAction(true);\n                callCreateComment({\n                  data: {\n                    message: html,\n                    post_id: postId,\n                  },\n                });\n              }}\n              color={!subscription ? 'primary' : 'inherit'}\n              isLoading={loading}\n              sx={{\n                minWidth: 130,\n                '&:disabled': {\n                  backgroundColor: '#8B8B8B !important',\n                },\n                ...sxCreateCommentButtonProps,\n              }}>\n              Comentar\n            </ButtonDefault>\n          </Box>\n        }\n      </Box>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqCE;AACA;AACA;AACA;;;;AAKI;;AAEH;AAED;AACA;AAEA;AAEA;AAMY;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACD;;AASG;AACA;AACA;;AAoBJ;;AAEE;AACA;AACD;AACF;AAGG;AAAiB;AACjB;AACE;AACE;AACA;AACD;AACF;AACH;AAIE;AACA;AACE;AACD;AACD;AACD;AAQf;;"}

package/dist/cjs/components/comment/components/create-comment/CreateCommentAction.js

@@ -0,0 +1,53 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var session_hooks = require('../../../session/session.hooks.js');
+var theme = require('../../../../shared/mui/theme.js');
+var index = require('../../../../shared/constants/index.js');
+var Box = require('../../../../node_modules/@mui/material/esm/Box/Box.js');
+var Button = require('../../../../node_modules/@mui/material/esm/Button/Button.js');
+var Divider = require('../../../../node_modules/@mui/material/esm/Divider/Divider.js');
+
+const CreateCommentAction = ({ loginButtonProps = {}, registerButtonProps = {}, subscriptionButtonProps = {}, }) => {
+    const { user, subscription } = session_hooks.useSession();
+    const { sx: sxLoginButtonProps } = loginButtonProps;
+    const { sx: sxRegisterButtonProps } = registerButtonProps;
+    const { sx: sxSubscriptionButtonProps } = subscriptionButtonProps;
+    const redirectTo = (url) => {
+        const redirectUrl = new URL(url);
+        redirectUrl.searchParams.append('redirect_url', window.location.href);
+        window.location.href = redirectUrl.href;
+    };
+    if (!user) {
+        return (jsxRuntime.jsxs(Box.default, { display: "flex", children: [jsxRuntime.jsx(Button.default, { disableElevation: true, disableFocusRipple: true, disableTouchRipple: true, disableRipple: true, sx: {
+                        cursor: 'pointer',
+                        textDecoration: 'underline',
+                        paddingLeft: theme.theme.spacing(0.5),
+                        paddingRight: theme.theme.spacing(0.5),
+                        fontWeight: 700,
+                        ...sxLoginButtonProps,
+                    }, 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(Button.default, { disableElevation: true, disableFocusRipple: true, disableTouchRipple: true, disableRipple: true, sx: {
+                        cursor: 'pointer',
+                        textDecoration: 'underline',
+                        paddingLeft: theme.theme.spacing(0.5),
+                        paddingRight: theme.theme.spacing(0.5),
+                        fontWeight: 700,
+                        ...sxRegisterButtonProps,
+                    }, onClick: () => redirectTo(`${index.URL_PORTAL}/autenticacion?action=AUTH_REGISTER`), children: "Registrate" })] }));
+    }
+    if (!subscription) {
+        return (jsxRuntime.jsx(Box.default, { display: "flex", children: jsxRuntime.jsx(Box.default, { sx: {
+                    cursor: 'pointer',
+                    textDecoration: 'underline',
+                    paddingLeft: theme.theme.spacing(0.5),
+                    paddingRight: theme.theme.spacing(0.5),
+                    fontWeight: 700,
+                    ...sxSubscriptionButtonProps,
+                }, component: 'a', href: `${index.URL_PORTAL}/planes?post_url=${index.URL_PORTAL}${window.location.href}`, children: "Suscr\u00EDbete" }) }));
+    }
+    return null;
+};
+
+exports.CreateCommentAction = CreateCommentAction;
+//# sourceMappingURL=CreateCommentAction.js.map

package/dist/cjs/components/comment/components/create-comment/CreateCommentAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCommentAction.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentAction.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Button, ButtonProps, Divider } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\nimport { theme } from '@/shared/mui/theme';\nimport {URL_PORTAL} from \"@/shared/constants\";\n\nexport type CreateCommentTitleItemProps = {\n  loginButtonProps?: ButtonProps;\n  registerButtonProps?: ButtonProps;\n  subscriptionButtonProps?: ButtonProps;\n};\n\nexport const CreateCommentAction: React.FC<CreateCommentTitleItemProps> = ({\n  loginButtonProps = {},\n  registerButtonProps = {},\n  subscriptionButtonProps = {},\n}) => {\n  const { user, subscription } = useSession();\n  const { sx: sxLoginButtonProps } = loginButtonProps;\n  const { sx: sxRegisterButtonProps } = registerButtonProps;\n  const { sx: sxSubscriptionButtonProps } = subscriptionButtonProps;\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  if (!user) {\n    return (\n      <Box display=\"flex\">\n        <Button\n          disableElevation\n          disableFocusRipple\n          disableTouchRipple\n          disableRipple\n          sx={{\n            cursor: 'pointer',\n            textDecoration: 'underline',\n            paddingLeft: theme.spacing(0.5),\n            paddingRight: theme.spacing(0.5),\n            fontWeight: 700,\n            ...sxLoginButtonProps,\n          }}\n          onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_LOGIN`)}>\n          Iniciar sesión\n        </Button>\n        <Divider orientation=\"vertical\" flexItem sx={{ mr: 1, ml: 1 }} />\n        <Button\n          disableElevation\n          disableFocusRipple\n          disableTouchRipple\n          disableRipple\n          sx={{\n            cursor: 'pointer',\n            textDecoration: 'underline',\n            paddingLeft: theme.spacing(0.5),\n            paddingRight: theme.spacing(0.5),\n            fontWeight: 700,\n            ...sxRegisterButtonProps,\n          }}\n          onClick={() => redirectTo(`${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`)}>\n          Registrate\n        </Button>\n      </Box>\n    );\n  }\n\n  if (!subscription) {\n    return (\n      <Box display=\"flex\">\n        <Box\n          sx={{\n            cursor: 'pointer',\n            textDecoration: 'underline',\n            paddingLeft: theme.spacing(0.5),\n            paddingRight: theme.spacing(0.5),\n            fontWeight: 700,\n            ...sxSubscriptionButtonProps,\n          }}\n          component={'a'}\n          href={`${URL_PORTAL}/planes?post_url=${URL_PORTAL}${window.location.href}`}>\n          Suscríbete\n        </Box>\n      </Box>\n    );\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAcO;;AAML;AACA;AACA;AACA;AACE;AACA;;AAEF;;;AAWU;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACD;;;AASP;AAIQ;AACA;AACA;AACA;AACA;AACA;;;AAUV;AACF;;"}

package/dist/cjs/components/comment/components/create-comment/CreateCommentContainer.js

@@ -0,0 +1,28 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var CreateComment = require('./CreateComment.js');
+var theme = require('../../../../shared/mui/theme.js');
+var CreateCommentTitle = require('./CreateCommentTitle.js');
+var CreateCommentAction = require('./CreateCommentAction.js');
+var Card = require('../../../../node_modules/@mui/material/esm/Card/Card.js');
+var CardHeader = require('../../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js');
+var CardContent = require('../../../../node_modules/@mui/material/esm/CardContent/CardContent.js');
+
+const CreateCommentContainer = ({ createCommentTitleProps = {}, cardContentProps = {}, cardHeaderProps = {}, cardProps = {}, createCommentActionProps = {}, createCommentProps = {}, }) => {
+    const { sx: sxCardHeaderProps } = cardHeaderProps;
+    return (jsxRuntime.jsxs(Card.default, { elevation: 1, sx: { px: 2, pt: 2 }, ...cardProps, children: [jsxRuntime.jsx(CardHeader.default, { title: jsxRuntime.jsx(CreateCommentTitle.CreateCommentTitle, { createCommentTitleProps: createCommentTitleProps }), sx: {
+                    p: 0,
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                        marginBottom: theme.theme.spacing(1),
+                    },
+                    alignItems: 'center',
+                    ...sxCardHeaderProps,
+                }, action: jsxRuntime.jsx(CreateCommentAction.CreateCommentAction, { ...createCommentActionProps }) }), jsxRuntime.jsx(CardContent.default, { sx: { p: 0 }, ...cardContentProps, children: jsxRuntime.jsx(CreateComment.CreateComment, { ...createCommentProps }) })] }));
+};
+
+exports.CreateCommentContainer = CreateCommentContainer;
+//# sourceMappingURL=CreateCommentContainer.js.map

package/dist/cjs/components/comment/components/create-comment/CreateCommentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCommentContainer.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentContainer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  TypographyProps,\n  CardHeaderProps,\n  CardProps,\n  CardContentProps,\n} from '@mui/material';\nimport { CreateComment, CreateCommentProps } from './CreateComment';\nimport { theme } from '@/shared/mui/theme';\nimport { CreateCommentTitle } from '@/components/comment/components/create-comment/CreateCommentTitle';\nimport {\n  CreateCommentAction,\n  CreateCommentTitleItemProps,\n} from '@/components/comment/components/create-comment/CreateCommentAction';\n\nexport type CreateCommentContainerProps = {\n  createCommentTitleProps?: TypographyProps;\n  cardHeaderProps?: CardHeaderProps;\n  cardProps?: CardProps;\n  cardContentProps?: CardContentProps;\n  createCommentActionProps?: CreateCommentTitleItemProps;\n  createCommentProps?: CreateCommentProps;\n};\n\nexport const CreateCommentContainer: React.FC<CreateCommentContainerProps> = ({\n  createCommentTitleProps = {},\n  cardContentProps = {},\n  cardHeaderProps = {},\n  cardProps = {},\n  createCommentActionProps = {},\n  createCommentProps = {},\n}) => {\n  const { sx: sxCardHeaderProps } = cardHeaderProps;\n\n  return (\n    <Card elevation={1} sx={{ px: 2, pt: 2 }} {...cardProps}>\n      <CardHeader\n        title={<CreateCommentTitle createCommentTitleProps={createCommentTitleProps} />}\n        sx={{\n          p: 0,\n          '& > .MuiCardHeader-action': {\n            marginTop: 0,\n            marginRight: 0,\n            marginBottom: theme.spacing(1),\n          },\n          alignItems: 'center',\n          ...sxCardHeaderProps,\n        }}\n        action={<CreateCommentAction {...createCommentActionProps} />}\n      />\n      <CardContent sx={{ p: 0 }} {...cardContentProps}>\n        <CreateComment {...createCommentProps} />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;AAQL;AAEA;AAKQ;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACD;AAQT;;"}

package/dist/cjs/components/comment/components/create-comment/CreateCommentTitle.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var session_hooks = require('../../../session/session.hooks.js');
+var Box = require('../../../../node_modules/@mui/material/esm/Box/Box.js');
+var Typography = require('../../../../node_modules/@mui/material/esm/Typography/Typography.js');
+
+const CreateCommentTitle = ({ createCommentTitleProps = {}, }) => {
+    const { user } = session_hooks.useSession();
+    if (!user)
+        return null;
+    return (jsxRuntime.jsx(Box.default, { sx: { display: { xs: 'none', lg: 'block' } }, children: jsxRuntime.jsx(Typography.default, { variant: "body1", fontWeight: 700, mb: 1, fontSize: 14, ...createCommentTitleProps, children: user?.name }) }));
+};
+
+exports.CreateCommentTitle = CreateCommentTitle;
+//# sourceMappingURL=CreateCommentTitle.js.map

package/dist/cjs/components/comment/components/create-comment/CreateCommentTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCommentTitle.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateCommentTitle.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react';\nimport { Box, Typography, TypographyProps } from '@mui/material';\nimport { useSession } from '@/components/session/session.hooks';\n\nexport type CreateCommentTitleProps = {\n  createCommentTitleProps?: TypographyProps;\n};\n\nexport const CreateCommentTitle: React.FC<CreateCommentTitleProps> = ({\n  createCommentTitleProps = {},\n}) => {\n  const { user } = useSession();\n\n  if (!user) return null;\n\n  return (\n    <Box sx={{ display: { xs: 'none', lg: 'block' } }}>\n      <Typography\n        variant=\"body1\"\n        fontWeight={700}\n        mb={1}\n        fontSize={14}\n        {...createCommentTitleProps}>\n        {user?.name}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAUO;AAGL;AAEA;AAAW;;AAcb;;"}

package/dist/cjs/components/comment/components/reply-comment/CreateReplyComment.js

@@ -0,0 +1,59 @@
+"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 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 CreateReplyComment = ({ createReplyCommentAvatarProps = {}, createReplyCommentButtonProps = {}, }) => {
+    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 { sx: sxCreateReplyCommentAvatarProps } = createReplyCommentAvatarProps;
+    const { sx: sxCreateReplyCommentButtonProps } = createReplyCommentButtonProps;
+    const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createReplyComment, {
+        onCompleted: () => {
+            callAction();
+            comment_actions.replyCommentStoreAction('', 0);
+        },
+    });
+    return (jsxRuntime.jsx(index_es.EditorProvider, { children: jsxRuntime.jsx(Card.default, { elevation: 0, children: jsxRuntime.jsx(CardHeader.default, { sx: {
+                    p: 0,
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                    },
+                    '& > .MuiCardHeader-avatar': {
+                        outline: '1px solid #eaecf1',
+                        borderRadius: '50%',
+                    },
+                }, avatar: user ? (jsxRuntime.jsx(Avatar.default, { sx: { width: 40, height: 40, ...sxCreateReplyCommentAvatarProps }, 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, { disableFocusRipple: true, disableRipple: true, disableTouchRipple: true, 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, sx: {
+                            minWidth: 130,
+                            ...sxCreateReplyCommentButtonProps,
+                        }, children: "Comentar" }) }) }) }) }));
+};
+
+exports.CreateReplyComment = CreateReplyComment;
+//# sourceMappingURL=CreateReplyComment.js.map

package/dist/cjs/components/comment/components/reply-comment/CreateReplyComment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateReplyComment.js","sources":["../../../../../../src/components/comment/components/reply-comment/CreateReplyComment.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react';\nimport {\n  Avatar,\n  AvatarProps,\n  Box,\n  ButtonProps,\n  Card,\n  CardHeader,\n} from '@mui/material';\nimport { EditorProvider } from 'react-simple-wysiwyg';\nimport { ButtonDefault } from '@/shared/components/buttons/ButtonDefault';\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\nexport type CreateReplyCommentProps = {\n  createReplyCommentAvatarProps?: AvatarProps;\n  createReplyCommentButtonProps?: ButtonProps;\n};\n\nexport const CreateReplyComment: React.FC<CreateReplyCommentProps> = ({\n  createReplyCommentAvatarProps = {},\n  createReplyCommentButtonProps = {},\n}) => {\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 { sx: sxCreateReplyCommentAvatarProps } = createReplyCommentAvatarProps;\n  const { sx: sxCreateReplyCommentButtonProps } = createReplyCommentButtonProps;\n\n  const [callCreateComment, loading] = useCallAction(createReplyComment, {\n    onCompleted: () => {\n      callAction();\n      replyCommentStoreAction('', 0);\n    },\n  });\n\n  return (\n    <EditorProvider>\n      <Card elevation={0}>\n        <CardHeader\n          sx={{\n            p: 0,\n            '& > .MuiCardHeader-action': {\n              marginTop: 0,\n              marginRight: 0,\n            },\n            '& > .MuiCardHeader-avatar': {\n              outline: '1px solid #eaecf1',\n              borderRadius: '50%',\n            },\n          }}\n          avatar={\n            user ? (\n              <Avatar\n                sx={{ width: 40, height: 40, ...sxCreateReplyCommentAvatarProps }}\n                src={user?.avatar as string}\n              />\n            ) : null\n          }\n          title={<ReactSimpleWysiwyg value={html} onChange={(value) => setHtml(value)} />}\n          action={\n            <Box ml={2}>\n              <ButtonDefault\n                disableFocusRipple\n                disableRipple\n                disableTouchRipple\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                      comment_id: commentId,\n                    },\n                  });\n                }}\n                color=\"primary\"\n                isLoading={loading}\n                sx={{\n                  minWidth: 130,\n                  ...sxCreateReplyCommentButtonProps,\n                }}>\n                Comentar\n              </ButtonDefault>\n            </Box>\n          }\n        />\n      </Card>\n    </EditorProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BO;;;;;AASL;AACA;;;AAII;AACA;;AAEH;AAED;AAKU;AACA;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AAkBO;AAAmB;AAEnB;AACE;AACE;AACA;AACA;AACD;AACF;;AAKD;AACA;AACD;AASjB;;"}