@selfcommunity/react-ui 0.7.50-event.30 → 0.7.50-events.101

package/lib/cjs/components/CommentsObject/CommentsObject.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const react_intl_1 = require("react-intl");
@@ -90,7 +91,7 @@ function CommentsObject(inProps) {
             preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED] &&
             ((preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED] && scUserContext.user === null) ||
                 !preferences[react_core_1.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED])) {
-            return (react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_IN_COMMENTS }, (obj.categories.length && { categoriesId: obj.categories.map((c) => c.id) }))));
+            return ((0, jsx_runtime_1.jsx)(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_IN_COMMENTS }, (obj.categories.length && { categoriesId: obj.categories.map((c) => c.id) }))));
         }
         return null;
     }, [JSON.stringify(obj)]);
@@ -126,45 +127,31 @@ function CommentsObject(inProps) {
      * Render button load previous comments
      */
     function renderLoadPreviousComments() {
-        return (react_1.default.createElement(material_1.Box, { className: classes.pagination },
-            isLoadingPrevious && react_1.default.createElement(CommentObject_1.CommentObjectSkeleton, Object.assign({}, CommentObjectSkeletonProps, { count: 1 })),
-            !isLoadingPrevious && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Button, Object.assign({ variant: "text" }, (inPlaceLoadMoreContents
-                    ? { onClick: handlePrevious }
-                    : {
-                        component: react_core_1.Link,
-                        to: `${scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject))}`
-                    }), { disabled: isLoadingPrevious, color: "inherit", classes: { root: classes.loadPreviousCommentsButton } }),
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentsObject.loadPreviousComments", defaultMessage: "ui.commentsObject.loadPreviousComments" })),
-                !disablePaginationLinks && previousPage && previous && (react_1.default.createElement(react_core_1.Link, Object.assign({ to: `${(0, utils_1.appendURLSearchParams)(scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject)), [
-                        { [paginationLinksPageQueryParam]: previousPage }
-                    ])}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps),
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentsObject.previousComments", defaultMessage: "ui.commentsObject.previousComments" })))))));
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.pagination }, { children: [isLoadingPrevious && (0, jsx_runtime_1.jsx)(CommentObject_1.CommentObjectSkeleton, Object.assign({}, CommentObjectSkeletonProps, { count: 1 })), !isLoadingPrevious && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text" }, (inPlaceLoadMoreContents
+                            ? { onClick: handlePrevious }
+                            : {
+                                component: react_core_1.Link,
+                                to: `${scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject))}`
+                            }), { disabled: isLoadingPrevious, color: "inherit", classes: { root: classes.loadPreviousCommentsButton } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.commentsObject.loadPreviousComments", defaultMessage: "ui.commentsObject.loadPreviousComments" }) })), !disablePaginationLinks && previousPage && previous && ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: `${(0, utils_1.appendURLSearchParams)(scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject)), [
+                                { [paginationLinksPageQueryParam]: previousPage }
+                            ])}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.commentsObject.previousComments", defaultMessage: "ui.commentsObject.previousComments" }) })))] }))] })));
     }
     /**
      * Footer with n comments of, only for load more pagination mode
      */
     function renderLoadNextComments() {
-        return (react_1.default.createElement(material_1.Box, { className: classes.pagination }, isLoadingNext ? (react_1.default.createElement(CommentObject_1.CommentObjectSkeleton, Object.assign({}, CommentObjectSkeletonProps, { count: 1 }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_intersection_observer_1.InView, { as: "div", onChange: handleScrollEnd, threshold: 0.5 },
-                react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
-                    react_1.default.createElement(material_1.Button, Object.assign({ variant: "text" }, (inPlaceLoadMoreContents
-                        ? { onClick: handleNext }
-                        : {
-                            component: react_core_1.Link,
-                            to: nextPage && next
-                                ? `${(0, utils_1.appendURLSearchParams)(scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject)), [
-                                    { [paginationLinksPageQueryParam]: nextPage }
-                                ])}`
-                                : `${scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject))}`
-                        }), { disabled: isLoadingNext, color: "inherit", classes: { root: classes.loadNextCommentsButton } }),
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentsObject.loadMoreComments", defaultMessage: "ui.commentsObject.loadMoreComments" })),
-                    showCommentsCounter() && (react_1.default.createElement(Typography_1.default, { variant: "body1", classes: { root: classes.commentsCounter } },
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentsObject.numberOfComments", defaultMessage: "ui.commentsObject.numberOfComments", values: { loaded: totalLoadedComments, total: totalComments } }))))),
-            !disablePaginationLinks && nextPage && next && (react_1.default.createElement(react_core_1.Link, Object.assign({ to: `${(0, utils_1.appendURLSearchParams)(scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject)), [
-                    { [paginationLinksPageQueryParam]: nextPage }
-                ])}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps),
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentsObject.nextComments", defaultMessage: "ui.commentsObject.nextComments" })))))));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.pagination }, { children: isLoadingNext ? ((0, jsx_runtime_1.jsx)(CommentObject_1.CommentObjectSkeleton, Object.assign({}, CommentObjectSkeletonProps, { count: 1 }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_intersection_observer_1.InView, Object.assign({ as: "div", onChange: handleScrollEnd, threshold: 0.5 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text" }, (inPlaceLoadMoreContents
+                                    ? { onClick: handleNext }
+                                    : {
+                                        component: react_core_1.Link,
+                                        to: nextPage && next
+                                            ? `${(0, utils_1.appendURLSearchParams)(scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject)), [
+                                                { [paginationLinksPageQueryParam]: nextPage }
+                                            ])}`
+                                            : `${scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject))}`
+                                    }), { disabled: isLoadingNext, color: "inherit", classes: { root: classes.loadNextCommentsButton } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.commentsObject.loadMoreComments", defaultMessage: "ui.commentsObject.loadMoreComments" }) })), showCommentsCounter() && ((0, jsx_runtime_1.jsx)(Typography_1.default, Object.assign({ variant: "body1", classes: { root: classes.commentsCounter } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.commentsObject.numberOfComments", defaultMessage: "ui.commentsObject.numberOfComments", values: { loaded: totalLoadedComments, total: totalComments } }) })))] })) })), !disablePaginationLinks && nextPage && next && ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: `${(0, utils_1.appendURLSearchParams)(scRoutingContext.url((0, contribution_1.getContributionRouteName)(feedObject), (0, contribution_1.getRouteData)(feedObject)), [
+                            { [paginationLinksPageQueryParam]: nextPage }
+                        ])}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.commentsObject.nextComments", defaultMessage: "ui.commentsObject.nextComments" }) })))] })) })));
     }
     /**
      * Remove duplicate comments (from header or footer)
@@ -177,20 +164,18 @@ function CommentsObject(inProps) {
      * Render comments and load others with load more button
      */
     function renderComments(comments) {
-        return (react_1.default.createElement(react_1.default.Fragment, null, comments.map((comment, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
-            react_1.default.createElement(CommentComponent, Object.assign({ key: comment.id, commentObject: comment, onOpenReply: openReplyBox, feedObject: obj }, CommentComponentProps, { CommentObjectSkeletonProps: CommentObjectSkeletonProps })),
-            advPosition === index && renderAdvertising())))));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: comments.map((comment, index) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(CommentComponent, Object.assign({ commentObject: comment, onOpenReply: openReplyBox, feedObject: obj }, CommentComponentProps, { CommentObjectSkeletonProps: CommentObjectSkeletonProps }), comment.id), advPosition === index && renderAdvertising()] }, index))) }));
     }
     /**
      * Render comments
      */
-    let commentsRendered = react_1.default.createElement(react_1.default.Fragment, null);
+    let commentsRendered = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     if (!obj || ((isLoadingPrevious || isLoadingNext) && !comments.length)) {
         /**
          * Until the contribution has not been founded and there are
          * no comments during loading render skeletons
          */
-        commentsRendered = react_1.default.createElement(Skeleton_1.default, Object.assign({ CommentObjectSkeletonProps: CommentObjectSkeletonProps }, CommentsObjectSkeletonProps));
+        commentsRendered = (0, jsx_runtime_1.jsx)(Skeleton_1.default, Object.assign({ CommentObjectSkeletonProps: CommentObjectSkeletonProps }, CommentsObjectSkeletonProps));
     }
     else {
         /**
@@ -201,17 +186,11 @@ function CommentsObject(inProps) {
          *  the component will switch to 'load more pagination' mode automatically
          *  in case it needs to display a single comment or newComments
          */
-        commentsRendered = (react_1.default.createElement(react_1.default.Fragment, null,
-            previous && renderLoadPreviousComments(),
-            renderComments(comments),
-            next && renderLoadNextComments()));
+        commentsRendered = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [previous && renderLoadPreviousComments(), renderComments(comments), next && renderLoadNextComments()] }));
     }
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest),
-        renderComments(getFilteredComments(startComments)),
-        commentsRendered,
-        renderComments(getFilteredComments(endComments))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [renderComments(getFilteredComments(startComments)), commentsRendered, renderComments(getFilteredComments(endComments))] })));
 }
 exports.default = CommentsObject;

package/lib/cjs/components/CommentsObject/Skeleton.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const CommentObject_1 = require("../CommentObject");
 const material_1 = require("@mui/material");
@@ -35,6 +35,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
  */
 function CommentsObjectSkeleton(props) {
     const { count = 3, CommentObjectSkeletonProps = {} } = props, rest = tslib_1.__rest(props, ["count", "CommentObjectSkeletonProps"]);
-    return (react_1.default.createElement(Root, Object.assign({ className: classes.root }, rest), [...Array(count)].map((comment, index) => (react_1.default.createElement(CommentObject_1.CommentObjectSkeleton, Object.assign({ key: index }, CommentObjectSkeletonProps))))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, rest, { children: [...Array(count)].map((comment, index) => ((0, jsx_runtime_1.jsx)(CommentObject_1.CommentObjectSkeleton, Object.assign({}, CommentObjectSkeletonProps), index))) })));
 }
 exports.default = CommentsObjectSkeleton;

package/lib/cjs/components/Composer/Attributes/Attributes.d.ts

@@ -16,7 +16,7 @@ export interface AttributesProps extends Omit<BoxProps, 'value' | 'onChange' | '
      * @param value
      * @default empty object
      */
-    onClick?: (attribute: 'categories' | 'group' | 'addressing' | 'location') => void;
+    onClick?: (attribute: 'categories' | 'event' | 'group' | 'addressing' | 'location') => void;
 }
 declare const _default: (props: AttributesProps) => JSX.Element;
 export default _default;

package/lib/cjs/components/Composer/Attributes/Attributes.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
@@ -16,7 +17,7 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     slot: 'AttributesRoot'
 })(() => ({}));
 exports.default = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     // PROPS
     const { className = null, value = null, onChange = null, onClick = null } = props;
     // HANDLERS
@@ -26,6 +27,12 @@ exports.default = (props) => {
     const handleClickCategory = (0, react_1.useCallback)(() => {
         onClick && onClick('categories');
     }, [onClick]);
+    const handleDeleteEvent = (0, react_1.useCallback)(() => {
+        onChange && onChange(Object.assign(Object.assign({}, value), { event: null }));
+    }, [value, onChange]);
+    const handleClickEvent = (0, react_1.useCallback)(() => {
+        onClick && onClick('event');
+    }, [onClick]);
     const handleDeleteGroup = (0, react_1.useCallback)(() => {
         onChange && onChange(Object.assign(Object.assign({}, value), { group: null }));
     }, [value, onChange]);
@@ -44,11 +51,7 @@ exports.default = (props) => {
     const handleClickLocation = (0, react_1.useCallback)(() => {
         onClick && onClick('location');
     }, [onClick]);
-    return (react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.root, className) },
-        ((_a = value === null || value === void 0 ? void 0 : value.categories) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
-            (value === null || value === void 0 ? void 0 : value.categories.map((c) => (react_1.default.createElement(material_1.Chip, { key: c.id, label: c.name, onDelete: handleDeleteCategory(c.id), icon: react_1.default.createElement(Icon_1.default, null, "category"), onClick: handleClickCategory })))),
-        (value === null || value === void 0 ? void 0 : value.group) && (react_1.default.createElement(material_1.Chip, { key: value === null || value === void 0 ? void 0 : value.group.id, label: value === null || value === void 0 ? void 0 : value.group.name, onDelete: handleDeleteGroup, icon: react_1.default.createElement(Icon_1.default, null, "groups"), onClick: handleClickGroup, disabled: !((_b = value === null || value === void 0 ? void 0 : value.group) === null || _b === void 0 ? void 0 : _b.subscription_status) })),
-        ((_c = value === null || value === void 0 ? void 0 : value.addressing) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
-            (value === null || value === void 0 ? void 0 : value.addressing.map((t) => (react_1.default.createElement(TagChip_1.default, { key: t.id, tag: t, onDelete: handleDeleteTag(t.id), icon: react_1.default.createElement(Icon_1.default, null, "label"), onClick: handleClickTag })))),
-        (value === null || value === void 0 ? void 0 : value.location) && (react_1.default.createElement(material_1.Chip, { icon: react_1.default.createElement(Icon_1.default, null, "add_location_alt"), label: value === null || value === void 0 ? void 0 : value.location.location, onDelete: handleDeleteLocation, onClick: handleClickLocation }))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [((_a = value === null || value === void 0 ? void 0 : value.categories) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+                (value === null || value === void 0 ? void 0 : value.categories.map((c) => ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: c.name, onDelete: handleDeleteCategory(c.id), icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "category" }), onClick: handleClickCategory }, c.id)))), (value === null || value === void 0 ? void 0 : value.group) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: value === null || value === void 0 ? void 0 : value.group.name, onDelete: handleDeleteGroup, icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "groups" }), onClick: handleClickGroup, disabled: !((_b = value === null || value === void 0 ? void 0 : value.group) === null || _b === void 0 ? void 0 : _b.subscription_status) }, value === null || value === void 0 ? void 0 : value.group.id)), (value === null || value === void 0 ? void 0 : value.event) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: value === null || value === void 0 ? void 0 : value.event.name, onDelete: handleDeleteEvent, icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "CalendarIcon" }), onClick: handleClickEvent, disabled: !((_c = value === null || value === void 0 ? void 0 : value.event) === null || _c === void 0 ? void 0 : _c.subscription_status) }, value === null || value === void 0 ? void 0 : value.event.id)), ((_d = value === null || value === void 0 ? void 0 : value.addressing) === null || _d === void 0 ? void 0 : _d.length) > 0 &&
+                (value === null || value === void 0 ? void 0 : value.addressing.map((t) => ((0, jsx_runtime_1.jsx)(TagChip_1.default, { tag: t, onDelete: handleDeleteTag(t.id), icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "label" }), onClick: handleClickTag }, t.id)))), (value === null || value === void 0 ? void 0 : value.location) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { icon: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "add_location_alt" }), label: value === null || value === void 0 ? void 0 : value.location.location, onDelete: handleDeleteLocation, onClick: handleClickLocation }))] })));
 };

package/lib/cjs/components/Composer/Composer.d.ts

@@ -1,5 +1,5 @@
 import { SyntheticEvent } from 'react';
-import { SCCategoryType, SCContributionType, SCFeedDiscussionType, SCFeedPostType, SCFeedStatusType, SCFeedTypologyType, SCGroupType, SCMediaType, SCPollType, SCTagType } from '@selfcommunity/types';
+import { SCCategoryType, SCContributionType, SCEventType, SCFeedDiscussionType, SCFeedPostType, SCFeedStatusType, SCFeedTypologyType, SCGroupType, SCMediaType, SCPollType, SCTagType } from '@selfcommunity/types';
 import { DialogProps } from '@mui/material';
 import { EditorProps } from '../Editor';
 import { SCMediaObjectType } from '../../types/media';
@@ -27,6 +27,7 @@ export interface ComposerProps extends Omit<DialogProps, 'defaultValue' | 'scrol
         title?: string;
         text?: string;
         categories?: SCCategoryType[];
+        event?: SCEventType;
         group?: SCGroupType;
         audience?: string;
         addressing?: SCTagType[];
@@ -53,7 +54,7 @@ export interface ComposerProps extends Omit<DialogProps, 'defaultValue' | 'scrol
      * Callback triggered on close click
      * @default null
      */
-    onClose?: (event: SyntheticEvent) => void;
+    onClose?: (e: SyntheticEvent) => void;
     /**
      * The feed where the component is rendered
      * @default SCFeedTypologyType.HOME

package/lib/cjs/components/Composer/Composer.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const types_1 = require("@selfcommunity/types");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -30,7 +31,7 @@ const constants_1 = require("./constants");
 const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 const CloseLayer_1 = tslib_1.__importDefault(require("./Layer/CloseLayer"));
 const DialogTransition = (0, react_1.forwardRef)(function Transition(props, ref) {
-    return react_1.default.createElement(material_1.Fade, Object.assign({ ref: ref }, props));
+    return (0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({ ref: ref }, props));
 });
 const classes = {
     root: `${constants_1.PREFIX}-root`,
@@ -60,6 +61,7 @@ const COMPOSER_INITIAL_STATE = {
     htmlError: null,
     categories: [],
     group: null,
+    event: null,
     categoriesError: null,
     groupsError: null,
     addressing: null,
@@ -73,6 +75,8 @@ const reducer = (state, action) => {
     switch (action.type) {
         case 'reset':
             return Object.assign(Object.assign({}, COMPOSER_INITIAL_STATE), { key: (0, utils_1.random)() });
+        case 'resetEventFeed':
+            return Object.assign(Object.assign({}, COMPOSER_INITIAL_STATE), { event: state.event, key: (0, utils_1.random)() });
         case 'resetGroupFeed':
             return Object.assign(Object.assign({}, COMPOSER_INITIAL_STATE), { group: state.group, key: (0, utils_1.random)() });
         case 'resetCategoryFeed':
@@ -139,7 +143,7 @@ function Composer(inProps) {
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
     const [layer, setLayer] = (0, react_1.useState)();
     const [state, dispatch] = (0, react_1.useReducer)(reducer, Object.assign(Object.assign(Object.assign({}, COMPOSER_INITIAL_STATE), defaultValue), { key: (0, utils_1.random)() }));
-    const { key, id, type, title, titleError, html, categories, group, addressing, audience, medias, poll, pollError, location, error } = state;
+    const { key, id, type, title, titleError, html, categories, event, group, addressing, audience, medias, poll, pollError, location, error } = state;
     const destructureFeedObject = (_feedObject) => {
         if (_feedObject.type === types_1.SCContributionType.POST) {
             _feedObject = _feedObject;
@@ -159,6 +163,7 @@ function Composer(inProps) {
                     title: _feedObject.title,
                     html: _feedObject.html,
                     categories: _feedObject.categories,
+                    event: _feedObject.event,
                     group: _feedObject.group,
                     addressing: _feedObject.addressing,
                     medias: _feedObject.medias,
@@ -221,8 +226,8 @@ function Composer(inProps) {
     (0, react_1.useEffect)(() => {
         if (!unloadRef.current && canSubmit) {
             unloadRef.current = true;
-            const onUnload = (event) => {
-                event.preventDefault();
+            const onUnload = (e) => {
+                e.preventDefault();
                 return '';
             };
             window.onbeforeunload = onUnload;
@@ -243,17 +248,17 @@ function Composer(inProps) {
         }
         /**
          * On touchStart event save the initial Y
-         * @param event
+         * @param e
          */
-        const handleTouchStart = (event) => {
-            pointerStartY.current = event.touches[0].clientY;
+        const handleTouchStart = (e) => {
+            pointerStartY.current = e.touches[0].clientY;
         };
         /**
          * Perform blur only if gesture is a pan (bottom direction)
-         * @param event
+         * @param e
          */
-        const handleTouchmove = (event) => {
-            const currentY = event.touches[0].clientY;
+        const handleTouchmove = (e) => {
+            const currentY = e.touches[0].clientY;
             const deltaY = currentY - pointerStartY.current;
             pointerStartY.current = currentY;
             if (deltaY > 0) {
@@ -281,14 +286,14 @@ function Composer(inProps) {
         dispatch({
             type: 'multiple',
             value: Object.assign(Object.assign({}, content), { pollError: content.poll.title.length > Composer_1.COMPOSER_TITLE_MAX_LENGTH
-                    ? { titleError: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.title.error.maxlength", defaultMessage: "ui.composer.title.error.maxlength" }) }
+                    ? { titleError: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.title.error.maxlength", defaultMessage: "ui.composer.title.error.maxlength" }) }
                     : null })
         });
     }, []);
     const handleChangeDiscussion = (0, react_1.useCallback)((content) => {
         dispatch({
             type: 'multiple',
-            value: Object.assign(Object.assign({}, content), { titleError: content.title.length > Composer_1.COMPOSER_TITLE_MAX_LENGTH ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.title.error.maxlength", defaultMessage: "ui.composer.title.error.maxlength" })) : null })
+            value: Object.assign(Object.assign({}, content), { titleError: content.title.length > Composer_1.COMPOSER_TITLE_MAX_LENGTH ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.title.error.maxlength", defaultMessage: "ui.composer.title.error.maxlength" })) : null })
         });
     }, []);
     const handleChangePost = (0, react_1.useCallback)((content) => {
@@ -311,9 +316,12 @@ function Composer(inProps) {
         }
     }), [handleAddLayer, handleRemoveLayer, handleChangeCategories, categories]);
     const handleChangeAudience = (0, react_1.useCallback)((value) => {
-        if (group || (value && Object.prototype.hasOwnProperty.call(value, 'managed_by'))) {
+        if (group || (value && Object.prototype.hasOwnProperty.call(value, 'emotional_image_position'))) {
             dispatch({ type: 'group', value });
         }
+        else if (event || (value && Object.prototype.hasOwnProperty.call(value, 'recurring'))) {
+            dispatch({ type: 'event', value });
+        }
         else {
             dispatch({ type: 'addressing', value });
         }
@@ -325,9 +333,13 @@ function Composer(inProps) {
         ComponentProps: {
             onClose: handleRemoveLayer,
             onSave: handleChangeAudience,
-            defaultValue: group || (addressing && Object.prototype.hasOwnProperty.call(addressing, 'managed_by')) ? group : addressing
+            defaultValue: group || (addressing && Object.prototype.hasOwnProperty.call(addressing, 'emotional_image_position'))
+                ? group
+                : event || (addressing && Object.prototype.hasOwnProperty.call(addressing, 'recurring'))
+                    ? event
+                    : addressing
         }
-    }), [handleAddLayer, handleRemoveLayer, handleChangeAudience, addressing, group]);
+    }), [handleAddLayer, handleRemoveLayer, handleChangeAudience, addressing, event, group]);
     const handleChangeLocation = (0, react_1.useCallback)((value) => {
         dispatch({ type: 'location', value });
         setLayer(null);
@@ -358,7 +370,7 @@ function Composer(inProps) {
         });
         mediasRef.current.medias = _medias;
     }, []);
-    const handleMediaTriggerClick = (0, react_1.useCallback)((mediaObjectType) => (event) => {
+    const handleMediaTriggerClick = (0, react_1.useCallback)((mediaObjectType) => (e) => {
         if (mediaObjectType.layerComponent) {
             handleAddLayer({
                 name: mediaObjectType.name,
@@ -390,12 +402,12 @@ function Composer(inProps) {
                 break;
         }
     }, [handleAddCategoryLayer, handleAddAudienceLayer, handleAddLocationLayer]);
-    const handleSubmit = (0, react_1.useCallback)((event) => {
-        event.preventDefault();
-        event.stopPropagation();
+    const handleSubmit = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
         if (react_core_1.UserUtils.isBlocked(scUserContext.user)) {
             // deny submit action if authenticated user is blocked
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -421,6 +433,9 @@ function Composer(inProps) {
         if (features.includes(types_1.SCFeatureName.GROUPING) && group !== null) {
             data.group = group.id;
         }
+        if (features.includes(types_1.SCFeatureName.EVENT) && event !== null) {
+            data.event = event.id;
+        }
         setIsSubmitting(true);
         // Finding right url
         const _type = type === Composer_1.COMPOSER_TYPE_POLL ? types_1.SCContributionType.POST : type;
@@ -444,17 +459,19 @@ function Composer(inProps) {
             }
             feedType && feedType === types_1.SCFeedTypologyType.CATEGORY
                 ? dispatch({ type: 'resetCategoryFeed' })
-                : feedType === types_1.SCFeedTypologyType.GROUP
-                    ? dispatch({ type: 'resetGroupFeed' })
-                    : dispatch({ type: 'reset' });
+                : feedType === types_1.SCFeedTypologyType.EVENT
+                    ? dispatch({ type: 'resetEventFeed' })
+                    : feedType === types_1.SCFeedTypologyType.GROUP
+                        ? dispatch({ type: 'resetGroupFeed' })
+                        : dispatch({ type: 'reset' });
         })
             .catch((error) => {
             dispatch({ type: 'multiple', value: (0, api_services_1.formatHttpErrorCode)(error) });
         })
             .then(() => setIsSubmitting(false));
-    }, [scUserContext.user, feedObjectType, id, type, title, html, categories, group, addressing, audience, medias, poll, location, hasPoll]);
+    }, [scUserContext.user, feedObjectType, id, type, title, html, categories, event, group, addressing, audience, medias, poll, location, hasPoll]);
     //edited here
-    const handleClose = (0, react_1.useCallback)((event, reason) => {
+    const handleClose = (0, react_1.useCallback)((e, reason) => {
         if (unloadRef.current) {
             window.onbeforeunload = null;
         }
@@ -465,21 +482,21 @@ function Composer(inProps) {
                 ComponentProps: {
                     onClose: handleRemoveLayer,
                     onSave: () => {
-                        onClose && onClose(event);
+                        onClose && onClose(e);
                         setLayer(null);
                         feedType && feedType === types_1.SCFeedTypologyType.CATEGORY
                             ? dispatch({ type: 'resetCategoryFeed' })
-                            : feedType === types_1.SCFeedTypologyType.GROUP
-                                ? dispatch({ type: 'resetGroupFeed' })
-                                : dispatch({ type: 'reset' });
+                            : feedType === types_1.SCFeedTypologyType.EVENT
+                                ? dispatch({ type: 'resetEventFeed' })
+                                : feedType === types_1.SCFeedTypologyType.GROUP
+                                    ? dispatch({ type: 'resetGroupFeed' })
+                                    : dispatch({ type: 'reset' });
                     }
                 }
             });
         }
         else {
-            console.log('qui');
-            onClose && onClose(event);
-            console.log('qui2');
+            onClose && onClose(e);
             /*setLayer(null);
             feedType && feedType === SCFeedTypologyType.CATEGORY
               ? dispatch({type: 'resetCategoryFeed'})
@@ -488,7 +505,7 @@ function Composer(inProps) {
               : dispatch({type: 'reset'}); */
         }
     }, [onClose, canSubmit, handleRemoveLayer]);
-    const handleClosePrompt = (0, react_1.useCallback)((event) => {
+    const handleClosePrompt = (0, react_1.useCallback)((e) => {
         if (canSubmit) {
             handleAddLayer({
                 name: 'close',
@@ -500,28 +517,25 @@ function Composer(inProps) {
             });
         }
         else {
-            handleClose(event);
+            handleClose(e);
         }
     }, [canSubmit, handleAddLayer, handleRemoveLayer, handleClose]);
     // RENDER
     const hasMediaShare = (0, react_1.useMemo)(() => medias.findIndex((m) => m.type === Media_1.MEDIA_TYPE_SHARE) !== -1, [medias]);
     const content = (0, react_1.useMemo)(() => {
         if (editMode && isLoading) {
-            return react_1.default.createElement(Skeleton_1.default, null);
+            return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
         }
         else if (editMode && loadError) {
-            return (react_1.default.createElement(material_1.Alert, { severity: "error", onClose: handleClose },
-                react_1.default.createElement(material_1.AlertTitle, null,
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.edit.error.title", defaultMessage: "ui.composer.edit.error.title" })),
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.edit.error.content", defaultMessage: "ui.composer.edit.error.content" })));
+            return ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error", onClose: handleClose }, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.edit.error.title", defaultMessage: "ui.composer.edit.error.title" }) }), (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.edit.error.content", defaultMessage: "ui.composer.edit.error.content" })] })));
         }
         switch (type) {
             case Composer_1.COMPOSER_TYPE_POLL:
-                return (react_1.default.createElement(ContentPoll_1.default, { key: key, onChange: handleChangePoll, value: { html, group, addressing, medias, poll, location }, error: pollError, disabled: isSubmitting }));
+                return ((0, jsx_runtime_1.jsx)(ContentPoll_1.default, { onChange: handleChangePoll, value: { html, event, group, addressing, medias, poll, location }, error: pollError, disabled: isSubmitting }, key));
             case types_1.SCContributionType.DISCUSSION:
-                return (react_1.default.createElement(ContentDiscussion_1.default, { key: key, value: { title, html, categories, group, addressing, medias, poll, location }, error: { titleError, error }, onChange: handleChangeDiscussion, disabled: isSubmitting, EditorProps: Object.assign({ toolbar: true, uploadImage: true }, EditorProps) }));
+                return ((0, jsx_runtime_1.jsx)(ContentDiscussion_1.default, { value: { title, html, categories, event, group, addressing, medias, poll, location }, error: { titleError, error }, onChange: handleChangeDiscussion, disabled: isSubmitting, EditorProps: Object.assign({ toolbar: true, uploadImage: true }, EditorProps) }, key));
             default:
-                return (react_1.default.createElement(ContentPost_1.default, { key: key, value: { html, categories, group, addressing, medias, poll, location }, error: { error }, onChange: handleChangePost, disabled: isSubmitting, EditorProps: Object.assign({ toolbar: false, uploadImage: false }, EditorProps) }));
+                return ((0, jsx_runtime_1.jsx)(ContentPost_1.default, { value: { html, categories, event, group, addressing, medias, poll, location }, error: { error }, onChange: handleChangePost, disabled: isSubmitting, EditorProps: Object.assign({ toolbar: false, uploadImage: false }, EditorProps) }, key));
         }
     }, [
         key,
@@ -529,6 +543,7 @@ function Composer(inProps) {
         title,
         html,
         categories,
+        event,
         group,
         addressing,
         medias,
@@ -543,38 +558,18 @@ function Composer(inProps) {
     if (!scUserContext.user && !(scUserContext.loading && open)) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ ref: dialogRef, TransitionComponent: DialogTransition, keepMounted: true, onClose: handleClose }, rest, { className: (0, classnames_1.default)(classes.root, { [classes.ios]: isIOS }), scroll: "body", fullScreen: fullScreen, tabIndex: -1 }),
-        react_1.default.createElement("form", { onSubmit: handleSubmit, method: "post" },
-            react_1.default.createElement(material_1.DialogTitle, { className: classes.title },
-                react_1.default.createElement(material_1.IconButton, { onClick: handleClosePrompt },
-                    react_1.default.createElement(Icon_1.default, null, "close")),
-                react_1.default.createElement(LoadingButton_1.default, { size: "small", type: "submit", color: "secondary", variant: "contained", disabled: !canSubmit, loading: isSubmitting },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.submit", defaultMessage: "ui.composer.submit" }))),
-            react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-                react_1.default.createElement(Attributes_1.default, { value: { categories, group, addressing, location }, className: classes.attributes, onChange: handleChangeAttributes, onClick: handleClickAttributes }),
-                content,
-                medias && medias.length > 0 && (react_1.default.createElement(material_1.Box, { className: classes.medias }, mediaObjectTypes.map((mediaObjectType) => {
-                    if (mediaObjectType.previewComponent) {
-                        return react_1.default.createElement(mediaObjectType.previewComponent, { key: mediaObjectType.name, value: medias, onChange: handleChangeMedias });
-                    }
-                    else if (mediaObjectType.displayComponent) {
-                        return react_1.default.createElement(mediaObjectType.displayComponent, { key: mediaObjectType.name, medias: medias });
-                    }
-                })))),
-            !canSubmit && !editMode && react_1.default.createElement(TypeSwitchButtonGroup_1.default, { className: classes.types, onChange: handleChangeType, size: "small", value: type }),
-            react_1.default.createElement(material_1.DialogActions, { className: classes.actions },
-                mediaObjectTypes
-                    .filter((mediaObjectType) => mediaObjectType.triggerButton !== null)
-                    .map((mediaObjectType) => {
-                    const props = mediaObjectType.layerComponent ? { onClick: handleMediaTriggerClick(mediaObjectType) } : { onAdd: handleAddMedia };
-                    return (react_1.default.createElement(mediaObjectType.triggerButton, Object.assign({ key: mediaObjectType.name, disabled: isSubmitting || hasMediaShare, color: medias.filter(mediaObjectType.filter).length > 0 ? 'primary' : 'default' }, props)));
-                }),
-                react_1.default.createElement(material_1.IconButton, { disabled: isSubmitting, onClick: handleAddCategoryLayer },
-                    react_1.default.createElement(Icon_1.default, null, "category")),
-                react_1.default.createElement(material_1.IconButton, { disabled: isSubmitting || !features.includes(types_1.SCFeatureName.TAGGING) || Boolean(feedObject === null || feedObject === void 0 ? void 0 : feedObject.group), onClick: handleAddAudienceLayer }, (!group && addressing === null) || (addressing === null || addressing === void 0 ? void 0 : addressing.length) === 0 ? react_1.default.createElement(Icon_1.default, null, "public") : group ? react_1.default.createElement(Icon_1.default, null, "groups") : react_1.default.createElement(Icon_1.default, null, "label")),
-                preferences[react_core_1.SCPreferences.ADDONS_POST_GEOLOCATION_ENABLED].value && (react_1.default.createElement(material_1.IconButton, { disabled: isSubmitting, onClick: handleAddLocationLayer, color: location !== null ? 'primary' : 'default' },
-                    react_1.default.createElement(Icon_1.default, null, "add_location_alt"))))),
-        layer && (react_1.default.createElement(LayerTransitionRoot, { className: classes.layerTransitionRoot, in: true, container: dialogRef.current, direction: "left" },
-            react_1.default.createElement(layer.Component, Object.assign({}, layer.ComponentProps))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ ref: dialogRef, TransitionComponent: DialogTransition, keepMounted: true, onClose: handleClose }, rest, { className: (0, classnames_1.default)(classes.root, { [classes.ios]: isIOS }), scroll: "body", fullScreen: fullScreen, tabIndex: -1 }, { children: [(0, jsx_runtime_1.jsxs)("form", Object.assign({ onSubmit: handleSubmit, method: "post" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, Object.assign({ className: classes.title }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleClosePrompt }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "close" }) })), (0, jsx_runtime_1.jsx)(LoadingButton_1.default, Object.assign({ size: "small", type: "submit", color: "secondary", variant: "contained", disabled: !canSubmit, loading: isSubmitting }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.submit", defaultMessage: "ui.composer.submit" }) }))] })), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, Object.assign({ className: classes.content }, { children: [(0, jsx_runtime_1.jsx)(Attributes_1.default, { value: { categories, event, group, addressing, location }, className: classes.attributes, onChange: handleChangeAttributes, onClick: handleClickAttributes }), content, medias && medias.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.medias }, { children: mediaObjectTypes.map((mediaObjectType) => {
+                                    if (mediaObjectType.previewComponent) {
+                                        return (0, jsx_runtime_1.jsx)(mediaObjectType.previewComponent, { value: medias, onChange: handleChangeMedias }, mediaObjectType.name);
+                                    }
+                                    else if (mediaObjectType.displayComponent) {
+                                        return (0, jsx_runtime_1.jsx)(mediaObjectType.displayComponent, { medias: medias }, mediaObjectType.name);
+                                    }
+                                }) })))] })), !canSubmit && !editMode && (0, jsx_runtime_1.jsx)(TypeSwitchButtonGroup_1.default, { className: classes.types, onChange: handleChangeType, size: "small", value: type }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, Object.assign({ className: classes.actions }, { children: [mediaObjectTypes
+                                .filter((mediaObjectType) => mediaObjectType.triggerButton !== null)
+                                .map((mediaObjectType) => {
+                                const props = mediaObjectType.layerComponent ? { onClick: handleMediaTriggerClick(mediaObjectType) } : { onAdd: handleAddMedia };
+                                return ((0, jsx_runtime_1.jsx)(mediaObjectType.triggerButton, Object.assign({ disabled: isSubmitting || hasMediaShare, color: medias.filter(mediaObjectType.filter).length > 0 ? 'primary' : 'default' }, props), mediaObjectType.name));
+                            }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ disabled: isSubmitting, onClick: handleAddCategoryLayer }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "category" }) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ disabled: isSubmitting || !features.includes(types_1.SCFeatureName.TAGGING) || Boolean(feedObject === null || feedObject === void 0 ? void 0 : feedObject.group) || Boolean(feedObject === null || feedObject === void 0 ? void 0 : feedObject.event), onClick: handleAddAudienceLayer }, { children: (!group && addressing === null) || (!event && addressing === null) || (addressing === null || addressing === void 0 ? void 0 : addressing.length) === 0 ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "public" })) : group ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "groups" })) : event ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "CalendarIcon" })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "label" })) })), preferences[react_core_1.SCPreferences.ADDONS_POST_GEOLOCATION_ENABLED].value && ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ disabled: isSubmitting, onClick: handleAddLocationLayer, color: location !== null ? 'primary' : 'default' }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "add_location_alt" }) })))] }))] })), layer && ((0, jsx_runtime_1.jsx)(LayerTransitionRoot, Object.assign({ className: classes.layerTransitionRoot, in: true, container: dialogRef.current, direction: "left" }, { children: (0, jsx_runtime_1.jsx)(layer.Component, Object.assign({}, layer.ComponentProps)) })))] })));
 }
 exports.default = Composer;