@selfcommunity/react-ui 0.7.9-alpha.64 → 0.7.9-alpha.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/cjs/components/AccountRecover/AccountRecover.js +6 -1
  2. package/lib/cjs/components/NavigationSettingsIconButton/NavigationSettingsIconButton.js +4 -4
  3. package/lib/cjs/components/Notification/Group/Group.js +2 -2
  4. package/lib/cjs/components/ToastNotifications/ToastNotifications.js +1 -0
  5. package/lib/esm/components/AccountRecover/AccountRecover.js +6 -1
  6. package/lib/esm/components/NavigationSettingsIconButton/NavigationSettingsIconButton.js +4 -4
  7. package/lib/esm/components/Notification/Group/Group.js +2 -2
  8. package/lib/esm/components/ToastNotifications/ToastNotifications.js +1 -0
  9. package/lib/umd/react-ui.js +1 -1
  10. package/package.json +4 -4
package/lib/cjs/components/AccountRecover/AccountRecover.js CHANGED
@@ -103,7 +103,12 @@ function AccountRecover(inProps) {
103
103
  }
104
104
  // RENDER
105
105
  return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), isSucceed ? (react_1.default.createElement(material_1.Alert, { severity: "success", className: classes.success },
106
- intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, { email, bold: (chunks) => react_1.default.createElement("b", null, chunks) }),
106
+ intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, {
107
+ email,
108
+ // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
109
+ // @ts-ignore
110
+ b: (chunks) => react_1.default.createElement("b", null, chunks)
111
+ }),
107
112
  successAction)) : (react_1.default.createElement("form", { className: classes.form, onSubmit: handleSubmit },
108
113
  react_1.default.createElement(EmailTextField_1.default, Object.assign({ className: classes.email, disabled: isSubmitting, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError && (react_1.default.createElement(react_intl_1.FormattedMessage, { id: `ui.accountRecover.email.error.${emailError}`, defaultMessage: `ui.accountRecover.email.error.${emailError}` })) })),
109
114
  react_1.default.createElement(material_1.Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || Boolean(emailError) || isSubmitting }),
package/lib/cjs/components/NavigationSettingsIconButton/NavigationSettingsIconButton.js CHANGED
@@ -4,7 +4,6 @@ const tslib_1 = require("tslib");
4
4
  const react_1 = tslib_1.__importStar(require("react"));
5
5
  const styles_1 = require("@mui/material/styles");
6
6
  const material_1 = require("@mui/material");
7
- const types_1 = require("@selfcommunity/types");
8
7
  const react_core_1 = require("@selfcommunity/react-core");
9
8
  const classnames_1 = tslib_1.__importDefault(require("classnames"));
10
9
  const system_1 = require("@mui/system");
@@ -36,7 +35,8 @@ const MenuRoot = (0, styles_1.styled)(material_1.Menu, {
36
35
  const PREFERENCES = [
37
36
  react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED,
38
37
  react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED,
39
- react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED
38
+ react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED,
39
+ react_core_1.SCPreferences.ADDONS_LOYALTY_POINTS_COLLECTION
40
40
  ];
41
41
  /**
42
42
  * > API documentation for the Community-JS Navigation Settings Icon Button component. Learn about the available props and the CSS API.
@@ -120,7 +120,7 @@ function NavigationSettingsIconButton(inProps) {
120
120
  !preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "connections" },
121
121
  react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUserContext.user) },
122
122
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationSettingsIconButton.connections", defaultMessage: "ui.navigationSettingsIconButton.connections" })))),
123
- scPreferences.features.includes(types_1.SCFeatureName.LOYALTY) && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "loyaltyProgram" },
123
+ preferences[react_core_1.SCPreferences.ADDONS_LOYALTY_POINTS_COLLECTION] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "loyaltyProgram" },
124
124
  react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.LOYALTY_ROUTE_NAME, {}) },
125
125
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationSettingsIconButton.loyalty", defaultMessage: "ui.navigationSettingsIconButton.loyalty" })))),
126
126
  preferences[react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "followedPosts" },
@@ -169,7 +169,7 @@ function NavigationSettingsIconButton(inProps) {
169
169
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationSettingsIconButton.followers", defaultMessage: "ui.navigationSettingsIconButton.followers" }))),
170
170
  !preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "connections", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUserContext.user) },
171
171
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationSettingsIconButton.connections", defaultMessage: "ui.navigationSettingsIconButton.connections" }))),
172
- scPreferences.features.includes(types_1.SCFeatureName.LOYALTY) && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "loyaltyProgram", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.LOYALTY_ROUTE_NAME, {}) },
172
+ preferences[react_core_1.SCPreferences.ADDONS_LOYALTY_POINTS_COLLECTION] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "loyaltyProgram", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.LOYALTY_ROUTE_NAME, {}) },
173
173
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationSettingsIconButton.loyalty", defaultMessage: "ui.navigationSettingsIconButton.loyalty" }))),
174
174
  preferences[react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED] && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, key: "followedPosts", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME, scUserContext.user) },
175
175
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationSettingsIconButton.postsFollowed", defaultMessage: "ui.navigationSettingsIconButton.postsFollowed" }))),
package/lib/cjs/components/Notification/Group/Group.js CHANGED
@@ -66,13 +66,13 @@ function GroupNotification(props) {
66
66
  react_1.default.createElement(DateTimeAgo_1.default, { date: notificationObject.active_at }),
67
67
  status && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED && (react_1.default.createElement(material_1.Typography, { color: "primary" },
68
68
  react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, notificationObject.group) },
69
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupSubscribeButton.accept", defaultMessage: "ui.groupSubscribeButton.accept" })))))) }, rest)));
69
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.group.button.see", defaultMessage: "ui.notification.group.button.see" })))))) }, rest)));
70
70
  }
71
71
  return (react_1.default.createElement(react_1.default.Fragment, null,
72
72
  react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, `${constants_1.PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, actions: react_1.default.createElement(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
73
73
  react_1.default.createElement(DateTimeAgo_1.default, { date: notificationObject.active_at, className: classes.activeAt }),
74
74
  status && status !== types_1.SCGroupSubscriptionStatusType.SUBSCRIBED && (react_1.default.createElement(lab_1.LoadingButton, { color: 'primary', variant: "outlined", size: "small", classes: { root: classes.acceptButton }, component: react_core_1.Link, loading: scUserContext.user ? status === null || manager.isLoading(notificationObject.group) : null, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, notificationObject.group) },
75
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupSubscribeButton.accept", defaultMessage: "ui.groupSubscribeButton.accept" })))) }, rest)),
75
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.notification.group.button.see", defaultMessage: "ui.notification.group.button.see" })))) }, rest)),
76
76
  openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
77
77
  }
78
78
  exports.default = GroupNotification;
package/lib/cjs/components/ToastNotifications/ToastNotifications.js CHANGED
@@ -74,6 +74,7 @@ function UserToastNotifications(inProps) {
74
74
  * @param n
75
75
  */
76
76
  const getContent = (n) => {
77
+ console.log(n.notification_obj, 'notification');
77
78
  let content;
78
79
  let type;
79
80
  if (n.notification_obj) {
package/lib/esm/components/AccountRecover/AccountRecover.js CHANGED
@@ -101,7 +101,12 @@ export default function AccountRecover(inProps) {
101
101
  }
102
102
  // RENDER
103
103
  return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), isSucceed ? (React.createElement(Alert, { severity: "success", className: classes.success },
104
- intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, { email, bold: (chunks) => React.createElement("b", null, chunks) }),
104
+ intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, {
105
+ email,
106
+ // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
107
+ // @ts-ignore
108
+ b: (chunks) => React.createElement("b", null, chunks)
109
+ }),
105
110
  successAction)) : (React.createElement("form", { className: classes.form, onSubmit: handleSubmit },
106
111
  React.createElement(EmailTextField, Object.assign({ className: classes.email, disabled: isSubmitting, label: React.createElement(FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError && (React.createElement(FormattedMessage, { id: `ui.accountRecover.email.error.${emailError}`, defaultMessage: `ui.accountRecover.email.error.${emailError}` })) })),
107
112
  React.createElement(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || Boolean(emailError) || isSubmitting }),
package/lib/esm/components/NavigationSettingsIconButton/NavigationSettingsIconButton.js CHANGED
@@ -2,7 +2,6 @@ import { __rest } from "tslib";
2
2
  import React, { useMemo, useState } from 'react';
3
3
  import { styled } from '@mui/material/styles';
4
4
  import { Divider, Icon, IconButton, List, ListItem, ListItemButton, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
5
- import { SCFeatureName } from '@selfcommunity/types';
6
5
  import { Link, SCPreferences, SCRoutes, UserUtils, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
7
6
  import classNames from 'classnames';
8
7
  import { useThemeProps } from '@mui/system';
@@ -34,7 +33,8 @@ const MenuRoot = styled(Menu, {
34
33
  const PREFERENCES = [
35
34
  SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED,
36
35
  SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED,
37
- SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED
36
+ SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED,
37
+ SCPreferences.ADDONS_LOYALTY_POINTS_COLLECTION
38
38
  ];
39
39
  /**
40
40
  * > API documentation for the Community-JS Navigation Settings Icon Button component. Learn about the available props and the CSS API.
@@ -118,7 +118,7 @@ export default function NavigationSettingsIconButton(inProps) {
118
118
  !preferences[SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (React.createElement(ListItem, { className: classes.item, key: "connections" },
119
119
  React.createElement(ListItemButton, { component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUserContext.user) },
120
120
  React.createElement(FormattedMessage, { id: "ui.navigationSettingsIconButton.connections", defaultMessage: "ui.navigationSettingsIconButton.connections" })))),
121
- scPreferences.features.includes(SCFeatureName.LOYALTY) && (React.createElement(ListItem, { className: classes.item, key: "loyaltyProgram" },
121
+ preferences[SCPreferences.ADDONS_LOYALTY_POINTS_COLLECTION] && (React.createElement(ListItem, { className: classes.item, key: "loyaltyProgram" },
122
122
  React.createElement(ListItemButton, { component: Link, to: scRoutingContext.url(SCRoutes.LOYALTY_ROUTE_NAME, {}) },
123
123
  React.createElement(FormattedMessage, { id: "ui.navigationSettingsIconButton.loyalty", defaultMessage: "ui.navigationSettingsIconButton.loyalty" })))),
124
124
  preferences[SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED] && (React.createElement(ListItem, { className: classes.item, key: "followedPosts" },
@@ -167,7 +167,7 @@ export default function NavigationSettingsIconButton(inProps) {
167
167
  React.createElement(FormattedMessage, { id: "ui.navigationSettingsIconButton.followers", defaultMessage: "ui.navigationSettingsIconButton.followers" }))),
168
168
  !preferences[SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (React.createElement(MenuItem, { className: classes.item, key: "connections", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUserContext.user) },
169
169
  React.createElement(FormattedMessage, { id: "ui.navigationSettingsIconButton.connections", defaultMessage: "ui.navigationSettingsIconButton.connections" }))),
170
- scPreferences.features.includes(SCFeatureName.LOYALTY) && (React.createElement(MenuItem, { className: classes.item, key: "loyaltyProgram", component: Link, to: scRoutingContext.url(SCRoutes.LOYALTY_ROUTE_NAME, {}) },
170
+ preferences[SCPreferences.ADDONS_LOYALTY_POINTS_COLLECTION] && (React.createElement(MenuItem, { className: classes.item, key: "loyaltyProgram", component: Link, to: scRoutingContext.url(SCRoutes.LOYALTY_ROUTE_NAME, {}) },
171
171
  React.createElement(FormattedMessage, { id: "ui.navigationSettingsIconButton.loyalty", defaultMessage: "ui.navigationSettingsIconButton.loyalty" }))),
172
172
  preferences[SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED] && (React.createElement(MenuItem, { className: classes.item, key: "followedPosts", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME, scUserContext.user) },
173
173
  React.createElement(FormattedMessage, { id: "ui.navigationSettingsIconButton.postsFollowed", defaultMessage: "ui.navigationSettingsIconButton.postsFollowed" }))),
package/lib/esm/components/Notification/Group/Group.js CHANGED
@@ -64,12 +64,12 @@ export default function GroupNotification(props) {
64
64
  React.createElement(DateTimeAgo, { date: notificationObject.active_at }),
65
65
  status && status !== SCGroupSubscriptionStatusType.SUBSCRIBED && (React.createElement(Typography, { color: "primary" },
66
66
  React.createElement(Link, { to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, notificationObject.group) },
67
- React.createElement(FormattedMessage, { id: "ui.groupSubscribeButton.accept", defaultMessage: "ui.groupSubscribeButton.accept" })))))) }, rest)));
67
+ React.createElement(FormattedMessage, { id: "ui.notification.group.button.see", defaultMessage: "ui.notification.group.button.see" })))))) }, rest)));
68
68
  }
69
69
  return (React.createElement(React.Fragment, null,
70
70
  React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className, `${PREFIX}-${template}`), template: template, isNew: notificationObject.is_new, disableTypography: true, actions: React.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2 },
71
71
  React.createElement(DateTimeAgo, { date: notificationObject.active_at, className: classes.activeAt }),
72
72
  status && status !== SCGroupSubscriptionStatusType.SUBSCRIBED && (React.createElement(LoadingButton, { color: 'primary', variant: "outlined", size: "small", classes: { root: classes.acceptButton }, component: Link, loading: scUserContext.user ? status === null || manager.isLoading(notificationObject.group) : null, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, notificationObject.group) },
73
- React.createElement(FormattedMessage, { id: "ui.groupSubscribeButton.accept", defaultMessage: "ui.groupSubscribeButton.accept" })))) }, rest)),
73
+ React.createElement(FormattedMessage, { id: "ui.notification.group.button.see", defaultMessage: "ui.notification.group.button.see" })))) }, rest)),
74
74
  openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
75
75
  }
package/lib/esm/components/ToastNotifications/ToastNotifications.js CHANGED
@@ -71,6 +71,7 @@ export default function UserToastNotifications(inProps) {
71
71
  * @param n
72
72
  */
73
73
  const getContent = (n) => {
74
+ console.log(n.notification_obj, 'notification');
74
75
  let content;
75
76
  let type;
76
77
  if (n.notification_obj) {