4bd11c0ecc
Some checks failed
Lock Threads / action (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot EE docker images / merge (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot CE docker images / merge (push) Has been cancelled
Run Chatwoot CE spec / lint-backend (push) Has been cancelled
Run Chatwoot CE spec / lint-frontend (push) Has been cancelled
Run Chatwoot CE spec / frontend-tests (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (0, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (1, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (10, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (11, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (12, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (13, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (14, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (15, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (2, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (3, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (4, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (5, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (6, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (7, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (8, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (9, 16) (push) Has been cancelled
Run Linux nightly installer / nightly (push) Has been cancelled
Mark stale issues and pull requests / stale (push) Has been cancelled
## 新增功能
### 1. 新增消息类型
- 添加 search_image (17) 和 product_list (18) content_type
- 支持图片搜索和商品列表消息展示
### 2. 图片上传功能
- 添加 ImageUploadButton 组件，支持图片上传到 Mall API
- 上传后发送 search_image 类型消息，图片 URL 存储在 content_attributes
- 支持图片文件验证（类型、大小）
### 3. Webhook 推送优化
- 修改 webhook_listener.rb，允许 search_image 类型即使 content 为空也推送 webhook
- 解决 search_image 消息不触发 webhook 的问题
### 4. 前端组件
- 新增 SearchImage.vue 组件（widget 和 dashboard）
- 新增 ProductList.vue、Logistics.vue、OrderDetail.vue、OrderList.vue 组件
- 更新 Message.vue 路由逻辑支持新的 content_type
- 更新 UserMessage.vue 支持 search_image 消息显示
### 5. API 层修改
- widget/messages_controller.rb: 允许 content_attributes 参数
- widget/base_controller.rb: 使用前端传入的 content_attributes
- widget/conversation API: 支持 contentAttributes 参数传递
- conversation actions 和 helpers: 完整的 content_attributes 数据流
### 6. Widget 测试页面优化
- 重写 /widget_tests 页面，支持游客/用户模式切换
- 登录流程：使用 reset() + setUser()，不刷新页面
- 退出流程：使用 reset() + 刷新页面
- 添加详细的日志输出和状态显示
## 技术细节
### Message Model
```ruby
enum content_type: {
# ...existing types...
search_image: 17,
product_list: 18
}
```
### Webhook Listener
```ruby
# Allow search_image webhook even if content is blank
return if message.content.blank? && message.content_type != 'search_image'
```
### Widget Upload Flow
```
用户选择图片
→ 上传到 Mall API
→ 获取图片 URL
→ 发送消息: { content: '', content_type: 'search_image', content_attributes: { url: '...' } }
```
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
98 lines
1.9 KiB
JavaScript
98 lines
1.9 KiB
JavaScript
export const MESSAGE_TYPES = {
|
|
INCOMING: 0,
|
|
OUTGOING: 1,
|
|
ACTIVITY: 2,
|
|
TEMPLATE: 3,
|
|
};
|
|
|
|
export const MESSAGE_VARIANTS = {
|
|
USER: 'user',
|
|
AGENT: 'agent',
|
|
ACTIVITY: 'activity',
|
|
PRIVATE: 'private',
|
|
BOT: 'bot',
|
|
ERROR: 'error',
|
|
TEMPLATE: 'template',
|
|
EMAIL: 'email',
|
|
UNSUPPORTED: 'unsupported',
|
|
};
|
|
|
|
export const SENDER_TYPES = {
|
|
CONTACT: 'Contact',
|
|
USER: 'User',
|
|
AGENT_BOT: 'agent_bot',
|
|
CAPTAIN_ASSISTANT: 'captain_assistant',
|
|
};
|
|
|
|
export const ORIENTATION = {
|
|
LEFT: 'left',
|
|
RIGHT: 'right',
|
|
CENTER: 'center',
|
|
};
|
|
|
|
export const MESSAGE_STATUS = {
|
|
SENT: 'sent',
|
|
DELIVERED: 'delivered',
|
|
READ: 'read',
|
|
FAILED: 'failed',
|
|
PROGRESS: 'progress',
|
|
};
|
|
|
|
export const ATTACHMENT_TYPES = {
|
|
IMAGE: 'image',
|
|
AUDIO: 'audio',
|
|
VIDEO: 'video',
|
|
FILE: 'file',
|
|
LOCATION: 'location',
|
|
FALLBACK: 'fallback',
|
|
SHARE: 'share',
|
|
STORY_MENTION: 'story_mention',
|
|
CONTACT: 'contact',
|
|
IG_REEL: 'ig_reel',
|
|
EMBED: 'embed',
|
|
IG_POST: 'ig_post',
|
|
IG_STORY: 'ig_story',
|
|
};
|
|
|
|
export const CONTENT_TYPES = {
|
|
TEXT: 'text',
|
|
INPUT_TEXT: 'input_text',
|
|
INPUT_TEXTAREA: 'input_textarea',
|
|
INPUT_EMAIL: 'input_email',
|
|
INPUT_SELECT: 'input_select',
|
|
CARDS: 'cards',
|
|
FORM: 'form',
|
|
ARTICLE: 'article',
|
|
INCOMING_EMAIL: 'incoming_email',
|
|
INPUT_CSAT: 'input_csat',
|
|
INTEGRATIONS: 'integrations',
|
|
STICKER: 'sticker',
|
|
VOICE_CALL: 'voice_call',
|
|
DATA_TABLE: 'data_table',
|
|
ORDER_LIST: 'order_list',
|
|
ORDER_DETAIL: 'order_detail',
|
|
LOGISTICS: 'logistics',
|
|
PRODUCT_LIST: 'product_list',
|
|
SEARCH_IMAGE: 'search_image',
|
|
};
|
|
|
|
export const MEDIA_TYPES = [
|
|
ATTACHMENT_TYPES.IMAGE,
|
|
ATTACHMENT_TYPES.VIDEO,
|
|
ATTACHMENT_TYPES.AUDIO,
|
|
ATTACHMENT_TYPES.IG_REEL,
|
|
];
|
|
|
|
export const VOICE_CALL_STATUS = {
|
|
IN_PROGRESS: 'in-progress',
|
|
RINGING: 'ringing',
|
|
COMPLETED: 'completed',
|
|
NO_ANSWER: 'no-answer',
|
|
FAILED: 'failed',
|
|
};
|
|
|
|
export const VOICE_CALL_DIRECTION = {
|
|
INBOUND: 'inbound',
|
|
OUTBOUND: 'outbound',
|
|
};
|