mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-01 19:48:08 +00:00
5ebe8c71ec
# Pull Request Template
## Description
This PR allows users to dynamically pass custom welcome and availability
messages, along with UI feature toggles, via `window.chatwootSettings`.
If any of the following settings are provided, the widget will use them;
otherwise, it falls back to default behavior.
**New options:**
```
window.chatwootSettings = {
welcomeTitle: 'Need help?', // Custom widget title
welcomeDescription: 'We’re here to support you.', // Subtitle in the header
availableMessage: 'We’re online and ready to chat!', // Shown when team is online
unavailableMessage: 'We’re currently offline.', // Shown when team is unavailable
enableFileUpload: true, // Enable file attachments
enableEmojiPicker: true, // Enable emoji picker in chat input
enableEndConversation: true // Allow users to end the conversation
}
```
Fixes
https://linear.app/chatwoot/issue/CW-4589/add-options-to-windowchatwootsettings
## Type of change
- [x] New feature (non-breaking change which adds functionality)
## How Has This Been Tested?
### Loom video
https://www.loom.com/share/413fc4aa59384366b071450bd19d1bf8?sid=ff30fb4c-267c-4beb-80ab-d6f583aa960d
## Checklist:
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules
---------
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
71 lines
2.5 KiB
JavaScript
71 lines
2.5 KiB
JavaScript
import { getters } from '../../appConfig';
|
|
|
|
describe('#getters', () => {
|
|
describe('#getWidgetColor', () => {
|
|
it('returns correct value', () => {
|
|
const state = { widgetColor: '#00bcd4' };
|
|
expect(getters.getWidgetColor(state)).toEqual('#00bcd4');
|
|
});
|
|
});
|
|
describe('#getReferrerHost', () => {
|
|
it('returns correct value', () => {
|
|
const state = { referrerHost: 'www.chatwoot.com' };
|
|
expect(getters.getReferrerHost(state)).toEqual('www.chatwoot.com');
|
|
});
|
|
});
|
|
describe('#getShowUnreadMessagesDialog', () => {
|
|
it('returns correct value', () => {
|
|
const state = { showUnreadMessagesDialog: true };
|
|
expect(getters.getShowUnreadMessagesDialog(state)).toEqual(true);
|
|
});
|
|
});
|
|
describe('#getAvailableMessage', () => {
|
|
it('returns correct value', () => {
|
|
const state = { availableMessage: 'We reply quickly' };
|
|
expect(getters.getAvailableMessage(state)).toEqual('We reply quickly');
|
|
});
|
|
});
|
|
describe('#getWelcomeHeading', () => {
|
|
it('returns correct value', () => {
|
|
const state = { welcomeTitle: 'Hello!' };
|
|
expect(getters.getWelcomeHeading(state)).toEqual('Hello!');
|
|
});
|
|
});
|
|
describe('#getWelcomeTagline', () => {
|
|
it('returns correct value', () => {
|
|
const state = { welcomeDescription: 'Welcome to our site' };
|
|
expect(getters.getWelcomeTagline(state)).toEqual('Welcome to our site');
|
|
});
|
|
});
|
|
describe('#getShouldShowFilePicker', () => {
|
|
it('returns correct value', () => {
|
|
const state = { enableFileUpload: true };
|
|
expect(getters.getShouldShowFilePicker(state)).toEqual(true);
|
|
});
|
|
});
|
|
describe('#getShouldShowEmojiPicker', () => {
|
|
it('returns correct value', () => {
|
|
const state = { enableEmojiPicker: true };
|
|
expect(getters.getShouldShowEmojiPicker(state)).toEqual(true);
|
|
});
|
|
});
|
|
describe('#getCanUserEndConversation', () => {
|
|
it('returns correct value', () => {
|
|
const state = { enableEndConversation: true };
|
|
expect(getters.getCanUserEndConversation(state)).toEqual(true);
|
|
});
|
|
});
|
|
describe('#getUnavailableMessage', () => {
|
|
it('returns correct value', () => {
|
|
const state = { unavailableMessage: 'We are offline' };
|
|
expect(getters.getUnavailableMessage(state)).toEqual('We are offline');
|
|
});
|
|
});
|
|
describe('#getIsUpdatingRoute', () => {
|
|
it('returns correct value', () => {
|
|
const state = { isUpdatingRoute: true };
|
|
expect(getters.getIsUpdatingRoute(state)).toEqual(true);
|
|
});
|
|
});
|
|
});
|