mirror of
https://github.com/chatwoot/chatwoot.git
synced 2026-06-13 21:01:16 +08:00
b3d0af84c4
### Description
When integrating the web widget via the JS SDK, customers call
setConversationCustomAttributes and setLabel on chatwoot:ready — before
any conversation exists. These API calls silently fail because the
backend endpoints require an existing conversation. When the visitor
sends their first message, the conversation is created without those
attributes/labels, so the message_created webhook payload is missing the
expected metadata.
This change queues SDK-set conversation custom attributes and labels in
the widget store when no conversation exists yet, and includes them in
the API request when the first message (or attachment) creates the
conversation. The backend now permits and applies these params during
conversation creation — before the message is saved and webhooks fire.
### How to test
1. Configure a web widget without a pre-chat form.
2. Open the widget on a test page and run the following in the browser
console after chatwoot:ready:
`window.$chatwoot.setConversationCustomAttributes({ plan: 'enterprise'
});`
`window.$chatwoot.setLabel('vip');` // must be a label that exists in
the account
3. Send the first message from the widget.
4. Verify in the Chatwoot dashboard that the conversation has plan:
enterprise in custom attributes and the vip label applied.
5. Set up a webhook subscriber for `message_created` confirm the first
payload includes the conversation metadata.
6. Verify that calling `setConversationCustomAttributes` / `setLabel` on
an existing conversation still works as before (direct API path, no
regression).
7. Verify the pre-chat form flow still works as expected.
|
||
|---|---|---|
| .. | ||
| Availability | ||
| Form | ||
| layouts | ||
| pageComponents/Home/Article | ||
| PreChat | ||
| template | ||
| AgentMessage.vue | ||
| AgentMessageBubble.vue | ||
| AgentTypingBubble.vue | ||
| Banner.vue | ||
| ChatAttachment.vue | ||
| ChatFooter.vue | ||
| ChatHeader.vue | ||
| ChatHeaderExpanded.vue | ||
| ChatInputWrap.vue | ||
| ChatMessage.vue | ||
| ChatSendButton.vue | ||
| ConversationWrap.vue | ||
| DragWrapper.vue | ||
| FileBubble.vue | ||
| FooterReplyTo.vue | ||
| GroupedAvatars.vue | ||
| HeaderActions.vue | ||
| ImageBubble.vue | ||
| MessageReplyButton.vue | ||
| ReplyToChip.vue | ||
| TeamAvailability.vue | ||
| UnreadMessage.vue | ||
| UnreadMessageList.vue | ||
| UserMessage.vue | ||
| UserMessageBubble.vue | ||
| VideoBubble.vue | ||