@selfcommunity/react-ui 0.1.2-alpha.6 → 0.1.2-alpha.9

package/lib/cjs/components/AccountRecover/AccountRecover.js

@@ -52,7 +52,7 @@ const Root = (0, _styles.styled)('form', {
 }));
 
 /**
- * > API documentation for the Community-UI AccountRecover component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountRecover component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/AccountSignIn/AccountSignIn.js

@@ -56,7 +56,7 @@ const Root = (0, _styles.styled)('form', {
 }));
 
 /**
- * > API documentation for the Community-UI AccountSignIn component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountSignIn component. Learn about the available props and the CSS API.
  * > This component support [OAuth2 authentication](https://developers.selfcommunity.com/docs/api/authentication/oauth#password) protocol with grant_type password
 
  #### Import

package/lib/cjs/components/AccountSignUp/AccountSignUp.js

@@ -58,7 +58,7 @@ const Root = (0, _styles.styled)('form', {
 }));
 
 /**
- * > API documentation for the Community-UI AccountSignUp component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountSignUp component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/BroadcastMessages/BroadcastMessages.js

@@ -69,7 +69,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- > API documentation for the Community-UI Broadcast Messages component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Broadcast Messages component. Learn about the available props and the CSS API.
  > This component handles message broadcasts. It initially displays unseen messages. If all messages have been viewed it will show at most one message.
  *
  #### Import

package/lib/cjs/components/BroadcastMessages/Message.js

@@ -85,7 +85,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
     height: 30
   }
 }));
-const PREFERENCES = [_reactCore.SCPreferences.LOGO_NAVBAR_LOGO, _reactCore.SCPreferences.TEXT_APPLICATION_NAME];
+const PREFERENCES = [_reactCore.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE, _reactCore.SCPreferences.TEXT_APPLICATION_NAME];
 
 function Message(props) {
   // PROPS
@@ -181,7 +181,7 @@ function Message(props) {
       className: classes.header,
       avatar: /*#__PURE__*/_react.default.createElement(_material.Avatar, {
         alt: preferences[_reactCore.SCPreferences.TEXT_APPLICATION_NAME],
-        src: preferences[_reactCore.SCPreferences.LOGO_NAVBAR_LOGO]
+        src: preferences[_reactCore.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE_MOBILE]
       }),
       action: template === _types.SCBroadcastMessageTemplateType.DETAIL && /*#__PURE__*/_react.default.createElement(_material.IconButton, {
         "aria-label": "close",

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

@@ -34,7 +34,7 @@ const MessageRoot = (0, _styles.styled)(_Widget.default, {
   marginBottom: theme.spacing(2)
 }));
 /**
- * > API documentation for the Community-UI Broadcast Message Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Broadcast Message Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -112,7 +112,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Broadcast Messages Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Broadcast Messages Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js

@@ -70,7 +70,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
   marginBottom: theme.spacing(2)
 }));
 /**
- > API documentation for the Community-UI Categories Followed component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Categories Followed component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx
@@ -111,7 +111,6 @@ function CategoriesFollowed(inProps) {
   } = props; // STATE
 
   const [categories, setCategories] = (0, _react.useState)([]);
-  const [visibleCategories, setVisibleCategories] = (0, _react.useState)(limit);
   const [loading, setLoading] = (0, _react.useState)(true);
   const [hasMore, setHasMore] = (0, _react.useState)(false);
   const [total, setTotal] = (0, _react.useState)(0);
@@ -129,17 +128,12 @@ function CategoriesFollowed(inProps) {
     if (scUserContext.user['id'] === userId) {
       setCategories(categories.filter(c => c.id !== category.id));
       setTotal(prev => prev - 1);
-
-      if (visibleCategories < limit && total > 1) {
-        loadCategories(1);
-      }
+      setHasMore(total - 1 > limit);
     } else {
       const newCategories = [...categories];
       const index = newCategories.findIndex(u => u.id === category.id);
 
       if (index !== -1) {
-        console.log(category.followed);
-
         if (category.followed) {
           newCategories[index].followers_counter = category.followers_counter - 1;
           newCategories[index].followed = !category.followed;
@@ -167,7 +161,7 @@ function CategoriesFollowed(inProps) {
         setCategories([...categories, ...data]);
         setTotal(data.length);
         setNext(data['next']);
-        setHasMore(data.length > visibleCategories);
+        setHasMore(data.length > limit);
         setLoading(false);
       }).catch(error => {
         setLoading(false);
@@ -176,17 +170,6 @@ function CategoriesFollowed(inProps) {
       });
     }
   }
-  /**
-   * Loads more categories when followed list changes
-   */
-
-
-  function loadCategories(n) {
-    const newIndex = visibleCategories + n;
-    const newHasMore = newIndex < categories.length - 1;
-    setVisibleCategories(newIndex);
-    setHasMore(newHasMore);
-  }
   /**
    * On mount, fetches the list of categories followed
    */
@@ -209,7 +192,7 @@ function CategoriesFollowed(inProps) {
   })}`), !total ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
     className: classes.noResults,
     variant: "body2"
-  }, `${intl.formatMessage(messages.noCategories)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, categories.slice(0, visibleCategories).map(category => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
+  }, `${intl.formatMessage(messages.noCategories)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, categories.slice(0, limit).map(category => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     key: category.id
   }, /*#__PURE__*/_react.default.createElement(_Category.default, _extends({
     elevation: 0,

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

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_Skeleton.default, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Categories Followed Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Followed Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js

@@ -62,7 +62,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
   marginBottom: theme.spacing(2)
 }));
 /**
- > API documentation for the Community-UI Categories Popular component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Categories Popular component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_Skeleton.default, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Categories Popular Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Popular Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js

@@ -55,7 +55,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI Categories Suggestion component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Suggestion component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx
@@ -110,10 +110,7 @@ function CategoriesSuggestion(inProps) {
   function handleOnFollowCategory(category, follow) {
     setCategories(categories.filter(c => c.id !== category.id));
     setTotal(prev => prev - 1);
-
-    if (visibleCategories < limit && total > 1) {
-      loadCategories(1);
-    }
+    setHasMore(total - 1 > limit);
   }
   /**
    * Fetches categories suggestion list

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

@@ -33,7 +33,7 @@ const Root = (0, _styles.styled)(_Widget.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Categories Suggestion Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Categories Suggestion Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/Category/Category.js

@@ -53,7 +53,7 @@ const Root = (0, _styles.styled)(_BaseItemButton.default, {
 }) => ({}));
 
 /**
- * > API documentation for the Community-UI Category component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Category component. Learn about the available props and the CSS API.
  *
  * #### Import
  ```jsx

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

@@ -25,7 +25,7 @@ const Root = (0, _styles.styled)(_BaseItem.default)(({
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Category Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Category Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CategoryHeader/CategoryHeader.js

@@ -104,7 +104,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Category Header component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Category Header component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -40,7 +40,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   }
 }));
 /**
- * > API documentation for the Community-UI Category Header Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Category Header Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/ChangeCover/ChangeCover.js

@@ -57,7 +57,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Change Cover component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Change Cover component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

package/lib/cjs/components/ChangePicture/ChangePicture.js

@@ -46,7 +46,7 @@ const CPButton = (0, _styles.styled)(_material.Button, {
 }) => ({}));
 
 /**
- * > API documentation for the Community-UI Change Picture component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Change Picture component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CommentObject/CommentObject.js

@@ -51,7 +51,7 @@ var _apiServices = require("@selfcommunity/api-services");
 
 var _reactCore = require("@selfcommunity/react-core");
 
-const _excluded = ["id", "className", "commentObjectId", "commentObject", "feedObjectId", "feedObject", "feedObjectType", "commentReply", "onOpenReply", "onDelete", "onVote", "elevation", "CommentObjectSkeletonProps", "ReplyCommentObjectProps"];
+const _excluded = ["id", "className", "commentObjectId", "commentObject", "feedObjectId", "feedObject", "feedObjectType", "commentReply", "onOpenReply", "onDelete", "onVote", "elevation", "CommentObjectSkeletonProps", "ReplyCommentObjectProps", "linkableCommentDateTime"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -117,7 +117,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   [`& .${classes.nestedComments}`]: {
     paddingTop: 0,
     paddingBottom: 0,
-    paddingLeft: 55,
+    paddingLeft: 25,
     '& ul.MuiList-root': {
       paddingTop: 0,
       paddingBottom: 0,
@@ -125,11 +125,15 @@ const Root = (0, _styles.styled)(_material.Box, {
       '& li.MuiListItem-root': {
         paddingTop: 5
       }
+    },
+    [theme.breakpoints.up('sm')]: {
+      paddingLeft: 55
     }
   },
   [`& .${classes.content}`]: {
     position: 'relative',
     display: 'flex',
+    wordBreak: 'break-all',
     '& .MuiCardContent-root': {
       padding: '7px 13px 7px 13px',
       flexGrow: 1
@@ -182,7 +186,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Comment Object component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Comment Object component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -247,7 +251,8 @@ function CommentObject(inProps) {
       WidgetProps: {
         variant: 'outlined'
       }
-    }
+    },
+    linkableCommentDateTime = true
   } = props,
         rest = _objectWithoutPropertiesLoose(props, _excluded); // CONTEXT
 
@@ -285,11 +290,13 @@ function CommentObject(inProps) {
    */
 
   function renderTimeAgo(comment) {
-    return /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, linkableCommentDateTime ? /*#__PURE__*/_react.default.createElement(_reactCore.Link, {
       to: scRoutingContext.url(_reactCore.SCRoutes.COMMENT_ROUTE_NAME, (0, _contribution.getRouteData)(comment)),
       className: classes.activityAt
     }, /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
       date: comment.added_at
+    })) : /*#__PURE__*/_react.default.createElement(_DateTimeAgo.default, {
+      date: comment.added_at
     }));
   }
   /**
@@ -741,7 +748,8 @@ function CommentObject(inProps) {
       CommentComponentProps: Object.assign({
         onOpenReply: reply,
         CommentObjectSkeletonProps,
-        elevation: elevation
+        elevation: elevation,
+        linkableCommentDateTime: linkableCommentDateTime
       }, rest),
       CommentsObjectSkeletonProps: {
         count: 1,

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

@@ -47,7 +47,7 @@ const Root = (0, _styles.styled)(_BaseItem.default)(({
   }
 }));
 /**
- * > API documentation for the Community-UI Comment Object Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Comment Object Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/CommentsFeedObject/CommentsFeedObject.js

@@ -69,7 +69,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- *> API documentation for the Community-UI Comments Object component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Comments Object component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -107,7 +107,8 @@ function CommentsFeedObject(inProps) {
     commentObject,
     CommentComponent = _CommentObject.default,
     CommentComponentProps = {
-      variant: 'outlined'
+      variant: 'outlined',
+      linkableCommentDateTime: false
     },
     CommentObjectSkeletonProps = {
       elevation: 0,

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

@@ -86,7 +86,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 const PREFERENCES = [_reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, _reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
 /**
- *> API documentation for the Community-UI Comments Object component. Learn about the available props and the CSS API.
+ *> API documentation for the Community-JS Comments Object component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -29,7 +29,7 @@ const Root = (0, _styles.styled)(_material.Box)(({
   width: '100%'
 }));
 /**
- * > API documentation for the Community-UI Comments Object Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Comments Object Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -275,7 +275,7 @@ const reducer = (state, action) => {
   }
 };
 /**
- > API documentation for the Community-UI Composer component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Composer component. Learn about the available props and the CSS API.
  > The Composer component contains the logic around the creation of [Post](https://developers.selfcommunity.com/docs/apireference/v2/post/create_a_post) and [Discussion](https://developers.selfcommunity.com/docs/apireference/v2/discussion/create_a_discussion) objects.
  *
  #### Import
@@ -747,10 +747,12 @@ function Composer(inProps) {
         value: (0, _apiServices.formatHttpError)(error)
       });
     }).then(() => setIsSubmitting(false));
-  };
-  /* Renderers */
+  }; // RENDER
 
 
+  const theme = (0, _styles.useTheme)();
+  const smDown = (0, _material.useMediaQuery)(theme.breakpoints.down('sm'));
+  const fullScreen = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
   const hasMediaShare = (0, _react.useMemo)(() => medias.findIndex(m => m.type === _Media.MEDIA_TYPE_SHARE) !== -1, [medias]);
 
   const renderMediaAdornment = mediaObjectType => {
@@ -792,7 +794,10 @@ function Composer(inProps) {
     })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       className: classes.avatar,
       src: scAuthContext.user.avatar
-    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, smDown ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")) : /*#__PURE__*/_react.default.createElement(_material.Button, {
       onClick: handleChangeView(MAIN_VIEW),
       variant: "text",
       color: "inherit"
@@ -862,7 +867,11 @@ function Composer(inProps) {
       })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
         className: classes.avatar,
         src: scAuthContext.user.avatar
-      })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+      })), /*#__PURE__*/_react.default.createElement(_material.Box, null, smDown ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+        onClick: handleChangeView(MAIN_VIEW),
+        color: "inherit",
+        disabled: mediasRef.current.mediaChunks.length > 0
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")) : /*#__PURE__*/_react.default.createElement(_material.Button, {
         onClick: handleChangeView(MAIN_VIEW),
         variant: "text",
         color: "inherit",
@@ -892,15 +901,23 @@ function Composer(inProps) {
       size: "small",
       disabled: !hasPoll()
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "arrow_back")), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-      id: "ui.composer.poll.title",
-      defaultMessage: "ui.composer.poll.title"
+      id: "ui.composer.poll",
+      defaultMessage: "ui.composer.poll"
     })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       className: classes.avatar,
       src: scAuthContext.user.avatar
     })), /*#__PURE__*/_react.default.createElement(_material.Stack, {
       spacing: 2,
       direction: "row"
-    }, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    }, smDown ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit",
+      disabled: !hasPoll()
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit",
+      disabled: !hasPoll()
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "delete"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
       onClick: handleDeletePoll,
       variant: "text",
       color: "inherit"
@@ -915,7 +932,7 @@ function Composer(inProps) {
     }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
       id: "ui.composer.done",
       defaultMessage: "ui.composer.done"
-    })))), /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
+    }))))), /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
       className: classes.content
     }, /*#__PURE__*/_react.default.createElement(_Poll2.default, {
       onChange: handleChangePoll,
@@ -938,7 +955,10 @@ function Composer(inProps) {
     })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       className: classes.avatar,
       src: scAuthContext.user.avatar
-    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    })), /*#__PURE__*/_react.default.createElement(_material.Box, null, smDown ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+      onClick: handleChangeView(MAIN_VIEW),
+      color: "inherit"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "check")) : /*#__PURE__*/_react.default.createElement(_material.Button, {
       onClick: handleChangeView(MAIN_VIEW),
       variant: "text",
       color: "inherit"
@@ -1062,9 +1082,7 @@ function Composer(inProps) {
       onClick: handleChangeView(POLL_VIEW)
     }, /*#__PURE__*/_react.default.createElement(_material.Badge, {
       className: classes.badgeError,
-      badgeContent: pollError ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        fontSize: "small"
-      }, "error_outline") : null,
+      badgeContent: pollError ? ' ' : null,
       color: "error"
     }, /*#__PURE__*/_react.default.createElement(_Icon.default, null, "bar_chart")))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
       align: "right"
@@ -1126,9 +1144,6 @@ function Composer(inProps) {
     }));
   }
 
-  const theme = (0, _styles.useTheme)();
-  const fullScreen = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
-
   if (!scAuthContext.user) {
     return null;
   }

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

@@ -50,6 +50,7 @@ const localeMap = {
 const PREFIX = 'SCComposerPoll';
 const classes = {
   root: `${PREFIX}-root`,
+  generalError: `${PREFIX}-generalError`,
   title: `${PREFIX}-title`,
   choices: `${PREFIX}-choices`,
   choiceNew: `${PREFIX}-choice-new`,
@@ -63,6 +64,10 @@ const Root = (0, _styles.styled)(_material.Box, {
   theme
 }) => ({
   padding: theme.spacing(2),
+  [`& .${classes.generalError}`]: {
+    marginBottom: theme.spacing(2),
+    color: theme.palette.error.main
+  },
   [`& .${classes.title}, & .${classes.choices}, & .${classes.choiceNew}, & .${classes.metadata}`]: {
     marginBottom: theme.spacing(3)
   },
@@ -118,7 +123,8 @@ var _default = inProps => {
     onChange
   } = props;
   const {
-    titleError = null
+    titleError = null,
+    error: generalError = null
   } = Object.assign({}, error); // STATE
 
   const [title, setTitle] = (0, _react.useState)(value !== null ? value.title : DEFAULT_POLL.title);
@@ -186,7 +192,9 @@ var _default = inProps => {
   return /*#__PURE__*/_react.default.createElement(Root, {
     id: id,
     className: (0, _classnames.default)(classes.root, className)
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }, generalError && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    className: classes.generalError
+  }, generalError), /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: classes.title
   }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
     label: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {

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

@@ -74,7 +74,7 @@ const Root = (0, _styles.styled)(_material.Box, {
   }
 }));
 /**
- * > API documentation for the Community-UI Composer Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Composer Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/ConnectionUserButton/ConnectionUserButton.js

@@ -42,7 +42,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }) => ({}));
 
 /**
- > API documentation for the Community-UI Connection User Button component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Connection User Button component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

package/lib/cjs/components/CustomAdv/CustomAdv.js

@@ -36,7 +36,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- > API documentation for the Community-UI CustomAdv component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS CustomAdv component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

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

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Custom Adv Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Custom Adv Skeleton component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/cjs/components/Editor/Editor.js

@@ -137,7 +137,7 @@ const Root = (0, _styles.styled)(_material.Box, {
 }));
 
 /**
- * > API documentation for the Community-UI Editor component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Editor component. Learn about the available props and the CSS API.
 
  #### Import
 

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

@@ -23,7 +23,7 @@ const Root = (0, _styles.styled)(_Skeleton.GenericSkeleton, {
   theme
 }) => ({}));
 /**
- * > API documentation for the Community-UI Editor Skeleton component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Editor Skeleton component. Learn about the available props and the CSS API.
 
  #### Import