react-easy-wall 3.5.11 → 3.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/comment/components/create-comment/CreateComment.js +32 -24
- package/dist/cjs/components/comment/components/create-comment/CreateComment.js.map +1 -1
- package/dist/cjs/components/comment/components/create-comment/CreateCommentTitle.js +1 -1
- package/dist/cjs/components/comment/components/create-comment/CreateCommentTitle.js.map +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateComment.js +32 -24
- package/dist/esm/components/comment/components/create-comment/CreateComment.js.map +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateCommentTitle.js +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateCommentTitle.js.map +1 -1
- package/dist/esm/types/components/comment/components/create-comment/CreateComment.d.ts +2 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -5,23 +5,35 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var comment_hooks = require('../../comment.hooks.js');
|
|
7
7
|
var ReactSimpleWysiwyg = require('../../../../shared/components/react-editor/ReactSimpleWysiwyg.js');
|
|
8
|
-
|
|
8
|
+
require('next/headers');
|
|
9
|
+
require('../../../../shared/types/generated.js');
|
|
10
|
+
require('@apollo/client');
|
|
11
|
+
require('@apollo/client-integration-nextjs');
|
|
12
|
+
require('../../../session/session.constants.js');
|
|
13
|
+
require('../../../session/SessionUserContext.js');
|
|
14
|
+
require('../../../../shared/mui/theme.js');
|
|
15
|
+
require('../../../../shared/cookies/index.js');
|
|
9
16
|
var index = require('../../../../_virtual/index.js');
|
|
17
|
+
require('../../../session/session.events.js');
|
|
18
|
+
require('../../../session/session.actions.js');
|
|
19
|
+
require('../../../../shared/constants/index.js');
|
|
20
|
+
require('../../../../node_modules/@react-oauth/google/dist/index.esm.js');
|
|
21
|
+
var session_hooks = require('../../../session/session.hooks.js');
|
|
10
22
|
var comment_actions = require('../../comment.actions.js');
|
|
11
|
-
var theme = require('../../../../shared/mui/theme.js');
|
|
12
23
|
var ButtonDefault = require('../../../../shared/components/buttons/ButtonDefault.js');
|
|
13
24
|
var Card = require('../../../../node_modules/@mui/material/esm/Card/Card.js');
|
|
14
25
|
var Box = require('../../../../node_modules/@mui/material/esm/Box/Box.js');
|
|
15
26
|
var Avatar = require('../../../../node_modules/@mui/material/esm/Avatar/Avatar.js');
|
|
16
27
|
var Typography = require('../../../../node_modules/@mui/material/esm/Typography/Typography.js');
|
|
17
28
|
|
|
18
|
-
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, }) => {
|
|
29
|
+
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, containerCreateCommentProps = {}, }) => {
|
|
19
30
|
const { user, subscription } = session_hooks.useSession();
|
|
20
31
|
const [html, setHtml] = React.useState('');
|
|
21
32
|
const { callAction, postId, onlyForRegistered, onlyForSubscribers } = comment_hooks.useComment();
|
|
22
33
|
const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;
|
|
23
34
|
const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;
|
|
24
35
|
const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;
|
|
36
|
+
const { sx: sxContainerCreateCommentProps } = containerCreateCommentProps;
|
|
25
37
|
const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createComment, {
|
|
26
38
|
onCompleted: () => {
|
|
27
39
|
setHtml('');
|
|
@@ -31,7 +43,7 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
31
43
|
const canRegistered = onlyForRegistered && user;
|
|
32
44
|
const canSubscriber = onlyForSubscribers && subscription;
|
|
33
45
|
const canComment = canRegistered || canSubscriber;
|
|
34
|
-
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: {
|
|
46
|
+
return (jsxRuntime.jsx(Card.default, { elevation: 0, children: jsxRuntime.jsxs(Box.default, { sx: { display: { xs: 'block', md: 'flex' }, ...sxContainerCreateCommentProps }, children: [user ? (jsxRuntime.jsxs(Box.default, { sx: {
|
|
35
47
|
xs: {
|
|
36
48
|
marginRight: 0,
|
|
37
49
|
marginBottom: 10,
|
|
@@ -46,28 +58,24 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
46
58
|
fontSize: 14,
|
|
47
59
|
fontWeight: 700,
|
|
48
60
|
...sxCreateCommentNameTextProps,
|
|
49
|
-
}, 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(
|
|
61
|
+
}, 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(ButtonDefault.ButtonDefault, { onClick: () => {
|
|
62
|
+
if (!canComment)
|
|
63
|
+
return comment_actions.openSubscriptionCommentsStoreAction(true);
|
|
64
|
+
callCreateComment({
|
|
65
|
+
data: {
|
|
66
|
+
message: html,
|
|
67
|
+
post_id: postId,
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
50
71
|
marginLeft: 10,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
72
|
+
height: 40,
|
|
73
|
+
minWidth: 130,
|
|
74
|
+
'&:disabled': {
|
|
75
|
+
backgroundColor: '#8B8B8B !important',
|
|
54
76
|
},
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
return comment_actions.openSubscriptionCommentsStoreAction(true);
|
|
58
|
-
callCreateComment({
|
|
59
|
-
data: {
|
|
60
|
-
message: html,
|
|
61
|
-
post_id: postId,
|
|
62
|
-
},
|
|
63
|
-
});
|
|
64
|
-
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
65
|
-
minWidth: 130,
|
|
66
|
-
'&:disabled': {
|
|
67
|
-
backgroundColor: '#8B8B8B !important',
|
|
68
|
-
},
|
|
69
|
-
...sxCreateCommentButtonProps,
|
|
70
|
-
}, children: "Comentar" }) })] }) }));
|
|
77
|
+
...sxCreateCommentButtonProps,
|
|
78
|
+
}, children: "Comentar" })] }) }));
|
|
71
79
|
};
|
|
72
80
|
|
|
73
81
|
exports.CreateComment = CreateComment;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'
|
|
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 BoxProps,\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 '@/components/session';\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 containerCreateCommentProps?: BoxProps;\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 containerCreateCommentProps = {},\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 const { sx: sxContainerCreateCommentProps } = containerCreateCommentProps;\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' }, ...sxContainerCreateCommentProps }}>\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 <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 marginLeft: 10,\n height: 40,\n minWidth: 130,\n '&:disabled': {\n backgroundColor: '#8B8B8B !important',\n },\n ...sxCreateCommentButtonProps,\n }}>\n Comentar\n </ButtonDefault>\n }\n </Box>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO;;;AASL;AACA;AACA;AACA;AACA;;;;AAKI;;AAEH;AAED;AACA;AAEA;AAEA;AAMY;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACD;;AASG;AACA;AACA;AACD;AAmBH;AAAiB;AACjB;AACE;AACE;AACA;AACD;AACF;AACH;AAIE;AACA;AACA;AACA;AACE;AACD;AACD;;AAQd;;"}
|
|
@@ -10,7 +10,7 @@ const CreateCommentTitle = ({ createCommentTitleProps = {}, }) => {
|
|
|
10
10
|
const { user } = session_hooks.useSession();
|
|
11
11
|
if (!user)
|
|
12
12
|
return null;
|
|
13
|
-
return (jsxRuntime.jsx(Box.default, {
|
|
13
|
+
return (jsxRuntime.jsx(Box.default, { children: jsxRuntime.jsx(Typography.default, { variant: "body1", fontWeight: 700, mb: 1, fontSize: 14, ...createCommentTitleProps, children: user?.name }) }));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.CreateCommentTitle = CreateCommentTitle;
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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>\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;AAEX;AAYF;;"}
|
|
@@ -3,23 +3,35 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useComment } from '../../comment.hooks.js';
|
|
5
5
|
import { ReactSimpleWysiwyg } from '../../../../shared/components/react-editor/ReactSimpleWysiwyg.js';
|
|
6
|
-
import
|
|
6
|
+
import 'next/headers';
|
|
7
|
+
import '../../../../shared/types/generated.js';
|
|
8
|
+
import '@apollo/client';
|
|
9
|
+
import '@apollo/client-integration-nextjs';
|
|
10
|
+
import '../../../session/session.constants.js';
|
|
11
|
+
import '../../../session/SessionUserContext.js';
|
|
12
|
+
import '../../../../shared/mui/theme.js';
|
|
13
|
+
import '../../../../shared/cookies/index.js';
|
|
7
14
|
import { l as libExports } from '../../../../_virtual/index.js';
|
|
15
|
+
import '../../../session/session.events.js';
|
|
16
|
+
import '../../../session/session.actions.js';
|
|
17
|
+
import '../../../../shared/constants/index.js';
|
|
18
|
+
import '../../../../node_modules/@react-oauth/google/dist/index.esm.js';
|
|
19
|
+
import { useSession } from '../../../session/session.hooks.js';
|
|
8
20
|
import { createComment, openSubscriptionCommentsStoreAction } from '../../comment.actions.js';
|
|
9
|
-
import { theme } from '../../../../shared/mui/theme.js';
|
|
10
21
|
import { ButtonDefault } from '../../../../shared/components/buttons/ButtonDefault.js';
|
|
11
22
|
import Card from '../../../../node_modules/@mui/material/esm/Card/Card.js';
|
|
12
23
|
import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
|
|
13
24
|
import Avatar from '../../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
|
|
14
25
|
import Typography from '../../../../node_modules/@mui/material/esm/Typography/Typography.js';
|
|
15
26
|
|
|
16
|
-
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, }) => {
|
|
27
|
+
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, containerCreateCommentProps = {}, }) => {
|
|
17
28
|
const { user, subscription } = useSession();
|
|
18
29
|
const [html, setHtml] = useState('');
|
|
19
30
|
const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();
|
|
20
31
|
const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;
|
|
21
32
|
const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;
|
|
22
33
|
const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;
|
|
34
|
+
const { sx: sxContainerCreateCommentProps } = containerCreateCommentProps;
|
|
23
35
|
const [callCreateComment, loading] = libExports.useCallAction(createComment, {
|
|
24
36
|
onCompleted: () => {
|
|
25
37
|
setHtml('');
|
|
@@ -29,7 +41,7 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
29
41
|
const canRegistered = onlyForRegistered && user;
|
|
30
42
|
const canSubscriber = onlyForSubscribers && subscription;
|
|
31
43
|
const canComment = canRegistered || canSubscriber;
|
|
32
|
-
return (jsx(Card, { elevation: 0, children: jsxs(Box, { sx: { display: { xs: 'block', md: 'flex' } }, children: [user ? (jsxs(Box, { sx: {
|
|
44
|
+
return (jsx(Card, { elevation: 0, children: jsxs(Box, { sx: { display: { xs: 'block', md: 'flex' }, ...sxContainerCreateCommentProps }, children: [user ? (jsxs(Box, { sx: {
|
|
33
45
|
xs: {
|
|
34
46
|
marginRight: 0,
|
|
35
47
|
marginBottom: 10,
|
|
@@ -44,28 +56,24 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
44
56
|
fontSize: 14,
|
|
45
57
|
fontWeight: 700,
|
|
46
58
|
...sxCreateCommentNameTextProps,
|
|
47
|
-
}, mb: 1, children: user?.name }) })] })) : null, jsx(Box, { component: 'div', style: { width: '100%' }, children: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsx(
|
|
59
|
+
}, mb: 1, children: user?.name }) })] })) : null, jsx(Box, { component: 'div', style: { width: '100%' }, children: jsx(ReactSimpleWysiwyg, { value: html, onChange: (value) => setHtml(value), ...createCommentContentProps }) }), jsx(ButtonDefault, { onClick: () => {
|
|
60
|
+
if (!canComment)
|
|
61
|
+
return openSubscriptionCommentsStoreAction(true);
|
|
62
|
+
callCreateComment({
|
|
63
|
+
data: {
|
|
64
|
+
message: html,
|
|
65
|
+
post_id: postId,
|
|
66
|
+
},
|
|
67
|
+
});
|
|
68
|
+
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
48
69
|
marginLeft: 10,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
70
|
+
height: 40,
|
|
71
|
+
minWidth: 130,
|
|
72
|
+
'&:disabled': {
|
|
73
|
+
backgroundColor: '#8B8B8B !important',
|
|
52
74
|
},
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return openSubscriptionCommentsStoreAction(true);
|
|
56
|
-
callCreateComment({
|
|
57
|
-
data: {
|
|
58
|
-
message: html,
|
|
59
|
-
post_id: postId,
|
|
60
|
-
},
|
|
61
|
-
});
|
|
62
|
-
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
63
|
-
minWidth: 130,
|
|
64
|
-
'&:disabled': {
|
|
65
|
-
backgroundColor: '#8B8B8B !important',
|
|
66
|
-
},
|
|
67
|
-
...sxCreateCommentButtonProps,
|
|
68
|
-
}, children: "Comentar" }) })] }) }));
|
|
75
|
+
...sxCreateCommentButtonProps,
|
|
76
|
+
}, children: "Comentar" })] }) }));
|
|
69
77
|
};
|
|
70
78
|
|
|
71
79
|
export { CreateComment };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateComment.js","sources":["../../../../../../src/components/comment/components/create-comment/CreateComment.tsx"],"sourcesContent":["'use client'
|
|
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 BoxProps,\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 '@/components/session';\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 containerCreateCommentProps?: BoxProps;\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 containerCreateCommentProps = {},\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 const { sx: sxContainerCreateCommentProps } = containerCreateCommentProps;\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' }, ...sxContainerCreateCommentProps }}>\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 <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 marginLeft: 10,\n height: 40,\n minWidth: 130,\n '&:disabled': {\n backgroundColor: '#8B8B8B !important',\n },\n ...sxCreateCommentButtonProps,\n }}>\n Comentar\n </ButtonDefault>\n }\n </Box>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO;;;AASL;AACA;AACA;AACA;AACA;;;;AAKI;;AAEH;AAED;AACA;AAEA;AAEA;AAMY;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACD;;AASG;AACA;AACA;AACD;AAmBH;AAAiB;AACjB;AACE;AACE;AACA;AACD;AACF;AACH;AAIE;AACA;AACA;AACA;AACE;AACD;AACD;;AAQd;;"}
|
|
@@ -8,7 +8,7 @@ const CreateCommentTitle = ({ createCommentTitleProps = {}, }) => {
|
|
|
8
8
|
const { user } = useSession();
|
|
9
9
|
if (!user)
|
|
10
10
|
return null;
|
|
11
|
-
return (jsx(Box, {
|
|
11
|
+
return (jsx(Box, { children: jsx(Typography, { variant: "body1", fontWeight: 700, mb: 1, fontSize: 14, ...createCommentTitleProps, children: user?.name }) }));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { CreateCommentTitle };
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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>\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;AAEX;AAYF;;"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AvatarProps, ButtonProps, TypographyProps } from '@mui/material';
|
|
2
|
+
import { AvatarProps, BoxProps, ButtonProps, TypographyProps } from '@mui/material';
|
|
3
3
|
import { ReactSimpleWysiwygProps } from '@/shared/components/react-editor/ReactSimpleWysiwyg';
|
|
4
4
|
export type CreateCommentProps = {
|
|
5
5
|
createCommentAvatarProps?: AvatarProps;
|
|
6
6
|
createCommentNameTextProps?: TypographyProps;
|
|
7
|
+
containerCreateCommentProps?: BoxProps;
|
|
7
8
|
createCommentButtonProps?: ButtonProps;
|
|
8
9
|
createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;
|
|
9
10
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -174,6 +174,7 @@ declare const Paywall: React__default.FC<PaywallProps>;
|
|
|
174
174
|
type CreateCommentProps = {
|
|
175
175
|
createCommentAvatarProps?: AvatarProps;
|
|
176
176
|
createCommentNameTextProps?: TypographyProps;
|
|
177
|
+
containerCreateCommentProps?: BoxProps;
|
|
177
178
|
createCommentButtonProps?: ButtonProps;
|
|
178
179
|
createCommentContentProps?: Omit<ReactSimpleWysiwygProps, 'value' | 'onChange'>;
|
|
179
180
|
};
|