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

package/lib/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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
 

package/lib/esm/components/Feed/Feed.js

@@ -75,7 +75,7 @@ const Root = (0, _styles.styled)(_material.Grid, {
 }));
 const PREFERENCES = [_reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, _reactCore.SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
 /**
- * > API documentation for the Community-UI Feed component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -134,7 +134,7 @@ const Feed = (inProps, ref) => {
   } = props; // STATE
 
   const [feedData, setFeedData] = (0, _react.useState)([]);
-  const [loading, setLoading] = (0, _react.useState)(true);
+  const [loading, setLoading] = (0, _react.useState)(false);
   const [next, setNext] = (0, _react.useState)(endpoint.url({})); // CONTEXT
 
   const scPreferences = (0, _reactCore.useSCPreferences)();
@@ -190,20 +190,22 @@ const Feed = (inProps, ref) => {
 
 
   const fetch = () => {
-    setLoading(true);
-
-    _apiServices.http.request({
-      url: next,
-      method: endpoint.method
-    }).then(res => {
-      const data = res.data;
-      setFeedData([...feedData, ...data.results]);
-      setNext(data.next);
-      setLoading(false);
-      onFetchData && onFetchData(res.data);
-    }).catch(error => {
-      _reactCore.Logger.error(_Errors.SCOPE_SC_UI, error);
-    });
+    if (!loading) {
+      setLoading(true);
+
+      _apiServices.http.request({
+        url: next,
+        method: endpoint.method
+      }).then(res => {
+        const data = res.data;
+        setFeedData([...feedData, ...data.results]);
+        setNext(data.next);
+        setLoading(false);
+        onFetchData && onFetchData(res.data);
+      }).catch(error => {
+        _reactCore.Logger.error(_Errors.SCOPE_SC_UI, error);
+      });
+    }
   };
 
   const refresh = () => {

package/lib/esm/components/Feed/Skeleton.js

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

package/lib/esm/components/FeedObject/Actions/Share/Share.js

@@ -194,6 +194,9 @@ function Share(inProps) {
 
 
   function handleComposerOnSuccess() {
+    setObj(Object.assign({}, obj, {
+      share_count: obj.share_count + 1
+    }));
     handleComposerOnClose();
   }
   /**

package/lib/esm/components/FeedObject/FeedObject.js

@@ -228,7 +228,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI Feed Object component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Feed Object component. Learn about the available props and the CSS API.
 
  #### Import
 
@@ -775,7 +775,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/esm/components/FeedObject/Skeleton.js

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

package/lib/esm/components/FeedUpdates/FeedUpdates.js

@@ -50,7 +50,7 @@ const Root = (0, _styles.styled)(_Widget.default, {
 }));
 
 /**
- * > API documentation for the Community-UI FeedUpdates component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS FeedUpdates component. Learn about the available props and the CSS API.
  * This Component subscribe to updates from PubSub channel (eg. websocket) and tell the feed to updates if necessary.
 
  #### Import

package/lib/esm/components/FeedUpdates/Skeleton.js

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

package/lib/esm/components/FollowCategoryButton/FollowCategoryButton.js

@@ -44,7 +44,7 @@ const FollowButton = (0, _styles.styled)(_lab.LoadingButton, {
 }) => ({}));
 
 /**
- * > API documentation for the Community-UI Follow Category Button component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Follow Category Button component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/esm/components/FollowUserButton/FollowUserButton.js

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

package/lib/esm/components/Footer/Footer.js

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

package/lib/esm/components/Footer/Skeleton.js

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

package/lib/esm/components/FriendshipUserButton/FriendshipUserButton.js

@@ -51,7 +51,7 @@ const Root = (0, _styles.styled)(_material.Button, {
 // TODO: fix component
 
 /**
- * > API documentation for the Community-UI Friendship User Button component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Friendship User Button component. Learn about the available props and the CSS API.
 
  #### Import
 

package/lib/esm/components/Incubator/Incubator.js

@@ -96,7 +96,7 @@ function LinearProgressWithLabel(props) {
 }
 
 /**
- * > API documentation for the Community-UI Incubator component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS Incubator component. Learn about the available props and the CSS API.
  *
  * #### Import
  ```jsx

package/lib/esm/components/Incubator/Skeleton.js

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

package/lib/esm/components/Incubator/SubscribeButton/SubscribeButton.js

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

package/lib/esm/components/IncubatorDetail/IncubatorDetail.js

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

package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js

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

package/lib/esm/components/IncubatorSuggestion/Skeleton.js

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

package/lib/esm/components/IncubatorsList/IncubatorsList.js

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

package/lib/esm/components/IncubatorsList/Skeleton.js

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

package/lib/esm/components/InlineComposer/InlineComposer.js

@@ -73,7 +73,7 @@ const INITIAL_STATE = {
   view: null
 };
 /**
- > API documentation for the Community-UI Inline Composer component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS Inline Composer component. Learn about the available props and the CSS API.
  *
  #### Import
  ```jsx

package/lib/esm/components/InlineComposer/Skeleton.js

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

package/lib/esm/components/LoyaltyProgram/LoyaltyProgram.js

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

package/lib/esm/components/LoyaltyProgram/Skeleton.js

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

package/lib/esm/components/LoyaltyProgramDetail/LoyaltyProgramDetail.js

@@ -47,6 +47,10 @@ const messages = (0, _reactIntl.defineMessages)({
   userPoints: {
     id: 'ui.loyaltyProgramDetail.userPoints',
     defaultMessage: 'ui.loyaltyProgramDetail.userPoints'
+  },
+  list: {
+    id: 'ui.loyaltyProgramDetail.list',
+    defaultMessage: 'ui.loyaltyProgramDetail.list'
   }
 });
 const PREFIX = 'SCLoyaltyProgramDetail';
@@ -208,9 +212,9 @@ function LoyaltyProgramDetail(inProps) {
     style: {
       columnCount: 2
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-    id: "ui.loyaltyProgramDetail.list",
-    defaultMessage: "ui.loyaltyProgramDetail.list"
+  }, intl.formatMessage(messages.list, {
+    b: chunks => /*#__PURE__*/_react.default.createElement("strong", null, chunks),
+    li: chunks => /*#__PURE__*/_react.default.createElement("li", null, chunks)
   }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 12,

package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js

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

package/lib/esm/components/Message/Message.js

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

package/lib/esm/components/Message/Skeleton.js

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

package/lib/esm/components/MessageEditor/MessageEditor.js

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

package/lib/esm/components/MessageEditor/Skeleton.js

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