fix: Attach instagram images with file type story_mentions (#4100)

app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue

@@ -35,6 +35,19 @@
         size="16"
       />
     </button>
+    <a
+      v-if="hasInstagramStory && (isIncoming || isOutgoing) && linkToStory"
+      :href="linkToStory"
+      target="_blank"
+      rel="noopener noreferrer nofollow"
+    >
+      <fluent-icon
+        v-tooltip.top-start="$t('CHAT_LIST.LINK_TO_STORY')"
+        icon="open"
+        class="action--icon cursor-pointer"
+        size="16"
+      />
+    </a>
     <a
       v-if="isATweet && (isOutgoing || isIncoming) && linkToTweet"
       :href="linkToTweet"
@@ -67,6 +80,14 @@ export default {
       type: String,
       default: '',
     },
+    storySender: {
+      type: String,
+      default: '',
+    },
+    storyId: {
+      type: String,
+      default: '',
+    },
     isEmail: {
       type: Boolean,
       default: true,
@@ -79,6 +100,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    hasInstagramStory: {
+      type: Boolean,
+      default: true,
+    },
     messageType: {
       type: Number,
       default: 1,
@@ -119,6 +144,13 @@ export default {
       return `https://twitter.com/${screenName ||
         this.inbox.name}/status/${sourceId}`;
     },
+    linkToStory() {
+      if (!this.storyId || !this.storySender) {
+        return '';
+      }
+      const { storySender, storyId } = this;
+      return `https://www.instagram.com/stories/${storySender}/${storyId}`;
+    },
     showSentIndicator() {
       return this.isOutgoing && this.sourceId && this.isAnEmailChannel;
     },