Initial commit: Add logistics and order_detail message types

- Add Logistics component with progress tracking
- Add OrderDetail component for order information
- Support data-driven steps and actions
- Add blue color scale to widget SCSS
- Fix node overflow and progress bar rendering issues
- Add English translations for dashboard components

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/services/line/send_on_line_service.rb

@@ -0,0 +1,113 @@
+class Line::SendOnLineService < Base::SendOnChannelService
+  private
+
+  def channel_class
+    Channel::Line
+  end
+
+  def perform_reply
+    response = channel.client.push_message(message.conversation.contact_inbox.source_id, build_payload)
+
+    return if response.blank?
+
+    parsed_json = JSON.parse(response.body)
+
+    if response.code == '200'
+      # If the request is successful, update the message status to delivered
+      Messages::StatusUpdateService.new(message, 'delivered').perform
+    else
+      # If the request is not successful, update the message status to failed and save the external error
+      Messages::StatusUpdateService.new(message, 'failed', external_error(parsed_json)).perform
+    end
+  end
+
+  def build_payload
+    if message.content_type == 'input_select' && message.content_attributes['items'].any?
+      build_input_select_payload
+    else
+      build_text_payload
+    end
+  end
+
+  def build_text_payload
+    if message.content && message.attachments.any?
+      [text_message, *attachments]
+    elsif message.content.nil? && message.attachments.any?
+      attachments
+    else
+      text_message
+    end
+  end
+
+  def attachments
+    message.attachments.map do |attachment|
+      # Support only image and video for now, https://developers.line.biz/en/reference/messaging-api/#image-message
+      next unless attachment.file_type == 'image' || attachment.file_type == 'video'
+
+      {
+        type: attachment.file_type,
+        originalContentUrl: attachment.download_url,
+        previewImageUrl: attachment.download_url
+      }
+    end
+  end
+
+  # https://developers.line.biz/en/reference/messaging-api/#text-message
+  def text_message
+    {
+      type: 'text',
+      text: message.outgoing_content
+    }
+  end
+
+  # https://developers.line.biz/en/reference/messaging-api/#flex-message
+  def build_input_select_payload
+    {
+      type: 'flex',
+      altText: message.content,
+      contents: {
+        type: 'bubble',
+        body: {
+          type: 'box',
+          layout: 'vertical',
+          contents: [
+            {
+              type: 'text',
+              text: message.content,
+              wrap: true
+            },
+            *input_select_to_button
+          ]
+        }
+      }
+    }
+  end
+
+  def input_select_to_button
+    message.content_attributes['items'].map do |item|
+      {
+        type: 'button',
+        style: 'link',
+        height: 'sm',
+        action: {
+          type: 'message',
+          label: item['title'],
+          text: item['value']
+        }
+      }
+    end
+  end
+
+  # https://developers.line.biz/en/reference/messaging-api/#error-responses
+  def external_error(error)
+    # Message containing information about the error. See https://developers.line.biz/en/reference/messaging-api/#error-messages
+    message = error['message']
+    # An array of error details. If the array is empty, this property will not be included in the response.
+    details = error['details']
+
+    return message if details.blank?
+
+    detail_messages = details.map { |detail| "#{detail['property']}: #{detail['message']}" }
+    [message, detail_messages].join(', ')
+  end
+end