react-easy-wall 3.5.12 → 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 +5 -7
- package/dist/cjs/components/comment/components/create-comment/CreateComment.js.map +1 -1
- package/dist/esm/components/comment/components/create-comment/CreateComment.js +5 -7
- package/dist/esm/components/comment/components/create-comment/CreateComment.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
|
@@ -11,7 +11,7 @@ require('@apollo/client');
|
|
|
11
11
|
require('@apollo/client-integration-nextjs');
|
|
12
12
|
require('../../../session/session.constants.js');
|
|
13
13
|
require('../../../session/SessionUserContext.js');
|
|
14
|
-
|
|
14
|
+
require('../../../../shared/mui/theme.js');
|
|
15
15
|
require('../../../../shared/cookies/index.js');
|
|
16
16
|
var index = require('../../../../_virtual/index.js');
|
|
17
17
|
require('../../../session/session.events.js');
|
|
@@ -26,13 +26,14 @@ var Box = require('../../../../node_modules/@mui/material/esm/Box/Box.js');
|
|
|
26
26
|
var Avatar = require('../../../../node_modules/@mui/material/esm/Avatar/Avatar.js');
|
|
27
27
|
var Typography = require('../../../../node_modules/@mui/material/esm/Typography/Typography.js');
|
|
28
28
|
|
|
29
|
-
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, }) => {
|
|
29
|
+
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, containerCreateCommentProps = {}, }) => {
|
|
30
30
|
const { user, subscription } = session_hooks.useSession();
|
|
31
31
|
const [html, setHtml] = React.useState('');
|
|
32
32
|
const { callAction, postId, onlyForRegistered, onlyForSubscribers } = comment_hooks.useComment();
|
|
33
33
|
const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;
|
|
34
34
|
const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;
|
|
35
35
|
const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;
|
|
36
|
+
const { sx: sxContainerCreateCommentProps } = containerCreateCommentProps;
|
|
36
37
|
const [callCreateComment, loading] = index.libExports.useCallAction(comment_actions.createComment, {
|
|
37
38
|
onCompleted: () => {
|
|
38
39
|
setHtml('');
|
|
@@ -42,7 +43,7 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
42
43
|
const canRegistered = onlyForRegistered && user;
|
|
43
44
|
const canSubscriber = onlyForSubscribers && subscription;
|
|
44
45
|
const canComment = canRegistered || canSubscriber;
|
|
45
|
-
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: {
|
|
46
47
|
xs: {
|
|
47
48
|
marginRight: 0,
|
|
48
49
|
marginBottom: 10,
|
|
@@ -68,10 +69,7 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
68
69
|
});
|
|
69
70
|
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
70
71
|
marginLeft: 10,
|
|
71
|
-
|
|
72
|
-
marginLeft: 0,
|
|
73
|
-
marginTop: 10,
|
|
74
|
-
},
|
|
72
|
+
height: 40,
|
|
75
73
|
minWidth: 130,
|
|
76
74
|
'&:disabled': {
|
|
77
75
|
backgroundColor: '#8B8B8B !important',
|
|
@@ -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;;"}
|
|
@@ -9,7 +9,7 @@ import '@apollo/client';
|
|
|
9
9
|
import '@apollo/client-integration-nextjs';
|
|
10
10
|
import '../../../session/session.constants.js';
|
|
11
11
|
import '../../../session/SessionUserContext.js';
|
|
12
|
-
import
|
|
12
|
+
import '../../../../shared/mui/theme.js';
|
|
13
13
|
import '../../../../shared/cookies/index.js';
|
|
14
14
|
import { l as libExports } from '../../../../_virtual/index.js';
|
|
15
15
|
import '../../../session/session.events.js';
|
|
@@ -24,13 +24,14 @@ import Box from '../../../../node_modules/@mui/material/esm/Box/Box.js';
|
|
|
24
24
|
import Avatar from '../../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
|
|
25
25
|
import Typography from '../../../../node_modules/@mui/material/esm/Typography/Typography.js';
|
|
26
26
|
|
|
27
|
-
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, }) => {
|
|
27
|
+
const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextProps = {}, createCommentButtonProps = {}, createCommentContentProps = {}, containerCreateCommentProps = {}, }) => {
|
|
28
28
|
const { user, subscription } = useSession();
|
|
29
29
|
const [html, setHtml] = useState('');
|
|
30
30
|
const { callAction, postId, onlyForRegistered, onlyForSubscribers } = useComment();
|
|
31
31
|
const { sx: sxCreateCommentAvatarProps } = createCommentAvatarProps;
|
|
32
32
|
const { sx: sxCreateCommentNameTextProps } = createCommentNameTextProps;
|
|
33
33
|
const { sx: sxCreateCommentButtonProps } = createCommentButtonProps;
|
|
34
|
+
const { sx: sxContainerCreateCommentProps } = containerCreateCommentProps;
|
|
34
35
|
const [callCreateComment, loading] = libExports.useCallAction(createComment, {
|
|
35
36
|
onCompleted: () => {
|
|
36
37
|
setHtml('');
|
|
@@ -40,7 +41,7 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
40
41
|
const canRegistered = onlyForRegistered && user;
|
|
41
42
|
const canSubscriber = onlyForSubscribers && subscription;
|
|
42
43
|
const canComment = canRegistered || canSubscriber;
|
|
43
|
-
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: {
|
|
44
45
|
xs: {
|
|
45
46
|
marginRight: 0,
|
|
46
47
|
marginBottom: 10,
|
|
@@ -66,10 +67,7 @@ const CreateComment = ({ createCommentAvatarProps = {}, createCommentNameTextPro
|
|
|
66
67
|
});
|
|
67
68
|
}, color: !subscription ? 'primary' : 'inherit', isLoading: loading, sx: {
|
|
68
69
|
marginLeft: 10,
|
|
69
|
-
|
|
70
|
-
marginLeft: 0,
|
|
71
|
-
marginTop: 10,
|
|
72
|
-
},
|
|
70
|
+
height: 40,
|
|
73
71
|
minWidth: 130,
|
|
74
72
|
'&:disabled': {
|
|
75
73
|
backgroundColor: '#8B8B8B !important',
|
|
@@ -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;;"}
|
|
@@ -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
|
};
|