react-easy-wall 2.0.0 → 2.0.1

package/dist/cjs/_virtual/index3.js

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

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

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

package/dist/cjs/_virtual/index4.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/proxy-from-env/index.js');
+
+var proxyFromEnvExports = index.__require();
+var proxyFromEnv = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(proxyFromEnvExports);
+
+exports.default = proxyFromEnv;
+//# sourceMappingURL=index4.js.map

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

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

package/dist/cjs/_virtual/index5.js

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

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

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

package/dist/cjs/_virtual/index6.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var propTypes = {exports: {}};
+
+exports.__module = propTypes;
+//# sourceMappingURL=index6.js.map

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

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

package/dist/cjs/_virtual/index7.js

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

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

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

package/dist/cjs/_virtual/index8.js

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

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

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

package/dist/cjs/_virtual/index9.js

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

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

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

package/dist/cjs/_virtual/moment.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var moment$1 = require('../node_modules/moment/moment.js');
+
+var momentExports = moment$1.__require();
+var moment = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(momentExports);
+
+exports.default = moment;
+//# sourceMappingURL=moment.js.map

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

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

package/dist/cjs/_virtual/moment2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var moment = {exports: {}};
+
+exports.__module = moment;
+//# sourceMappingURL=moment2.js.map

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

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

package/dist/cjs/_virtual/navigation.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var navigation = require('next/navigation');
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var navigation__namespace = /*#__PURE__*/_interopNamespaceDefault(navigation);
+
+var require$$0 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(navigation__namespace);
+
+exports.default = require$$0;
+//# sourceMappingURL=navigation.js.map

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

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

package/dist/cjs/_virtual/nextCompatRouter.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var nextCompatRouter = require('../node_modules/@mui/material-nextjs/esm/nextCompatRouter.js');
+
+var nextCompatRouterExports = /*@__PURE__*/ nextCompatRouter.__require();
+
+exports.nextCompatRouterExports = nextCompatRouterExports;
+//# sourceMappingURL=nextCompatRouter.js.map

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

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

package/dist/cjs/_virtual/nextNavigation.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var nextNavigation = require('../node_modules/@mui/material-nextjs/esm/v13-appRouter/nextNavigation.js');
+
+var nextNavigationExports = /*@__PURE__*/ nextNavigation.__require();
+
+exports.nextNavigationExports = nextNavigationExports;
+//# sourceMappingURL=nextNavigation.js.map

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

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

package/dist/cjs/_virtual/node.js

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

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

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

package/dist/cjs/_virtual/persisted-event.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var persistedEvent = {};
+
+exports.__exports = persistedEvent;
+//# sourceMappingURL=persisted-event.js.map

package/dist/cjs/_virtual/persisted-event.js.map

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

package/dist/cjs/_virtual/pub-sub.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var pubSub = {};
+
+exports.__exports = pubSub;
+//# sourceMappingURL=pub-sub.js.map

package/dist/cjs/_virtual/pub-sub.js.map

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

package/dist/cjs/_virtual/react-is.development.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development.js.map

package/dist/cjs/_virtual/react-is.development.js.map

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

package/dist/cjs/_virtual/react-is.development2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development2.js.map

package/dist/cjs/_virtual/react-is.development2.js.map

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

package/dist/cjs/_virtual/react-is.development3.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development3.js.map

package/dist/cjs/_virtual/react-is.development3.js.map

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

package/dist/cjs/_virtual/react-is.production.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production = {};
+
+exports.__exports = reactIs_production;
+//# sourceMappingURL=react-is.production.js.map

package/dist/cjs/_virtual/react-is.production.js.map

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

package/dist/cjs/_virtual/react-is.production.min.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production_min = {};
+
+exports.__exports = reactIs_production_min;
+//# sourceMappingURL=react-is.production.min.js.map

package/dist/cjs/_virtual/react-is.production.min.js.map

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production_min = {};
+
+exports.__exports = reactIs_production_min;
+//# sourceMappingURL=react-is.production.min2.js.map

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

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

package/dist/cjs/_virtual/router.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var router = require('next/compat/router');
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var router__namespace = /*#__PURE__*/_interopNamespaceDefault(router);
+
+var require$$0 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(router__namespace);
+
+exports.default = require$$0;
+//# sourceMappingURL=router.js.map

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

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

package/dist/cjs/_virtual/serialOrdered.js

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

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

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var storeHooks = {};
+
+exports.__exports = storeHooks;
+//# sourceMappingURL=store-hooks.js.map

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

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

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var storeUtils = {};
+
+exports.__exports = storeUtils;
+//# sourceMappingURL=store-utils.js.map

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

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

package/dist/cjs/_virtual/store.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var store = {};
+
+exports.__exports = store;
+//# sourceMappingURL=store.js.map

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

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

package/dist/cjs/_virtual/views.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var views = {};
+
+exports.__exports = views;
+//# sourceMappingURL=views.js.map

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

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

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

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var React = require('react');
+
+const commentContextValue = {
+    callAction: () => { },
+    loadMoreComments: () => { },
+    postId: 0,
+    loading: true,
+};
+const CommentContext = React.createContext(commentContextValue);
+const { Provider } = CommentContext;
+
+exports.CommentContext = CommentContext;
+exports.Provider = Provider;
+//# sourceMappingURL=CommentContext.js.map

package/dist/cjs/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/cjs/components/comment/CommentProvider.js

@@ -0,0 +1,58 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var CommentContext = require('./CommentContext.js');
+var comment_actions = require('./comment.actions.js');
+var index = require('../../_virtual/index.js');
+
+const CommentProvider = ({ children, id, onlyForRegistered = false, onlyForSubscribers = false, }) => {
+    const [{ pageSize, page }, setPaginate] = React.useState({
+        pageSize: 5,
+        page: 0,
+    });
+    const [callCommentsAction, loading] = index.libExports.useCallAction(comment_actions.fetchComments, {
+        onCompleted: (res) => {
+            comment_actions.fetchCommentsStoreAction(res.comments, res.count);
+        },
+    });
+    React.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 jsxRuntime.jsx(CommentContext.Provider, { value: values, children: children });
+};
+
+exports.CommentProvider = CommentProvider;
+//# sourceMappingURL=CommentProvider.js.map

package/dist/cjs/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/cjs/components/comment/Comments.js

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

package/dist/cjs/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/cjs/components/comment/comment.actions.js

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

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

@@ -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","fetchCommentsStore","postStore","replyCommentStore","createAction","fetchCommentsEvent","fetchCommentErrorEvent","apolloClient","CommentsDocument","createCommentEvent","createCommentErrorEvent","CreateCommentDocument","createReplyCommentEvent","createReplyCommentErrorEvent","CreateReplyCommentDocument","openSubscriptionCommentsStore","showCommentStore"],"mappings":";;;;;;;;AAkCO,MAAM,wBAAwB,GAAGA,kCAAiB,CACvDC,gCAAkB,EAClB,CAAC,IAAI,EAAE,QAAmB,EAAE,KAAa,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,QAAQ;IACR,KAAK;AACN,CAAA,CAAC;AAG2BD,kCAAiB,CAACE,uBAAS,EAAE,CAAC,IAAI,EAAE,EAAU,MAAM;AACjF,IAAA,GAAG,IAAI;IACP,EAAE;AACH,CAAA,CAAC;AAEK,MAAM,uBAAuB,GAAGF,kCAAiB,CACtDG,+BAAiB,EACjB,CAAC,IAAI,EAAE,OAAe,EAAE,SAAiB,MAAM;AAC7C,IAAA,GAAG,IAAI;IACP,OAAO;IACP,SAAS;AACV,CAAA,CAAC;AAGG,MAAM,aAAa,GAAGC,6BAAY,CACvCC,iCAAkB,EAClBC,qCAAsB,EACtB,OAAO,SAAiC,KAAI;AAC1C,IAAA,MAAM,QAAQ,GAAG,MAAMC,0BAAY,EAAE,CAAC,KAAK,CAAwC;AACjF,QAAA,KAAK,EAAEC,0BAAgB;QACvB,SAAS;AACT,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAkB;AACrD,QAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAe;KAChD;AACH,CAAC;AAGI,MAAM,aAAa,GAAGJ,6BAAY,CACvCK,iCAAkB,EAClBC,sCAAuB,EACvB,OAAO,SAAyC,KAAI;AAClD,IAAA,MAAM,QAAQ,GAAG,MAAMH,0BAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAEI,+BAAqB;QAC/B,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,aAAwB;KACjD;AACH,CAAC;AAGI,MAAM,kBAAkB,GAAGP,6BAAY,CAC5CQ,sCAAuB,EACvBC,2CAA4B,EAC5B,OAAO,SAA8C,KAAI;AACvD,IAAA,MAAM,QAAQ,GAAG,MAAMN,0BAAY,EAAE,CAAC,MAAM,CAG1C;AACA,QAAA,QAAQ,EAAEO,oCAA0B;QACpC,SAAS;AACV,KAAA,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkC;KAC3D;AACH,CAAC;AAGI,MAAM,mCAAmC,GAAGd,kCAAiB,CAClEe,2CAA6B,EAC7B,CAAC,IAAI,EAAE,IAAa,MAAM;AACxB,IAAA,GAAG,IAAI;IACP,IAAI;AACL,CAAA,CAAC;AAGG,MAAM,sBAAsB,GAAGf,kCAAiB,CAACgB,8BAAgB,EAAE,CAAC,IAAI,EAAE,IAAqB,MAAI;AACxG,IAAA,GAAG,IAAI;AACP,IAAA,GAAG,IAAI;AACR,CAAA,CAAC;;;;;;;;;;"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('../../_virtual/index.js');
+
+const fetchCommentsEvent = index.libExports.createEvent({
+    initialValue: {
+        comments: [],
+        count: 0,
+    },
+});
+const fetchCommentErrorEvent = index.libExports.createEvent();
+const createCommentEvent = index.libExports.createEvent({
+    initialValue: {
+        comment: undefined,
+    },
+});
+const createCommentErrorEvent = index.libExports.createEvent();
+const createReplyCommentEvent = index.libExports.createEvent({
+    initialValue: {
+        comment: undefined,
+    },
+});
+const createReplyCommentErrorEvent = index.libExports.createEvent();
+
+exports.createCommentErrorEvent = createCommentErrorEvent;
+exports.createCommentEvent = createCommentEvent;
+exports.createReplyCommentErrorEvent = createReplyCommentErrorEvent;
+exports.createReplyCommentEvent = createReplyCommentEvent;
+exports.fetchCommentErrorEvent = fetchCommentErrorEvent;
+exports.fetchCommentsEvent = fetchCommentsEvent;
+//# sourceMappingURL=comment.events.js.map