@selfcommunity/react-ui 0.1.2-alpha.8 → 0.1.3-alpha.0

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/CategoriesFollowed/CategoriesFollowed.js

@@ -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/CategoriesSuggestion/CategoriesSuggestion.js

@@ -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/CommentObject/CommentObject.js

@@ -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,6 +125,9 @@ const Root = (0, _styles.styled)(_material.Box, {
       '& li.MuiListItem-root': {
         paddingTop: 5
       }
+    },
+    [theme.breakpoints.up('sm')]: {
+      paddingLeft: 55
     }
   },
   [`& .${classes.content}`]: {

package/lib/cjs/components/Feed/Feed.js

@@ -35,6 +35,8 @@ var _pubsubJs = _interopRequireDefault(require("pubsub-js"));
 
 var _useThemeProps = _interopRequireDefault(require("@mui/material/styles/useThemeProps"));
 
+var _url = require("../../utils/url");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -110,6 +112,9 @@ const Feed = (inProps, ref) => {
     id = 'feed',
     className,
     endpoint,
+    endpointQueryParams = [{
+      limit: 5
+    }],
     endMessage = /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
       id: "ui.feed.noOtherFeedObject",
       defaultMessage: "ui.feed.noOtherFeedObject"
@@ -135,7 +140,7 @@ const Feed = (inProps, ref) => {
 
   const [feedData, setFeedData] = (0, _react.useState)([]);
   const [loading, setLoading] = (0, _react.useState)(false);
-  const [next, setNext] = (0, _react.useState)(endpoint.url({})); // CONTEXT
+  const [next, setNext] = (0, _react.useState)((0, _url.appendURLSearchParams)(endpoint.url({}), endpointQueryParams)); // CONTEXT
 
   const scPreferences = (0, _reactCore.useSCPreferences)();
   const scUserContext = (0, _react.useContext)(_reactCore.SCUserContext); // CONST
@@ -239,7 +244,7 @@ const Feed = (inProps, ref) => {
 
   const theme = (0, _styles.useTheme)();
   const oneColLayout = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
-  const getData = (0, _react.useCallback)(() => {
+  const getData = (0, _react.useMemo)(() => () => {
     const widgetSort = (w1, w2) => w1.position > w2.position ? 1 : -1;
 
     const widgetReducer = (value, w) => {
@@ -252,7 +257,7 @@ const Feed = (inProps, ref) => {
         left: _widgets.map(w => Object.assign({}, w, {
           position: w.position * (w.column === 'right' ? 5 : 1)
         })).sort(widgetSort).reduce(widgetReducer, [...feedData, ...(loading ? Array.from({
-          length: 5
+          length: 3
         }).map(() => ({
           type: 'widget',
           component: ItemSkeleton,
@@ -263,7 +268,7 @@ const Feed = (inProps, ref) => {
     } else {
       return {
         left: _widgets.filter(w => w.column === 'left').sort(widgetSort).reduce(widgetReducer, [...feedData, ...(loading ? Array.from({
-          length: 5
+          length: 3
         }).map(() => ({
           type: 'widget',
           component: ItemSkeleton,
@@ -283,14 +288,12 @@ const Feed = (inProps, ref) => {
     item: true,
     xs: 12,
     md: 7
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
-    fallback: /*#__PURE__*/_react.default.createElement(ItemSkeleton, ItemSkeletonProps)
   }, /*#__PURE__*/_react.default.createElement(_reactInfiniteScrollComponent.default, {
     className: classes.left,
     dataLength: data.left.length,
     next: fetch,
     hasMore: Boolean(next),
-    loader: false,
+    loader: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null),
     endMessage: /*#__PURE__*/_react.default.createElement(_Widget.default, {
       className: classes.end
     }, /*#__PURE__*/_react.default.createElement(_material.CardContent, null, endMessage)),
@@ -315,7 +318,7 @@ const Feed = (inProps, ref) => {
     sx: {
       width: '100%'
     }
-  })))))), data.right.length > 0 && /*#__PURE__*/_react.default.createElement(_material.Hidden, {
+  }))))), data.right.length > 0 && /*#__PURE__*/_react.default.createElement(_material.Hidden, {
     smDown: true
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,

package/lib/cjs/components/FeedObject/FeedObject.js

@@ -401,106 +401,96 @@ function FeedObject(inProps) {
    */
 
 
-  function handleRestore() {
+  const handleRestore = (0, _react.useCallback)(() => {
     setObj(prev => Object.assign({}, prev, {
       deleted: false
     }));
-  }
+  }, [obj]);
   /**
    * Handle restore obj
    */
 
-
-  function handleHide() {
+  const handleHide = (0, _react.useCallback)(() => {
     setObj(prev => Object.assign({}, prev, {
       collapsed: !prev.collapsed
     }));
-  }
+  }, [obj]);
   /**
    * Handle delete obj
    */
 
-
-  function handleDelete() {
+  const handleDelete = (0, _react.useCallback)(() => {
     setObj(prev => Object.assign({}, prev, {
       deleted: !prev.deleted
     }));
-  }
+  }, [obj]);
   /**
    * Handle suspend notification obj
    */
 
-
-  function handleSuspendNotification() {
+  const handleSuspendNotification = (0, _react.useCallback)(() => {
     setObj(prev => Object.assign({}, prev, {
       suspended: !prev.suspended
     }));
-  }
+  }, [obj]);
   /**
    * Handle initial edit
    * Open composer
    */
 
-
-  function handleToggleEdit() {
+  const handleToggleEdit = (0, _react.useCallback)(() => {
     setComposerOpen(prev => !prev);
-  }
+  }, [composerOpen]);
   /**
    * handle edit success
    */
 
-
-  function handleEditSuccess(data) {
+  const handleEditSuccess = (0, _react.useCallback)(data => {
     setObj(data);
     setComposerOpen(false);
-  }
+  }, [obj, composerOpen]);
   /**
    * Expand activities if the user is logged
    */
 
-
-  function handleExpandActivities() {
+  const handleExpandActivities = (0, _react.useCallback)(() => {
     if (scUserContext.user) {
       setExpandedActivities(prev => !prev);
     } else {
       scContext.settings.handleAnonymousAction();
     }
-  }
+  }, [scUserContext.user]);
   /**
    * Handle follow obj
    */
 
-
-  function handleFollow(isFollow) {
+  const handleFollow = (0, _react.useCallback)(isFollow => {
     setObj(prev => Object.assign({}, prev, {
       followed: isFollow
     }));
-  }
+  }, [obj]);
   /**
    * Handle delete comment callback
    */
 
-
-  function handleDeleteComment() {
+  const handleDeleteComment = (0, _react.useCallback)(() => {
     setObj(prev => Object.assign({}, prev, {
       comment_count: Math.max(prev.comment_count - 1, 0)
     }));
-  }
+  }, [obj]);
   /**
    * Handle select activities
    */
 
-
-  function handleSelectedActivities(type) {
+  const handleSelectedActivities = (0, _react.useCallback)(type => {
     setSelectedActivities(type);
     setComments([]);
-  }
+  }, [obj]);
   /**
    * Perform reply
    * Comment of first level
    */
 
-
   const performReply = (0, _react.useMemo)(() => comment => {
     return _apiServices.http.request({
       url: _apiServices.Endpoints.NewComment.url({}),
@@ -775,7 +765,7 @@ function FeedObject(inProps) {
       className: classes.mediasSection
     }, /*#__PURE__*/_react.default.createElement(_MediasPreview.default, _extends({
       medias: obj.medias
-    }, PollObjectProps))), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    }, MediasPreviewProps))), /*#__PURE__*/_react.default.createElement(_material.Box, {
       className: classes.pollsSection
     }, obj['poll'] && /*#__PURE__*/_react.default.createElement(_Poll.default, _extends({
       feedObject: obj,

package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.js

@@ -121,10 +121,7 @@ function PeopleSuggestion(inProps) {
   function handleOnFollowUser(user, follow) {
     setUsers(users.filter(u => u.id !== user.id));
     setTotal(prev => prev - 1);
-
-    if (visiblePeople < limit && total > 1) {
-      loadPeople(1);
-    }
+    setHasMore(total - 1 > limit);
   }
   /**
    * Handles list change on user connection
@@ -134,10 +131,7 @@ function PeopleSuggestion(inProps) {
   function handleOnConnectUser(user, status) {
     setUsers(users.filter(u => u.id !== user.id));
     setTotal(prev => prev - 1);
-
-    if (visiblePeople < limit && total > 1) {
-      loadPeople(1);
-    }
+    setHasMore(total - 1 > limit);
   }
   /**
    * Fetches user suggestion list

package/lib/cjs/components/UsersFollowed/UsersFollowed.js

@@ -123,7 +123,6 @@ function UsersFollowed(inProps) {
   } = props; // STATE
 
   const [followed, setFollowed] = (0, _react.useState)([]);
-  const [visibleUsers, setVisibleUsers] = (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);
@@ -139,10 +138,7 @@ function UsersFollowed(inProps) {
     if (scUserContext.user['id'] === userId) {
       setFollowed(followed.filter(u => u.id !== user.id));
       setTotal(prev => prev - 1);
-
-      if (visibleUsers < limit && total > 1) {
-        loadUsers(1);
-      }
+      setHasMore(total - 1 > limit);
     } else {
       const newUsers = [...followed];
       const index = newUsers.findIndex(u => u.id === user.id);
@@ -173,7 +169,7 @@ function UsersFollowed(inProps) {
       }).then(res => {
         const data = res.data;
         setFollowed([...followed, ...data.results]);
-        setHasMore(data.count > visibleUsers);
+        setHasMore(data.count > limit);
         setNext(data['next']);
         setLoading(false);
         setTotal(data.count);
@@ -184,17 +180,6 @@ function UsersFollowed(inProps) {
       });
     }
   }
-  /**
-   * Loads more users when followed list changes
-   */
-
-
-  function loadUsers(n) {
-    const newIndex = visibleUsers + n;
-    const newHasMore = newIndex < followed.length - 1;
-    setVisibleUsers(newIndex);
-    setHasMore(newHasMore);
-  }
   /**
    * On mount, fetches the list of users followed
    */
@@ -221,7 +206,7 @@ function UsersFollowed(inProps) {
   })}`), !total ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
     className: classes.noResults,
     variant: "body2"
-  }, `${intl.formatMessage(messages.noUsers)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, followed.slice(0, visibleUsers).map(user => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
+  }, `${intl.formatMessage(messages.noUsers)}`) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, followed.slice(0, limit).map(user => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     key: user.id
   }, /*#__PURE__*/_react.default.createElement(_User.default, _extends({
     elevation: 0,

package/lib/cjs/shared/AutoPlayer/index.js

@@ -78,13 +78,6 @@ function AutoPlayer(props) {
     onEnter: handleEnterViewport,
     onLeave: handleExitViewport
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactPlayer.default, _extends({
-    config: {
-      youtube: {
-        playerVars: {
-          rel: 0
-        }
-      }
-    },
     loop: loop,
     controls: controls,
     stopOnUnmount: stopOnUnmount,
@@ -95,9 +88,19 @@ function AutoPlayer(props) {
       setPlayed(progress.playedSeconds);
     },
     config: {
+      youtube: {
+        embedOptions: {
+          host: 'https://www.youtube-nocookie.com'
+        },
+        playerVars: {
+          rel: 0
+        }
+      },
       vimeo: {
         playerOptions: {
-          autopause: true
+          autopause: true,
+          dnt: true,
+          transparent: false
         },
         preload: true
       }

package/lib/cjs/shared/BaseDialog/BaseDialog.js

@@ -43,6 +43,11 @@ const Root = (0, _styles.styled)(_Dialog.default, {
   [theme.breakpoints.down(500)]: {
     minWidth: 300
   },
+  [theme.breakpoints.only('xs')]: {
+    '& .MuiDialogContent-root': {
+      padding: 0
+    }
+  },
   minWidth: 500
 }));
 

package/lib/cjs/shared/DateTimeAgo/index.js

@@ -3,13 +3,9 @@
 exports.__esModule = true;
 exports.default = DateTimeAgo;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _reactTimeago = _interopRequireDefault(require("react-timeago"));
-
-var _it = _interopRequireDefault(require("react-timeago/lib/language-strings/it"));
-
-var _buildFormatter = _interopRequireDefault(require("react-timeago/lib/formatters/buildFormatter"));
+var _reactCore = require("@selfcommunity/react-core");
 
 var _styles = require("@mui/material/styles");
 
@@ -21,10 +17,16 @@ var _reactIntl = require("react-intl");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-const _excluded = ["className", "live", "date", "showStartIcon"];
+var _moment = _interopRequireDefault(require("moment"));
+
+const _excluded = ["className", "date", "showStartIcon"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -50,18 +52,23 @@ const Root = (0, _styles.styled)(_material.Box, {
     lineHeight: 1.8
   }
 }));
-const formatter = (0, _buildFormatter.default)(_it.default);
 
 function DateTimeAgo(props) {
   // PROPS
   const {
     className,
-    live = true,
     date = null,
     showStartIcon = true
   } = props,
-        rest = _objectWithoutPropertiesLoose(props, _excluded); // INTL
+        rest = _objectWithoutPropertiesLoose(props, _excluded); // CONTEXT
+
 
+  const scContext = (0, _reactCore.useSCContext)();
+  (0, _react.useEffect)(() => {
+    if (_moment.default.locale() !== scContext.settings.locale.default) {
+      _moment.default.locale(scContext.settings.locale.default);
+    }
+  }, [scContext.settings.locale.default]); // INTL
 
   const intl = (0, _reactIntl.useIntl)();
   /**
@@ -84,11 +91,7 @@ function DateTimeAgo(props) {
     }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
       variant: 'body2',
       component: 'span'
-    }, /*#__PURE__*/_react.default.createElement(_reactTimeago.default, {
-      date: date,
-      live: live,
-      formatter: formatter
-    }))));
+    }, (0, _moment.default)(date).fromNow())));
   }
 
   return null;

package/lib/cjs/shared/Media/Link/PreviewComponent.js

@@ -120,7 +120,8 @@ var _default = props => {
     height: 360,
     placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
       size: 20
-    })
+    }),
+    once: true
   }, /*#__PURE__*/_react.default.createElement(Root, null, adornment, medias.map((l, i) => {
     if (l.embed.metadata && l.embed.metadata.type === _Media.MEDIA_TYPE_VIDEO) {
       return /*#__PURE__*/_react.default.createElement(_AutoPlayer.default, {

package/lib/cjs/shared/Media/Share/PreviewComponent.js

@@ -43,7 +43,8 @@ var _default = ({
     height: 360,
     placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
       size: 20
-    })
+    }),
+    once: true
   }, /*#__PURE__*/_react.default.createElement(Root, null, _adornment, _medias.map(media => /*#__PURE__*/_react.default.createElement(_Box.default, {
     key: media.id,
     className: classes.sharePreview

package/lib/cjs/shared/Media/Video/PreviewComponent.js

@@ -42,13 +42,7 @@ var _default = props => {
    */
 
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, medias.length > 0 && /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
-    height: 360,
-    placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
-      size: 20
-    }),
-    once: true
-  }, /*#__PURE__*/_react.default.createElement(Root, null, adornment, medias.map((v, i) => /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, medias.length > 0 && /*#__PURE__*/_react.default.createElement(Root, null, adornment, medias.map((v, i) => /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
     height: 360,
     placeholder: /*#__PURE__*/_react.default.createElement(_CentralProgress.default, {
       size: 20
@@ -59,7 +53,7 @@ var _default = props => {
     url: v.url,
     width: '100%',
     onVideoWatch: () => handleVideoClick(v)
-  }))))));
+  })))));
 };
 
 exports.default = _default;

package/lib/esm/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/esm/components/CategoriesFollowed/CategoriesFollowed.js

@@ -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/esm/components/CategoriesSuggestion/CategoriesSuggestion.js

@@ -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