FTM: Create Feature Flag to enable New Preview Mode

[KevinDavilaDotCMS]

Parent Issue

#30598

User Story

As a user, I want to enable or disable the Preview Mode feature through a Feature Flag. If the Feature Flag is not enabled, I want my UVE to remain unchanged, retaining all existing functionality.

Task

Develop a new Feature Flag to enable the Preview Mode in our application. The new Feature Flag should follow the existing format of the FeatureFlag object, defined within the FeaturedFlags enum

export const enum FeaturedFlags {
    LOAD_FRONTEND_EXPERIMENTS = 'FEATURE_FLAG_EXPERIMENTS',
    DOTFAVORITEPAGE_FEATURE_ENABLE = 'DOTFAVORITEPAGE_FEATURE_ENABLE',
    FEATURE_FLAG_TEMPLATE_BUILDER = 'FEATURE_FLAG_TEMPLATE_BUILDER_2',
    FEATURE_FLAG_SEO_IMPROVEMENTS = 'FEATURE_FLAG_SEO_IMPROVEMENTS',
    FEATURE_FLAG_SEO_PAGE_TOOLS = 'FEATURE_FLAG_SEO_PAGE_TOOLS',
    FEATURE_FLAG_EDIT_URL_CONTENT_MAP = 'FEATURE_FLAG_EDIT_URL_CONTENT_MAP',
    FEATURE_FLAG_CONTENT_EDITOR2_ENABLED = 'CONTENT_EDITOR2_ENABLED',
    FEATURE_FLAG_CONTENT_EDITOR2_CONTENT_TYPE = 'CONTENT_EDITOR2_CONTENT_TYPE',
    FEATURE_FLAG_ANNOUNCEMENTS = 'FEATURE_FLAG_ANNOUNCEMENTS',
    FEATURE_FLAG_NEW_EDIT_PAGE = 'FEATURE_FLAG_NEW_EDIT_PAGE',
    //
    FEATURE_FLAG_UVE_PREVIEW_MODE = 'FEATURE_FLAG_NEW_EDIT_PAGE'
}

Additionally, this Feature Flag should be accessible through the getFeatureFlags method located in core/core-web/libs/data-access/src/lib/dot-properties/dot-properties.service.ts

Acceptance Criteria

• A new constant for the Preview Mode Feature Flag is added to the FeaturedFlags enum. The new flag follows the naming conventions and structure of existing Feature Flags within this enum.
• The Preview Mode Feature Flag is integrated into the getFeatureFlags method in dot-properties.service.ts, allowing it to be fetched and managed centrally.
• Verify that toggling the Feature Flag correctly enables or disables the Preview Mode. Ensure no side effects or regressions on existing Feature Flags

[zJaaal]

Note to QA

The name decided for this FF is FEATURE_FLAG_UVE_PREVIEW_MODE

[github-actions]

PRs:

• chore(uve): Add FF for Preview Mode #30623
• fix(uve): Toolbar is missing due to lack of FF on config #30654

[oidacra]

When the FF does not exist return NOT_FOUND

{
    "FEATURE_FLAG_UVE_PREVIEW_MODE": "NOT_FOUND"
}

And show the empty component

Using trunk_b1ba6db docker image.

[zJaaal]

Addressed on #30653 #30654

[rjvelazco]

Passed IQA

• Tested on docker image: [dotcms/dotcms:trunk_3d77285]

FEATURE_FLAG_UVE_PREVIEW_MODE disable

30459-ftm-create-feature-flag-to-enable-new-preview-mode-disabled.mov

FEATURE_FLAG_UVE_PREVIEW_MODE enable

30459-ftm-create-feature-flag-to-enable-new-preview-mode-enabled.mov

[bryanboza]

Fixed, feature flag now is working