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>
131 lines
3.1 KiB
JavaScript
Executable File
131 lines
3.1 KiB
JavaScript
Executable File
import { buildSearchParamsWithLocale } from '../helpers/urlParamsHelper';
|
|
import { generateEventParams } from './events';
|
|
|
|
const createConversation = params => {
|
|
const referrerURL = window.referrerURL || '';
|
|
const search = buildSearchParamsWithLocale(window.location.search);
|
|
return {
|
|
url: `/api/v1/widget/conversations${search}`,
|
|
params: {
|
|
contact: {
|
|
name: params.fullName,
|
|
email: params.emailAddress,
|
|
phone_number: params.phoneNumber,
|
|
},
|
|
message: {
|
|
content: params.message,
|
|
timestamp: new Date().toString(),
|
|
referer_url: referrerURL,
|
|
},
|
|
custom_attributes: params.customAttributes,
|
|
},
|
|
};
|
|
};
|
|
|
|
const sendMessage = (content, replyTo, contentType = null, contentAttributes = null) => {
|
|
const referrerURL = window.referrerURL || '';
|
|
const search = buildSearchParamsWithLocale(window.location.search);
|
|
const messageParams = {
|
|
content,
|
|
reply_to: replyTo,
|
|
timestamp: new Date().toString(),
|
|
referer_url: referrerURL,
|
|
};
|
|
|
|
if (contentType) {
|
|
messageParams.content_type = contentType;
|
|
}
|
|
|
|
if (contentAttributes) {
|
|
messageParams.content_attributes = contentAttributes;
|
|
}
|
|
|
|
return {
|
|
url: `/api/v1/widget/messages${search}`,
|
|
params: {
|
|
message: messageParams,
|
|
},
|
|
};
|
|
};
|
|
|
|
const sendAttachment = ({ attachment, replyTo = null }) => {
|
|
const { referrerURL = '' } = window;
|
|
const timestamp = new Date().toString();
|
|
const { file } = attachment;
|
|
|
|
const formData = new FormData();
|
|
if (typeof file === 'string') {
|
|
formData.append('message[attachments][]', file);
|
|
} else {
|
|
formData.append('message[attachments][]', file, file.name);
|
|
}
|
|
|
|
formData.append('message[referer_url]', referrerURL);
|
|
formData.append('message[timestamp]', timestamp);
|
|
if (replyTo !== null) {
|
|
formData.append('message[reply_to]', replyTo);
|
|
}
|
|
return {
|
|
url: `/api/v1/widget/messages${window.location.search}`,
|
|
params: formData,
|
|
};
|
|
};
|
|
|
|
const getConversation = ({ before, after }) => ({
|
|
url: `/api/v1/widget/messages${window.location.search}`,
|
|
params: { before, after },
|
|
});
|
|
|
|
const updateMessage = id => ({
|
|
url: `/api/v1/widget/messages/${id}${window.location.search}`,
|
|
});
|
|
|
|
const getAvailableAgents = token => ({
|
|
url: '/api/v1/widget/inbox_members',
|
|
params: {
|
|
website_token: token,
|
|
},
|
|
});
|
|
const getCampaigns = token => ({
|
|
url: '/api/v1/widget/campaigns',
|
|
params: {
|
|
website_token: token,
|
|
},
|
|
});
|
|
const triggerCampaign = ({ websiteToken, campaignId, customAttributes }) => ({
|
|
url: '/api/v1/widget/events',
|
|
data: {
|
|
name: 'campaign.triggered',
|
|
event_info: {
|
|
campaign_id: campaignId,
|
|
custom_attributes: customAttributes,
|
|
...generateEventParams(),
|
|
},
|
|
},
|
|
params: {
|
|
website_token: websiteToken,
|
|
},
|
|
});
|
|
|
|
const getMostReadArticles = (slug, locale) => ({
|
|
url: `/hc/${slug}/${locale}/articles.json`,
|
|
params: {
|
|
page: 1,
|
|
sort: 'views',
|
|
status: 1,
|
|
per_page: 6,
|
|
},
|
|
});
|
|
|
|
export default {
|
|
createConversation,
|
|
sendMessage,
|
|
sendAttachment,
|
|
getConversation,
|
|
updateMessage,
|
|
getAvailableAgents,
|
|
getCampaigns,
|
|
triggerCampaign,
|
|
getMostReadArticles,
|
|
};
|