react-easy-wall 2.0.0 → 2.0.1

package/dist/esm/_virtual/react-is.production.min2.js

@@ -0,0 +1,4 @@
+var reactIs_production_min = {};
+
+export { reactIs_production_min as __exports };
+//# sourceMappingURL=react-is.production.min2.js.map

package/dist/esm/_virtual/react-is.production.min2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/_virtual/serialOrdered.js

@@ -0,0 +1,4 @@
+var serialOrdered = {exports: {}};
+
+export { serialOrdered as __module };
+//# sourceMappingURL=serialOrdered.js.map

package/dist/esm/_virtual/serialOrdered.js.map

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

package/dist/esm/_virtual/store-hooks.js

@@ -0,0 +1,4 @@
+var storeHooks = {};
+
+export { storeHooks as __exports };
+//# sourceMappingURL=store-hooks.js.map

package/dist/esm/_virtual/store-hooks.js.map

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

package/dist/esm/_virtual/store-utils.js

@@ -0,0 +1,4 @@
+var storeUtils = {};
+
+export { storeUtils as __exports };
+//# sourceMappingURL=store-utils.js.map

package/dist/esm/_virtual/store-utils.js.map

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

package/dist/esm/_virtual/store.js

@@ -0,0 +1,4 @@
+var store = {};
+
+export { store as __exports };
+//# sourceMappingURL=store.js.map

package/dist/esm/_virtual/store.js.map

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

package/dist/esm/_virtual/views.js

@@ -0,0 +1,4 @@
+var views = {};
+
+export { views as __exports };
+//# sourceMappingURL=views.js.map

package/dist/esm/_virtual/views.js.map

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

package/dist/esm/components/comment/CommentContext.js

@@ -0,0 +1,14 @@
+"use client";
+import { createContext } from 'react';
+
+const commentContextValue = {
+    callAction: () => { },
+    loadMoreComments: () => { },
+    postId: 0,
+    loading: true,
+};
+const CommentContext = createContext(commentContextValue);
+const { Provider } = CommentContext;
+
+export { CommentContext, Provider };
+//# sourceMappingURL=CommentContext.js.map

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

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

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Provider } from './CommentContext.js';
+import { fetchComments, fetchCommentsStoreAction } from './comment.actions.js';
+import { l as libExports } from '../../_virtual/index.js';
+
+const CommentProvider = ({ children, id, onlyForRegistered = false, onlyForSubscribers = false, }) => {
+    const [{ pageSize, page }, setPaginate] = useState({
+        pageSize: 5,
+        page: 0,
+    });
+    const [callCommentsAction, loading] = libExports.useCallAction(fetchComments, {
+        onCompleted: (res) => {
+            fetchCommentsStoreAction(res.comments, res.count);
+        },
+    });
+    useEffect(() => {
+        if (id) {
+            callCommentsAction({
+                where: {
+                    post_id: id,
+                },
+                page,
+                pageSize,
+            });
+        }
+    }, [callCommentsAction, id, page, pageSize]);
+    const loadMoreComments = () => {
+        setPaginate({
+            page,
+            pageSize: pageSize + 5,
+        });
+    };
+    const callAction = () => {
+        callCommentsAction({
+            where: {
+                post_id: id,
+            },
+            page,
+            pageSize,
+        });
+    };
+    const values = {
+        postId: id,
+        loadMoreComments,
+        callAction,
+        loading,
+        onlyForRegistered,
+        onlyForSubscribers,
+    };
+    return jsx(Provider, { value: values, children: children });
+};
+
+export { CommentProvider };
+//# sourceMappingURL=CommentProvider.js.map

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

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

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CreateCommentContainer } from './components/create-comment/CreateCommentContainer.js';
+import { useSession } from '../session/session.hooks.js';
+import { l as libExports } from '../../_virtual/index.js';
+import { fetchCommentsStore, showCommentStore } from './comment.store.js';
+import { useComment } from './comment.hooks.js';
+import { ShowMoreComments } from './components/ShowMoreComments.js';
+import { CommentContainer } from './components/CommentContainer.js';
+import { CommentSubscriptionDialog } from './components/CommentSubscriptionDialog.js';
+import { ShowCommentButton } from './components/ShowCommentButton.js';
+import Box from '../../node_modules/@mui/material/esm/Box/Box.js';
+import Grid from '../../node_modules/@mui/material/esm/Grid/Grid.js';
+
+const Comments = ({ LoadingComponent, showCommentButtonProps = {}, createCommentContainerProps = {}, commentContainerProps = {}, commentSubscriptionProps = {}, }) => {
+    const { user } = useSession();
+    const { comments } = libExports.useStore(fetchCommentsStore);
+    const { show } = libExports.useStore(showCommentStore);
+    const commentsAll = useComment();
+    if (!user && commentsAll.loading) {
+        if (LoadingComponent)
+            return LoadingComponent;
+        return jsx("div", { children: "Loading..." });
+    }
+    return (jsxs(Box, { mt: 2, children: [jsxs(Grid, { container: true, children: [jsx(Grid, { size: 12, display: "flex", justifyContent: "center", children: jsx(ShowCommentButton, { ...showCommentButtonProps }) }), show ? (jsx(Grid, { size: 12, children: jsxs(Grid, { container: true, children: [jsx(Grid, { size: 12, mb: 2, children: jsx(CreateCommentContainer, { ...createCommentContainerProps }) }), comments.map((comment, key) => (jsx(Grid, { size: 12, children: jsx(CommentContainer, { comment: comment, ...commentContainerProps }) }, key))), jsx(ShowMoreComments, {})] }) })) : null] }), jsx(CommentSubscriptionDialog, { ...commentSubscriptionProps })] }));
+};
+
+export { Comments };
+//# sourceMappingURL=Comments.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"comment.actions.js","sources":["../../../../src/components/comment/comment.actions.ts"],"sourcesContent":["import { createAction, createStoreAction } from '@cobuildlab/react-simple-state';\nimport {\n  postStore,\n  fetchCommentsStore,\n  openSubscriptionCommentsStore,\n  replyCommentStore,\n  showCommentStore,\n} from './comment.store';\nimport {\n  Comment,\n  CommentsDocument,\n  CommentsQuery,\n  CommentsQueryVariables,\n  CreateCommentDocument,\n  CreateCommentMutation,\n  CreateCommentMutationVariables,\n  CreateReplyCommentDocument,\n  CreateReplyCommentMutation,\n  CreateReplyCommentMutationVariables,\n  ReplyComment,\n} from '@/shared/types/generated.ts';\nimport {\n  createCommentErrorEvent,\n  createCommentEvent,\n  createReplyCommentErrorEvent,\n  createReplyCommentEvent,\n  fetchCommentErrorEvent,\n  fetchCommentsEvent,\n} from './comment.events';\nimport { apolloClient } from '@/shared/apollo/apollo.client.ts';\nimport { ShowCommentStore } from '@/components/comment/comment.types.ts';\n\n\n\nexport const fetchCommentsStoreAction = createStoreAction(\n  fetchCommentsStore,\n  (prev, comments: Comment[], count: number) => ({\n    ...prev,\n    comments,\n    count,\n  }),\n);\n\nexport const postStoreAction = createStoreAction(postStore, (prev, id: number) => ({\n  ...prev,\n  id,\n}));\n\nexport const replyCommentStoreAction = createStoreAction(\n  replyCommentStore,\n  (prev, message: string, commentId: number) => ({\n    ...prev,\n    message,\n    commentId,\n  }),\n);\n\nexport const fetchComments = createAction(\n  fetchCommentsEvent,\n  fetchCommentErrorEvent,\n  async (variables: CommentsQueryVariables) => {\n    const response = await apolloClient().query<CommentsQuery, CommentsQueryVariables>({\n      query: CommentsDocument,\n      variables,\n      fetchPolicy: 'network-only',\n    });\n\n    return {\n      comments: response.data?.comments?.items as Comment[],\n      count: response.data?.comments?.count as number,\n    };\n  },\n);\n\nexport const createComment = createAction(\n  createCommentEvent,\n  createCommentErrorEvent,\n  async (variables: CreateCommentMutationVariables) => {\n    const response = await apolloClient().mutate<\n      CreateCommentMutation,\n      CreateCommentMutationVariables\n    >({\n      mutation: CreateCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createComment as Comment,\n    };\n  },\n);\n\nexport const createReplyComment = createAction(\n  createReplyCommentEvent,\n  createReplyCommentErrorEvent,\n  async (variables: CreateReplyCommentMutationVariables) => {\n    const response = await apolloClient().mutate<\n      CreateReplyCommentMutation,\n      CreateReplyCommentMutationVariables\n    >({\n      mutation: CreateReplyCommentDocument,\n      variables,\n    });\n\n    return {\n      comment: response.data?.createReplyComment as ReplyComment,\n    };\n  },\n);\n\nexport const openSubscriptionCommentsStoreAction = createStoreAction(\n  openSubscriptionCommentsStore,\n  (prev, open: boolean) => ({\n    ...prev,\n    open,\n  }),\n);\n\nexport const showCommentStoreAction = createStoreAction(showCommentStore, (prev, data:ShowCommentStore)=>({\n  ...prev,\n  ...data,\n}));\n"],"names":["createStoreAction","createAction"],"mappings":";;;;;;AAkCO,MAAM,wBAAwB,GAAGA,4BAAiB,CACvD,kBAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;AAG2BA,4BAAiB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,GAAGA,4BAAiB,CACtD,iBAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,GAAGC,uBAAY,CACvC,kBAAkB,EAClB,sBAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC,KAAK,CAAwC;AACjF,QAAA,KAAK,EAAE,gBAAgB;QACvB,SAAS;AACT,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAkB;AACrD,QAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAe;KAChD;AACH,CAAC;AAGI,MAAM,aAAa,GAAGA,uBAAY,CACvC,kBAAkB,EAClB,uBAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAE,qBAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAGA,uBAAY,CAC5C,uBAAuB,EACvB,4BAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAE,0BAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkC;KAC3D;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAGD,4BAAiB,CAClE,6BAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;AAGG,MAAM,sBAAsB,GAAGA,4BAAiB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAqB,MAAI;AACxG,IAAA,GAAG,IAAI;AACP,IAAA,GAAG,IAAI;AACR,CAAA,CAAC;;;;"}

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

@@ -0,0 +1,24 @@
+import { l as libExports } from '../../_virtual/index.js';
+
+const fetchCommentsEvent = libExports.createEvent({
+    initialValue: {
+        comments: [],
+        count: 0,
+    },
+});
+const fetchCommentErrorEvent = libExports.createEvent();
+const createCommentEvent = libExports.createEvent({
+    initialValue: {
+        comment: undefined,
+    },
+});
+const createCommentErrorEvent = libExports.createEvent();
+const createReplyCommentEvent = libExports.createEvent({
+    initialValue: {
+        comment: undefined,
+    },
+});
+const createReplyCommentErrorEvent = libExports.createEvent();
+
+export { createCommentErrorEvent, createCommentEvent, createReplyCommentErrorEvent, createReplyCommentEvent, fetchCommentErrorEvent, fetchCommentsEvent };
+//# sourceMappingURL=comment.events.js.map

package/dist/esm/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,sBAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,sBAAsB,GAAGA,sBAAW;AAE1C,MAAM,kBAAkB,GAAGA,sBAAW,CAAmC;AAC9E,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,uBAAuB,GAAGA,sBAAW;AAE3C,MAAM,uBAAuB,GAAGA,sBAAW,CAE/C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA;AACM,MAAM,4BAA4B,GAAGA,sBAAW;;;;"}

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

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { CommentContext } from './CommentContext.js';
+
+const useComment = () => {
+    return useContext(CommentContext);
+};
+
+export { useComment };
+//# sourceMappingURL=comment.hooks.js.map

package/dist/esm/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":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,MAAK;AAC7B,IAAA,OAAO,UAAU,CAAC,cAAc,CAAC;AACnC;;;;"}

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

@@ -0,0 +1,32 @@
+import { l as libExports } from '../../_virtual/index.js';
+
+const fetchCommentsStore = libExports.createStore({
+    initialValue: {
+        comments: [],
+        count: 0,
+    },
+});
+const postStore = libExports.createStore({
+    initialValue: {
+        id: 0,
+    },
+});
+const replyCommentStore = libExports.createStore({
+    initialValue: {
+        message: '',
+        commentId: 0,
+    },
+});
+const openSubscriptionCommentsStore = libExports.createStore({
+    initialValue: {
+        open: false,
+    },
+});
+const showCommentStore = libExports.createStore({
+    initialValue: {
+        show: false,
+    },
+});
+
+export { fetchCommentsStore, openSubscriptionCommentsStore, postStore, replyCommentStore, showCommentStore };
+//# sourceMappingURL=comment.store.js.map

package/dist/esm/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,sBAAW,CAG1C;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACF,CAAA;AAEM,MAAM,SAAS,GAAGA,sBAAW,CAAiB;AACnD,IAAA,YAAY,EAAE;AACZ,QAAA,EAAE,EAAE,CAAC;AACN,KAAA;AACF,CAAA;AAEM,MAAM,iBAAiB,GAAGA,sBAAW,CAAoB;AAC9D,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,CAAC;AACb,KAAA;AACF,CAAA;AAEM,MAAM,6BAA6B,GAAGA,sBAAW,CAAoB;AAC1E,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;AAEM,MAAM,gBAAgB,GAAGA,sBAAW,CAAmB;AAC5D,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA;;;;"}

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

@@ -0,0 +1,15 @@
+import 'react/jsx-runtime';
+import 'react';
+import '../../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...';
+};
+
+export { getCommentPlaceholder };
+//# sourceMappingURL=comment.utils.js.map

package/dist/esm/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/esm/components/comment/components/CommentContainer.js

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

package/dist/esm/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/esm/components/comment/components/CommentItem.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import moment from '../../../_virtual/moment.js';
+import ReplyIcon from '../../../node_modules/@mui/icons-material/esm/Reply.js';
+import '../../../_virtual/es.js';
+import { CommentTitleItem } from './CommentTitleItem.js';
+import Card from '../../../node_modules/@mui/material/esm/Card/Card.js';
+import CardHeader from '../../../node_modules/@mui/material/esm/CardHeader/CardHeader.js';
+import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../../node_modules/@mui/material/esm/Typography/Typography.js';
+import Avatar from '../../../node_modules/@mui/material/esm/Avatar/Avatar.js';
+import CardContent from '../../../node_modules/@mui/material/esm/CardContent/CardContent.js';
+
+moment.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 (jsxs(Card, { children: [jsx(CardHeader, { sx: {
+                    '& > .MuiCardHeader-action': {
+                        marginTop: 0,
+                        marginRight: 0,
+                    },
+                    '& > .MuiCardHeader-avatar': {
+                        outline: '1px solid #eaecf1',
+                        borderRadius: '50%',
+                    },
+                    alignItems: 'center',
+                    ...sxCardHeaderProps,
+                }, title: jsx(CommentTitleItem, { comment: comment, ...commentTitleProps }), avatar: jsx(Avatar, { sx: { width: 40, height: 40, ...sxCommentAvatarProps }, src: user?.avatar }), action: jsxs(Box, { display: "flex", alignItems: "center", sx: {
+                        cursor: 'pointer',
+                    }, onClick: () => {
+                        onReply(comment);
+                    }, children: [jsx(ReplyIcon, { ...commentIconProps }), jsxs(Typography, { variant: "body2", fontWeight: 700, color: "primary", ...commentTextProps, children: [' ', "Responder"] })] }) }), jsx(CardContent, { children: jsx("div", { dangerouslySetInnerHTML: { __html: comment.message } }) })] }));
+};
+
+export { CommentItem };
+//# sourceMappingURL=CommentItem.js.map

package/dist/esm/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":[],"mappings":";;;;;;;;;;;;;AAWA;AAOO;AAIH;AACA;AACA;AACA;AACA;AACD;AAED;;AASA;AACA;;AAMQ;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACA;;AAcI;;;;AAkBd;;"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { DialogDefault } from '../../../shared/components/dialog/DialogDefault.js';
+import { l as libExports } from '../../../_virtual/index.js';
+import { openSubscriptionCommentsStore } from '../comment.store.js';
+import { openSubscriptionCommentsStoreAction } from '../comment.actions.js';
+import { useComment } from '../comment.hooks.js';
+import { URL_PORTAL } from '../../../shared/constants/index.js';
+import Box from '../../../node_modules/@mui/material/esm/Box/Box.js';
+import Typography from '../../../node_modules/@mui/material/esm/Typography/Typography.js';
+
+const CommentSubscriptionDialog = ({ dialogProps = {}, dialogTextProps = {}, }) => {
+    const { onlyForRegistered, onlyForSubscribers } = useComment();
+    const { open } = libExports.useStore(openSubscriptionCommentsStore);
+    let title = '';
+    let url = '';
+    let content = '';
+    if (onlyForRegistered) {
+        title = 'REGISTRARME';
+        url = `${URL_PORTAL}/autenticacion?action=AUTH_REGISTER`;
+        content = 'Debes estar registrado para poder realizar un comentario';
+    }
+    if (onlyForSubscribers) {
+        title = 'SUSCRIBIRTE';
+        url = `${URL_PORTAL}/planes`;
+        content = 'Debes tener una suscripción activa para poder realizar un comentario';
+    }
+    return (jsx(DialogDefault, { isOpen: open, showActions: true, handleClose: () => openSubscriptionCommentsStoreAction(false), successText: title, handleSuccess: () => (window.location.href = url), ...dialogProps, children: jsx(Box, { px: 2, textAlign: "center", children: jsx(Typography, { fontSize: 20, fontWeight: 700, ...dialogTextProps, children: content }) }) }));
+};
+
+export { CommentSubscriptionDialog };
+//# sourceMappingURL=CommentSubscriptionDialog.js.map

package/dist/esm/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/esm/components/comment/components/CommentTitleItem.js

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

package/dist/esm/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/esm/components/comment/components/ShowCommentButton.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { showCommentStoreAction } from '../comment.actions.js';
+import { l as libExports } from '../../../_virtual/index.js';
+import { showCommentStore } from '../comment.store.js';
+import Button from '../../../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 } = libExports.useStore(showCommentStore);
+    return (jsx(Button, { 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 showCommentStoreAction({ show: !show });
+        }, ...showCommentRestProps, children: show ? enabledText : disabledText }));
+};
+
+export { ShowCommentButton };
+//# sourceMappingURL=ShowCommentButton.js.map

package/dist/esm/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/esm/components/comment/components/ShowMoreComments.js

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

package/dist/esm/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;;"}