feat: Add sticker support in Line channel (#8488)

app/javascript/dashboard/components/widgets/conversation/MessagePreview.vue

@@ -20,7 +20,15 @@
         icon="info"
       />
     </template>
-    <span v-if="message.content">
+    <span v-if="message.content && isMessageSticker">
+      <fluent-icon
+        size="16"
+        class="-mt-0.5 align-middle inline-block text-slate-600 dark:text-slate-300"
+        icon="image"
+      />
+      {{ $t('CHAT_LIST.ATTACHMENTS.image.CONTENT') }}
+    </span>
+    <span v-else-if="message.content">
       {{ parsedLastMessage }}
     </span>
     <span v-else-if="message.attachments">
@@ -88,6 +96,9 @@ export default {
     attachmentMessageContent() {
       return `CHAT_LIST.ATTACHMENTS.${this.lastMessageFileType}.CONTENT`;
     },
+    isMessageSticker() {
+      return this.message && this.message.content_type === 'sticker';
+    },
   },
 };
 </script>

app/models/message.rb

@@ -89,7 +89,8 @@ class Message < ApplicationRecord
     article: 7,
     incoming_email: 8,
     input_csat: 9,
-    integrations: 10
+    integrations: 10,
+    sticker: 11
   }
   enum status: { sent: 0, delivered: 1, read: 2, failed: 3 }
   # [:submitted_email, :items, :submitted_values] : Used for bot message types

app/services/line/incoming_message_service.rb

@@ -4,6 +4,7 @@
 class Line::IncomingMessageService
   include ::FileTypeHelper
   pattr_initialize [:inbox!, :params!]
+  LINE_STICKER_IMAGE_URL = 'https://stickershop.line-scdn.net/stickershop/v1/sticker/%s/iphone/sticker.png'.freeze
 
   def perform
     # probably test events
@@ -31,8 +32,9 @@ class Line::IncomingMessageService
     return unless event_type_message?(event)
 
     @message = @conversation.messages.create!(
-      content: event['message']['text'],
+      content: message_content(event),
       account_id: @inbox.account_id,
+      content_type: message_content_type(event),
       inbox_id: @inbox.id,
       message_type: :incoming,
       sender: @contact,
@@ -41,6 +43,33 @@ class Line::IncomingMessageService
     @message
   end
 
+  def message_content(event)
+    message_type = event.dig('message', 'type')
+    case message_type
+    when 'text'
+      event.dig('message', 'text')
+    when 'sticker'
+      sticker_id = event.dig('message', 'stickerId')
+      sticker_image_url(sticker_id)
+    end
+  end
+
+  # Currently, Chatwoot doesn't support stickers. As a temporary solution,
+  # we're displaying stickers as images using the sticker ID in markdown format.
+  # This is subject to change in the future. We've chosen not to download and display the sticker as an image because the sticker's information
+  # and images are the property of the creator or legal owner. We aim to avoid storing it on our server without their consent.
+  # If there are any permission or rendering issues, the URL may break, and we'll display the sticker ID as text instead.
+  # Ref: https://developers.line.biz/en/reference/messaging-api/#wh-sticker
+  def sticker_image_url(sticker_id)
+    "![sticker-#{sticker_id}](#{LINE_STICKER_IMAGE_URL % sticker_id})"
+  end
+
+  def message_content_type(event)
+    return 'sticker' if event['message']['type'] == 'sticker'
+
+    'text'
+  end
+
   def attach_files(message)
     return unless message_type_non_text?(message['type'])
 
@@ -65,7 +94,7 @@ class Line::IncomingMessageService
   end
 
   def event_type_message?(event)
-    event['type'] == 'message'
+    event['type'] == 'message' || event['type'] == 'sticker'
   end
 
   def message_type_non_text?(type)