CAKE-6064 | Add Message Wall Content Types to On-Site Notifications

app/components/on-site-notifications/notification-card.js

@@ -27,6 +27,8 @@ export default Component.extend(
 				case notificationTypes.discussionReply:
 				case notificationTypes.postAtMention:
 				case notificationTypes.threadAtMention:
+				case notificationTypes.messageWallPost:
+				case notificationTypes.messageWallReply:
 					return 'wds-icons-comment-small';
 				case notificationTypes.announcement:
 					return 'wds-icons-flag-small';
@@ -86,6 +88,12 @@ export default Component.extend(
 					return this.getArticleCommentAtMentionMessageBody(this.model);
 				case notificationTypes.articleCommentReplyAtMention:
 					return this.getArticleCommentReplyAtMentionMessageBody(this.model);
+				case notificationTypes.messageWallPost:
+					return this.getMessageWallPostBody(this.model);
+				case notificationTypes.messageWallReply:
+					return this.getMessageWallReplyBody(this.model);
+				case notificationTypes.messageWallPostRemoved:
+					return this.getMessageWallPostRemovedBody(this.model);
 				default:
 					return null;
 			}
@@ -295,6 +303,98 @@ export default Component.extend(
 			});
 		},
 
+		getMessageWallPostBody(model) {
+			let wallOwner = model.get('metadata.wallOwnerName');
+			const currentUsername = this.wdsOnSiteNotifications.currentUser.name;
+
+			if (!wallOwner) {
+				wallOwner = this.getMessageWallOwner(model.get('uri'));
+			}
+
+			const isOwnWall = wallOwner === currentUsername;
+			const args = {
+				postTitle: model.get('title'),
+				wallOwner,
+			};
+
+			if (isOwnWall) {
+				args.user = this.getPossiblyAnonActorName(model);
+				return this.getTranslatedMessage('notifications-own-wall-post', args);
+			}
+
+			args.firstUser = this.getPossiblyAnonActorName(model);
+			return this.getTranslatedMessage('notifications-wall-post', args);
+		},
+
+		getMessageWallReplyBody(model) {
+			let wallOwner = model.get('metadata.wallOwnerName');
+			const currentUsername = this.wdsOnSiteNotifications.currentUser.name;
+
+			if (!wallOwner) {
+				wallOwner = this.getMessageWallOwner(model.get('uri'));
+			}
+
+			const isOwnWall = wallOwner === currentUsername;
+			const args = {
+				postTitle: model.get('title'),
+				wallOwner,
+			};
+
+			if (model.get('totalUniqueActors') > 1) {
+				args.number = model.get('totalUniqueActors') - 1;
+
+				if (isOwnWall) {
+					args.user = this.getPossiblyAnonActorName(model);
+					return this.getTranslatedMessage('notifications-own-wall-reply-multiple-users', args);
+				}
+
+				args.firstUser = this.getPossiblyAnonActorName(model);
+
+				if (model.get('contentCreatorName') === currentUsername) {
+					return this.getTranslatedMessage('notifications-wall-reply-multiple-users-own-message', args);
+				}
+
+				args.secondUser = model.get('contentCreatorName') || this.getTranslatedMessage('username-anonymous');
+				return this.getTranslatedMessage('notifications-wall-reply-multiple-users', args);
+			}
+
+			if (isOwnWall) {
+				args.user = this.getPossiblyAnonActorName(model);
+				return this.getTranslatedMessage('notifications-own-wall-reply', args);
+			}
+
+			if (model.get('contentCreatorName') === currentUsername) {
+				args.user = this.getPossiblyAnonActorName(model);
+				return this.getTranslatedMessage('notifications-wall-reply-own-message', args);
+			}
+
+			args.firstUser = this.getPossiblyAnonActorName(model);
+			args.secondUser = model.get('contentCreatorName') || this.getTranslatedMessage('username-anonymous');
+
+			return this.getTranslatedMessage('notifications-wall-reply', args);
+		},
+
+		getMessageWallPostRemovedBody(model) {
+			return this.getTranslatedMessage('notifications-own-wall-post-removed', {
+				postTitle: model.get('title'),
+			});
+		},
+
+		getMessageWallOwner(url) {
+			const regex = /\/Message_Wall:(.+?)([?#/].*)?$/i;
+			const result = regex.exec(url);
+
+			if (!result || !result[1]) {
+				return null;
+			}
+
+			return result[1];
+		},
+
+		getPossiblyAnonActorName(model) {
+			return model.get('latestActors.0.name') ? model.get('latestActors.0.name') : this.getTranslatedMessage('username-anonymous');
+		},
+
 		getTranslatedMessage(key, context) {
 			const fullContext = extend({}, {
 				ns: 'design-system',

app/models/wds-on-site-notifications/wds-on-site-notification.js

@@ -30,6 +30,7 @@ export default EmberObject.extend({
 
 	setNormalizedData(notificationData) {
 		this.setProperties({
+			contentCreatorName: get(notificationData, 'refersTo.createdByName'),
 			title: get(notificationData, 'refersTo.title'),
 			snippet: get(notificationData, 'refersTo.snippet'),
 			uri: get(notificationData, 'refersTo.uri'),
@@ -42,6 +43,7 @@ export default EmberObject.extend({
 			totalUniqueActors: get(notificationData, 'events.totalUniqueActors'),
 			latestActors: this.createActors(get(notificationData, 'events.latestActors')),
 			type: this.getTypeFromApiData(notificationData),
+			metadata: this.getMetadata(notificationData),
 		});
 	},
 
@@ -77,9 +79,29 @@ export default EmberObject.extend({
 				return notificationTypes.articleCommentAtMention;
 			case 'article-comment-reply-at-mention-notification':
 				return notificationTypes.articleCommentReplyAtMention;
+			case 'message-wall-post-notification':
+				return notificationTypes.messageWallPost;
+			case 'message-wall-reply-notification':
+				return notificationTypes.messageWallReply;
+			case 'wall-post-removed-notification':
+				return notificationTypes.messageWallPostRemoved;
 		}
 	},
 
+	getMetadata(notification) {
+		let metadata =
+			typeof notification.metadata === 'undefined' || notification.metadata === null ? null : notification.metadata;
+		if (typeof metadata === 'string') {
+			try {
+				metadata = JSON.parse(metadata);
+			} catch (e) {
+				// continue regardless of error
+			}
+		}
+		// Caveat: if the metadata was not serialized JSON, a string could be returned instead of an object
+		return metadata;
+	},
+
 	markAsRead(willUnloadPage) {
 		if (willUnloadPage && window.navigator.sendBeacon) {
 			return this.markAsReadUsingSendBeacon();

app/models/wds-on-site-notifications/wds-on-site-notifications.js

@@ -29,6 +29,8 @@ export default EmberObject.extend({
 			'article-comment-reply',
 			'article-comment-at-mention',
 			'article-comment-reply-at-mention',
+			'message-wall-post',
+			'message-wall-thread',
 		];
 
 		return `contentType=${supportedContentTypes.join('&contentType=')}`;

app/utils/notification-types.js

@@ -8,4 +8,7 @@ export default {
 	articleCommentReply: 'article-comment-reply',
 	articleCommentAtMention: 'article-comment-at-mention',
 	articleCommentReplyAtMention: 'article-comment-reply-at-mention',
+	messageWallPost: 'message-wall-post',
+	messageWallReply: 'message-wall-reply',
+	messageWallPostRemoved: 'message-wall-post-removed',
 };