chore(UVE): Enhance UX on Personalization workflow

[zJaaal]

This pull request includes several changes to improve the functionality and user experience of the dot-ema-editor components, as well as updates to the tests to cover new scenarios. The most important changes include updates to the DotUveToolbarComponent and EmaContentletToolsComponent components, as well as modifications to the SCSS files and test cases.

Component Updates:

• dot-uve-toolbar.component.ts: Added error handling for the personalization confirmation process. If the process fails, an error message is displayed, and the persona selector is reset.

• ema-contentlet-tools.component.ts: Added a new input property disableDeleteButton to control the state of the delete button. The button is disabled and shows a tooltip when disableDeleteButton is set.

SCSS Updates:

• dotcms-theme/components/_dialog.scss: Changed the word-break property from break-all to break-word for better text handling.

• dot-ema-shell.component.scss: Removed unnecessary padding styles from the .p-dialog-footer class.

Test Updates:

• dot-uve-toolbar.component.spec.ts: Added new test cases to cover the error handling in the personalization process and the use of the personaEventMock for consistent test data. [1] [2]

• ema-contentlet-tools.component.spec.ts: Added test cases to verify the behavior of the delete button based on the disableDeleteButton input property.

Store and Mock Updates:

• models.ts: Added disableDeleteButton to the EditorProps interface to support the new functionality in the EmaContentletToolsComponent.

• withEditor.spec.ts: Updated tests to include scenarios where the disableDeleteButton property is set based on the number of contents and the persona state. [1] [2]

Screenshot

Screen.Recording.2025-01-15.at.2.30.59.PM.mov