Ensure that outgoing gift badges can be Viewed

ts/components/conversation/Message.tsx

@@ -593,6 +593,7 @@ export class Message extends React.PureComponent<Props, State> {
     {
       attachments,
       deletedForEveryone,
+      direction,
       expirationLength,
       expirationTimestamp,
       giftBadge,
@@ -615,7 +616,7 @@ export class Message extends React.PureComponent<Props, State> {
     }
 
     if (giftBadge) {
-      const description = i18n('message--giftBadge--unopened');
+      const description = i18n(`message--giftBadge--unopened--${direction}`);
       const isDescriptionRTL = getDirection(description) === 'rtl';
 
       if (giftBadge.state === GiftBadgeStates.Unopened && !isDescriptionRTL) {

ts/messageModifiers/ViewSyncs.ts

@@ -8,7 +8,7 @@ import { Collection, Model } from 'backbone';
 import type { MessageModel } from '../models/messages';
 import { ReadStatus } from '../messages/MessageReadStatus';
 import { markViewed } from '../services/MessageUpdater';
-import { isIncoming, isStory } from '../state/selectors/message';
+import { isIncoming } from '../state/selectors/message';
 import { notificationService } from '../services/notifications';
 import * as log from '../logging/log';
 import { GiftBadgeStates } from '../components/conversation/Message';
@@ -68,10 +68,7 @@ export class ViewSyncs extends Collection {
           uuid: item.sourceUuid,
         });
 
-        return (
-          (isIncoming(item) || isStory(item)) &&
-          senderId === sync.get('senderId')
-        );
+        return senderId === sync.get('senderId');
       });
 
       if (!found) {