This adds a draft status for Help Center locales so teams can prepare localized content in the dashboard without exposing those locales in the public portal switcher until they are ready to publish. Fixes: https://github.com/chatwoot/chatwoot/issues/10412 Closes: https://github.com/chatwoot/chatwoot/issues/10412 ## Why Teams need a way to work on locale-specific Help Center content ahead of launch. The public portal should only show ready locales, while the admin dashboard should continue to expose every allowed locale for ongoing article and category work. ## What this change does - Adds `draft_locales` to portal config as a subset of `allowed_locales` - Hides drafted locales from the public portal language switchers while keeping direct locale URLs working - Keeps drafted locales fully visible in the admin dashboard for article and category management - Adds locale actions to move an existing locale to draft, publish a drafted locale, and keep the default locale protected from drafting - Adds a status dropdown when creating a locale so new locales can be created as `Published` or `Draft` - Returns each admin locale with a `draft` flag so the locale UI can reflect the public visibility state ## Validation - Seed a portal with multiple locales, draft one locale, and confirm the public portal switcher hides it while `/hc/:slug/:locale` still loads directly - In the admin dashboard, confirm drafted locales still appear in the locale list and remain selectable for articles and categories - Create a new locale with `Draft` status and confirm it stays out of the public switcher until published - Move an existing locale back and forth between `Published` and `Draft` and confirm the public switcher updates accordingly ## Demo https://github.com/user-attachments/assets/ba22dc26-c2e7-463a-b1f5-adf1fda1f9be --------- Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
111 lines
3.2 KiB
JavaScript
111 lines
3.2 KiB
JavaScript
import {
|
|
buildLocaleMenuItems,
|
|
buildPortalArticleURL,
|
|
buildPortalURL,
|
|
} from '../portalHelper';
|
|
|
|
describe('PortalHelper', () => {
|
|
describe('buildPortalURL', () => {
|
|
it('returns the correct url', () => {
|
|
window.chatwootConfig = {
|
|
hostURL: 'https://app.chatwoot.com',
|
|
helpCenterURL: 'https://help.chatwoot.com',
|
|
};
|
|
expect(buildPortalURL('handbook')).toEqual(
|
|
'https://help.chatwoot.com/hc/handbook'
|
|
);
|
|
window.chatwootConfig = {};
|
|
});
|
|
});
|
|
|
|
describe('buildPortalArticleURL', () => {
|
|
it('returns the correct url', () => {
|
|
window.chatwootConfig = {
|
|
hostURL: 'https://app.chatwoot.com',
|
|
helpCenterURL: 'https://help.chatwoot.com',
|
|
};
|
|
expect(
|
|
buildPortalArticleURL('handbook', 'culture', 'fr', 'article-slug')
|
|
).toEqual('https://help.chatwoot.com/hc/handbook/articles/article-slug');
|
|
window.chatwootConfig = {};
|
|
});
|
|
|
|
it('returns the correct url with custom domain', () => {
|
|
window.chatwootConfig = {
|
|
hostURL: 'https://app.chatwoot.com',
|
|
helpCenterURL: 'https://help.chatwoot.com',
|
|
};
|
|
expect(
|
|
buildPortalArticleURL(
|
|
'handbook',
|
|
'culture',
|
|
'fr',
|
|
'article-slug',
|
|
'custom-domain.dev'
|
|
)
|
|
).toEqual('https://custom-domain.dev/hc/handbook/articles/article-slug');
|
|
});
|
|
|
|
it('handles https in custom domain correctly', () => {
|
|
window.chatwootConfig = {
|
|
hostURL: 'https://app.chatwoot.com',
|
|
helpCenterURL: 'https://help.chatwoot.com',
|
|
};
|
|
expect(
|
|
buildPortalArticleURL(
|
|
'handbook',
|
|
'culture',
|
|
'fr',
|
|
'article-slug',
|
|
'https://custom-domain.dev'
|
|
)
|
|
).toEqual('https://custom-domain.dev/hc/handbook/articles/article-slug');
|
|
});
|
|
|
|
it('uses hostURL when helpCenterURL is not available', () => {
|
|
window.chatwootConfig = {
|
|
hostURL: 'https://app.chatwoot.com',
|
|
helpCenterURL: '',
|
|
};
|
|
expect(
|
|
buildPortalArticleURL('handbook', 'culture', 'fr', 'article-slug')
|
|
).toEqual('https://app.chatwoot.com/hc/handbook/articles/article-slug');
|
|
});
|
|
});
|
|
|
|
describe('buildLocaleMenuItems', () => {
|
|
it('returns disabled actions for the default locale', () => {
|
|
expect(
|
|
buildLocaleMenuItems({
|
|
isDefault: true,
|
|
isDraft: false,
|
|
})
|
|
).toEqual(
|
|
expect.arrayContaining([
|
|
expect.objectContaining({ action: 'change-default', disabled: true }),
|
|
expect.objectContaining({ action: 'move-to-draft', disabled: true }),
|
|
expect.objectContaining({ action: 'delete', disabled: true }),
|
|
])
|
|
);
|
|
});
|
|
|
|
it('returns publish and delete actions for draft locales', () => {
|
|
expect(
|
|
buildLocaleMenuItems({
|
|
isDefault: false,
|
|
isDraft: true,
|
|
}).map(({ action }) => action)
|
|
).toEqual(['publish-locale', 'delete']);
|
|
});
|
|
|
|
it('returns default, draft, and delete actions for live locales', () => {
|
|
expect(
|
|
buildLocaleMenuItems({
|
|
isDefault: false,
|
|
isDraft: false,
|
|
}).map(({ action }) => action)
|
|
).toEqual(['change-default', 'move-to-draft', 'delete']);
|
|
});
|
|
});
|
|
});
|