fix(uve): Update toolbar dropdown messages (#31291)

Co-authored-by: Kevin Davila <kfariid@gmail.com>

Author: KevinDavilaDotCMS

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-editor-mode-selector/dot-editor-mode-selector.component.spec.ts

@@ -220,8 +220,8 @@ describe('DotEditorModeSelectorComponent', () => {
         test.each([
             {
                 mode: UVE_MODE.EDIT,
-                label: 'uve.editor.mode.edit',
-                description: 'uve.editor.mode.edit.description'
+                label: 'uve.editor.mode.draft',
+                description: 'uve.editor.mode.draft.description'
             },
             {
                 mode: UVE_MODE.PREVIEW,
@@ -230,8 +230,8 @@ describe('DotEditorModeSelectorComponent', () => {
             },
             {
                 mode: UVE_MODE.LIVE,
-                label: 'uve.editor.mode.live',
-                description: 'uve.editor.mode.live.description'
+                label: 'uve.editor.mode.published',
+                description: 'uve.editor.mode.published.description'
             }
         ])(
             'should show correct label and description for $mode menu item',
@@ -248,9 +248,9 @@ describe('DotEditorModeSelectorComponent', () => {
         );
 
         test.each([
-            { mode: UVE_MODE.EDIT, label: 'uve.editor.mode.edit' },
+            { mode: UVE_MODE.EDIT, label: 'uve.editor.mode.draft' },
             { mode: UVE_MODE.PREVIEW, label: 'uve.editor.mode.preview' },
-            { mode: UVE_MODE.LIVE, label: 'uve.editor.mode.live' }
+            { mode: UVE_MODE.LIVE, label: 'uve.editor.mode.published' }
         ])('should update button label when mode changes - $mode', ({ mode, label }) => {
             // Start with Edit mode
             mockStore.pageParams.set({ ...pageParams, editorMode: mode });

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-editor-mode-selector/dot-editor-mode-selector.component.ts

@@ -35,8 +35,8 @@ export class DotEditorModeSelectorComponent {
 
         if (canEditPage) {
             menu.push({
-                label: 'uve.editor.mode.edit',
-                description: 'uve.editor.mode.edit.description',
+                label: 'uve.editor.mode.draft',
+                description: 'uve.editor.mode.draft.description',
                 id: UVE_MODE.EDIT
             });
         }
@@ -49,8 +49,8 @@ export class DotEditorModeSelectorComponent {
 
         if (hasLiveVersion) {
             menu.push({
-                label: 'uve.editor.mode.live',
-                description: 'uve.editor.mode.live.description',
+                label: 'uve.editor.mode.published',
+                description: 'uve.editor.mode.published.description',
                 id: UVE_MODE.LIVE
             });
         }

dotCMS/src/main/webapp/WEB-INF/messages/Language.properties

@@ -5940,12 +5940,12 @@ uve.preview.mode.social.media.subheader=Social Media Tiles
 uve.preview.mode.search.engine.subheader=Search Engine
 uve.disable.delete.button.on.personalization=Personalization requires a minimum of <b>one</b> content item.
 uve.personalize.empty.page.error=Personalization requires page content. Add some first.
-uve.editor.mode.edit=Edit
+uve.editor.mode.draft=Draft
 uve.editor.mode.preview=Preview
-uve.editor.mode.live=Live
-uve.editor.mode.edit.description=Edit the page
-uve.editor.mode.preview.description=Preview the current page
-uve.editor.mode.live.description=Preview the current and future versions of the page
+uve.editor.mode.published=Live
+uve.editor.mode.draft.description=Edit your page
+uve.editor.mode.preview.description=Check your latest edits
+uve.editor.mode.published.description=View live or future page
 
 
 coming.soon=Coming Soon