@openui5/sap.ui.rta 1.135.0 → 1.136.1

package/src/sap/ui/rta/util/guidedTour/GuidedTour.js

@@ -0,0 +1,242 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/m/MessageBox",
+	"sap/ui/base/ManagedObject",
+	"sap/ui/core/Element",
+	"sap/ui/core/Fragment",
+	"sap/ui/model/json/JSONModel",
+	"sap/ui/model/resource/ResourceModel",
+	"sap/ui/rta/Utils"
+], function(
+	MessageBox,
+	ManagedObject,
+	Element,
+	Fragment,
+	JSONModel,
+	ResourceModel,
+	Utils
+) {
+	"use strict";
+
+	/**
+	 * @class Constructor for a new sap.ui.rta.util.guidedTour.GuidedTour
+	 * @extends sap.ui.base.ManagedObject
+	 * @author SAP SE
+	 * @version 1.136.1
+	 * @constructor
+	 * @since 1.136
+	 * @private
+	 * @ui5-restricted sap.ui.rta
+	 */
+	const GuidedTour = ManagedObject.extend("sap.ui.rta.util.guidedTour.GuidedTour", {
+		metadata: {
+			properties: {
+				steps: { type: "object" },
+				initialStateSelectors: { type: "object" },
+				currentStep: { type: "int", defaultValue: 0 },
+				forwardDirection: { type: "boolean", defaultValue: true }
+			},
+			events: {
+				tourClosed: {}
+			}
+		}
+	});
+
+	function waitForElementVisibility(oTargetElementId) {
+		return new Promise((resolve, reject) => {
+			const oTargetElement = Element.getElementById(oTargetElementId);
+			const oTargetElementDomRef = oTargetElement?.getDomRef();
+			let bResolved = false;
+
+			if (Utils.isElementVisible(oTargetElementDomRef)) {
+				resolve(oTargetElement);
+				return;
+			}
+
+			const oObserver = new MutationObserver(() => {
+				const observedElement = Element.getElementById(oTargetElementId);
+				const oObservedElementDomRef = observedElement?.getDomRef();
+				if (Utils.isElementVisible(oObservedElementDomRef)) {
+					bResolved = true;
+					oObserver.disconnect();
+					resolve(observedElement);
+				}
+			});
+
+			// Start observing the document for changes
+			oObserver.observe(document.body, {
+				childList: true,
+				subtree: true,
+				attributes: true
+			});
+
+			// Set a timeout to reject the promise and clean up the observer if the element is not found
+			setTimeout(() => {
+				if (!bResolved) {
+					oObserver.disconnect();
+					reject(new Error(`Element with ID "${oTargetElementId}" not found`));
+				}
+			}, 700);
+		});
+	}
+
+	function skipStep() {
+		if (this.getProperty("forwardDirection") === true) {
+			this.onNextPress();
+		} else {
+			this.onPreviousPress();
+		}
+	}
+
+	function onEscKeyDown(oEvent) {
+		if (oEvent.key === "Escape" || oEvent.key === "Esc") {
+			this.onClosePress();
+		}
+	}
+
+	GuidedTour.prototype.autoStart = async function(oTourContent) {
+		const sResponse = await Utils.showMessageBox(
+			"information",
+			"TXT_TOUR_GENERAL_DESCRIPTION",
+			{
+				actions: [MessageBox.Action.YES, MessageBox.Action.NO],
+				emphasizedAction: MessageBox.Action.YES,
+				titleKey: "TIT_TOUR_GENERAL_TITLE",
+				id: "autoStartGuidedTour"
+			}
+		);
+		if (sResponse === MessageBox.Action.YES) {
+			this.start(oTourContent);
+		} else {
+			this.fireTourClosed();
+		}
+	};
+
+	GuidedTour.prototype.start = async function(oTourContent) {
+		this.setProperty("steps", oTourContent.steps);
+		this.setProperty("initialStateSelectors", oTourContent.initialStateSelectors);
+		const oRTAResourceModel = new ResourceModel({ bundleName: "sap.ui.rta.messagebundle" });
+		this._oPopover = await Fragment.load({
+			id: "guidedTourMarker",
+			name: "sap.ui.rta.util.guidedTour.TourMarker",
+			controller: this
+		});
+		this.oGuidedTourModel = new JSONModel();
+		this.updateGuidedTourModel(0);
+		this._oPopover.setModel(oRTAResourceModel, "i18n");
+		this._oPopover.setModel(this.oGuidedTourModel);
+
+		// Add the event listener to the popup's DOM element after it is rendered
+		this._oPopover.addEventDelegate({
+			onAfterRendering: function() {
+				const oPopupElement = this._oPopover.getDomRef();
+				if (oPopupElement) {
+					oPopupElement.addEventListener("keydown", onEscKeyDown.bind(this));
+				}
+			}.bind(this)
+		});
+
+		this.showMarker(0);
+	};
+
+	GuidedTour.prototype.showMarker = async function(nStep) {
+		const oStepConfig = this.getProperty("steps")[nStep];
+		const sSelector = oStepConfig.markerSelector;
+		const aActionSelectors = oStepConfig.actionSelectors || [];
+
+		try {
+			for (const sActionSelector of aActionSelectors) {
+				const oActionControl = await waitForElementVisibility.call(this, sActionSelector);
+				oActionControl.firePress();
+			}
+
+			const oAffectedControl = oStepConfig.waitForElement
+				? await waitForElementVisibility.call(this, sSelector)
+				: Element.getElementById(sSelector);
+
+			// Open the popover if the element is visible
+			if (oAffectedControl && oAffectedControl.getVisible()) {
+				this._oPopover.openBy(oAffectedControl);
+			} else {
+				skipStep.call(this);
+			}
+		} catch (error) {
+			skipStep.call(this);
+		}
+	};
+
+	GuidedTour.prototype.updateGuidedTourModel = function(nStepIndex) {
+		const bIsLastStep = nStepIndex === this.getProperty("steps").length - 1;
+		const bIsFirstStep = nStepIndex === 0;
+
+		this.oGuidedTourModel.setData({
+			...this.oGuidedTourModel.getData(),
+			...this.getProperty("steps")[nStepIndex],
+			isLastStep: bIsLastStep,
+			isFirstStep: bIsFirstStep,
+			progress: 100 / this.getProperty("steps").length * (nStepIndex + 1)
+		});
+	};
+
+	GuidedTour.prototype.onNextPress = function() {
+		this.setProperty("forwardDirection", true);
+		this._oPopover.close();
+		const nCurrentStep = this.getCurrentStep();
+
+		if (nCurrentStep < this.getProperty("steps").length - 1) {
+			const nNextStep = nCurrentStep + 1;
+			this.updateGuidedTourModel(nNextStep);
+			this.setCurrentStep(nNextStep);
+			this.showMarker(nNextStep);
+		} else {
+			this.fireTourClosed();
+			this.destroy();
+		}
+	};
+
+	GuidedTour.prototype.onPreviousPress = function() {
+		this.setProperty("forwardDirection", false);
+		this._oPopover.close();
+		const nCurrentStep = this.getCurrentStep();
+		const nPreviousStep = nCurrentStep - 1;
+		this.updateGuidedTourModel(nPreviousStep);
+		this.setCurrentStep(nPreviousStep);
+		this.showMarker(nPreviousStep);
+	};
+
+	GuidedTour.prototype.returnToInitialState = async function() {
+		try {
+			const oInitialStateSelectors = this.getProperty("initialStateSelectors");
+			if (oInitialStateSelectors.length === 0) {
+				return;
+			}
+			for (const sActionSelector of oInitialStateSelectors) {
+				const oActionControl = await waitForElementVisibility.call(this, sActionSelector);
+				oActionControl.firePress();
+			}
+		} catch (error) {
+			this.destroy();
+		}
+	};
+
+	GuidedTour.prototype.onClosePress = async function() {
+		this._oPopover.close();
+		this.fireTourClosed();
+		this.destroy();
+		await this.returnToInitialState();
+	};
+
+	GuidedTour.prototype.destroy = function(...aArgs) {
+		ManagedObject.prototype.destroy.apply(this, aArgs);
+		if (this._oPopover) {
+			this._oPopover.destroy();
+		}
+	};
+
+	return GuidedTour;
+});

package/src/sap/ui/rta/util/guidedTour/TourMarker.fragment.xml

@@ -0,0 +1,50 @@
+<core:FragmentDefinition
+	xmlns="sap.m"
+	xmlns:core="sap.ui.core">
+	<Popover
+		id="guidedTourMarkerPopover"
+		title="{/title}"
+		class="sapUiResponsivePadding--header sapUiResponsivePadding--footer sapUiContentPadding"
+		placement="PreferredBottomOrFlip"
+		modal="true"
+		contentWidth="32rem"
+		initialFocus="continueButton">
+		<endButton>
+			<Button
+				id="closeButton"
+				icon="sap-icon://decline"
+				press=".onClosePress"
+				tooltip="{i18n>TOOLTIP_GUIDED_TOUR_END}" />
+		</endButton>
+		<content>
+			<VBox>
+				<FormattedText htmlText="{/description}" class="sapUiTinyMargin"/>
+				<List
+					visible="{= ${/listContent}.length > 0}"
+					items="{/listContent}"
+					id="navigationList">
+						<StandardListItem  wrapping="true" title="{title}" description="{description}" icon="{icon}" />
+				</List>
+				<ProgressIndicator
+					id="progressIndicator"
+					percentValue="{/progress}"
+					state="None"
+					displayOnly="true"/>
+			</VBox>
+		</content>
+		<footer>
+			<OverflowToolbar>
+				<ToolbarSpacer/>
+				<Button
+					id="previewsButton"
+					text="{i18n>BTN_GUIDED_TOUR_PREV}"
+					visible="{= !${/isFirstStep}}"
+					press=".onPreviousPress" />
+				<Button
+					id="continueButton"
+					text="{= ${/isLastStep} ? ${i18n>BTN_GUIDED_TOUR_END} : ${i18n>BTN_GUIDED_TOUR_NEXT} }"
+					press=".onNextPress" />
+			</OverflowToolbar>
+		</footer>
+	</Popover>
+</core:FragmentDefinition>

package/src/sap/ui/rta/util/guidedTour/content/GeneralTour.js

@@ -0,0 +1,205 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/core/Element",
+	"sap/ui/core/Lib"
+], function(
+	Element,
+	Lib
+) {
+	"use strict";
+
+	const GeneralTour = {};
+
+	const oTextResources = Lib.getResourceBundleFor("sap.ui.rta");
+
+	function filterAvailableBurgerMenuActions(oGeneralTour) {
+		const oControlsModelData = Element.getElementById("sapUIRta_toolbar").getModel("controls").getData();
+		const aAvailableBurgerMenuActions = {
+			newFeaturesOverview: oControlsModelData.newFeaturesOverview.visible,
+			translation: oControlsModelData.translation.visible,
+			generalTour: true,
+			appVariantMenu: oControlsModelData.appVariantMenu.visible,
+			restore: oControlsModelData.restore.visible
+		};
+
+		// Find the index of the burger menu step
+		const nBurgerMenuStepIndex = oGeneralTour.steps.findIndex((oStep) =>
+			oStep.title === oTextResources.getText("TIT_TOUR_GENERAL_STEP_BURGER_MENU_TITLE")
+		);
+
+		// Set the available actions
+		oGeneralTour.steps[nBurgerMenuStepIndex].listContent = oGeneralTour.steps[nBurgerMenuStepIndex].listContent.filter((oItem) =>
+			aAvailableBurgerMenuActions[oItem.id]
+		);
+
+		return oGeneralTour;
+	}
+
+	/**
+	 * The `oGeneralTourContent` object defines the steps for the Guided Tour in the RTA toolbar.
+	 * Each step provides information about a specific feature or functionality.
+	 *
+	 * To add a new step, include an object in the `steps` array with the following structure:
+	 *
+	 * {
+	 *   title: <Title of the step>,
+	 *   description: <Description of the step>,
+	 *   listContent: [
+	 *     {
+	 *       id: <id of the action>,
+	 *       title: <Title of the action>,
+	 *       description: <Description of the action>,
+	 *       icon: <Icon representing the action>
+	 *     }
+	 *   ],
+	 *   markerSelector: <Selector for the UI element to highlight during the step>,
+	 *   actionSelectors: [<Selectors for elements to trigger actions on during the steps>],
+	 *   waitForElement: <Boolean indicating whether to wait for the element to become visible>
+	 * }
+	 */
+
+	const oGeneralTourContent = {
+		initialStateSelectors: ["sapUIRta_toolbar_fragment--sapUiRta_adaptationSwitcherButton-button"],
+		steps: [
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_UI_ADAPTATION_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_UI_ADAPTATION_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_adaptationSwitcherButton-button",
+				actionSelectors: ["sapUIRta_toolbar_fragment--sapUiRta_adaptationSwitcherButton-button"]
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_NAVIGATION_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_NAVIGATION_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_navigationSwitcherButton-button",
+				actionSelectors: ["sapUIRta_toolbar_fragment--sapUiRta_navigationSwitcherButton-button"]
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_VISUALIZATION_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_VISUALIZATION_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_visualizationSwitcherButton-button",
+				actionSelectors: ["sapUIRta_toolbar_fragment--sapUiRta_visualizationSwitcherButton-button"]
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_CHANGE_LIST_DROPDOWN_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_CHANGE_LIST_DROPDOWN_DESCRIPTION"),
+				listContent: [],
+				markerSelector:
+					"sapUIRta_toolbar_fragment--sapUiRta_toggleChangeVisualizationMenuButton--ChangeIndicatorCategorySelection--popover",
+				waitForElement: true,
+				actionSelectors: [
+					"sapUIRta_toolbar_fragment--sapUiRta_visualizationSwitcherButton-button",
+					"sapUIRta_toolbar_fragment--sapUiRta_toggleChangeVisualizationMenuButton"
+				]
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_SAVE_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_SAVE_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_save",
+				waitForElement: true,
+				actionSelectors: ["sapUIRta_toolbar_fragment--sapUiRta_adaptationSwitcherButton-button"]
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_UNDO_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_UNDO_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_undo"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_REDO_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_REDO_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_redo"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_ACTIVATE_VERSION_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_ACTIVATE_VERSION_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_activate"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_VERSIONS_DROPDOWN_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_VERSIONS_DROPDOWN_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_versionHistoryDialog--originalVersionList",
+				waitForElement: true,
+				actionSelectors: ["sapUIRta_toolbar_fragment--sapUiRta_versionButton"]
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_PUBLISH_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_PUBLISH_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_publishVersion"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_BURGER_MENU_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_BURGER_MENU_DESCRIPTION"),
+				listContent: [
+					{
+						id: "translation",
+						title: oTextResources.getText("BTN_TRANSLATE"),
+						description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_BURGER_MENU_TRANSLATIONS"),
+						icon: "sap-icon://translate"
+					},
+					{
+						id: "appVariantMenu",
+						title: oTextResources.getText("BTN_MANAGE_APPS_TXT"),
+						description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_BURGER_MENU_APP_VARIANTS"),
+						icon: "sap-icon://BusinessSuiteInAppSymbols/icon-variant-configuration"
+					},
+					{
+						id: "restore",
+						title: oTextResources.getText("BTN_RESTORE"),
+						description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_BURGER_MENU_RESTORE"),
+						icon: "sap-icon://reset"
+					},
+					{
+						id: "newFeaturesOverview",
+						title: oTextResources.getText("BTN_WHATS_NEW_DIALOG_OVERVIEW"),
+						description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_BURGER_MENU_NEW_FEATURES"),
+						icon: "sap-icon://newspaper"
+					},
+					{
+						id: "generalTour",
+						title: oTextResources.getText("BTN_GUIDED_TOUR_START"),
+						description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_BURGER_MENU_GENERAL_TOUR"),
+						icon: "sap-icon://map-3"
+					}
+				],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_actionsMenu"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_CONTEXT_BASED_ADAPTATIONS_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_CONTEXT_BASED_ADAPTATIONS_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_contextBasedAdaptationsButton"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_FEEDBACK_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_FEEDBACK_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_feedback"
+			},
+			{
+				title: oTextResources.getText("TIT_TOUR_GENERAL_STEP_EXIT_BUTTON_TITLE"),
+				description: oTextResources.getText("TXT_TOUR_GENERAL_STEP_EXIT_BUTTON_DESCRIPTION"),
+				listContent: [],
+				markerSelector: "sapUIRta_toolbar_fragment--sapUiRta_exit"
+			}
+		]
+	};
+
+	GeneralTour.getTourContent = function() {
+		return filterAvailableBurgerMenuActions(oGeneralTourContent);
+	};
+
+	return GeneralTour;
+});

package/src/sap/ui/rta/util/hasStableId.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/util/isReuseComponent.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/util/showMessageBox.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/util/validateFlexEnabled.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/util/validateStableIds.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/util/validateText.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/rta/util/whatsNew/WhatsNew.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @class Constructor for a new sap.ui.rta.util.whatsNew.WhatsNew
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.135.0
+	 * @version 1.136.1
 	 * @constructor
 	 * @since 1.129
 	 * @private
@@ -56,14 +56,18 @@ sap.ui.define([
 		this.aUnseenFeatures = await WhatsNewUtils.getFilteredFeatures(aDontShowAgainFeatureIds, this.getLayer());
 	};
 
-	WhatsNew.prototype.initializeWhatsNewDialog = async function() {
+	WhatsNew.prototype.initializeWhatsNewDialog = async function(aExcludeFeatureIds = []) {
 		const aDontShowAgainFeatureIds = await FeaturesAPI.getSeenFeatureIds({ layer: this.getLayer() });
 		await this.setDontShowAgainFeatureIds(aDontShowAgainFeatureIds);
 		if (this.aUnseenFeatures.length === 0 || this.getLayer() !== "CUSTOMER") {
 			return;
 		}
 		const oWhatsNewDialogModel = new JSONModel();
-		oWhatsNewDialogModel.setData({ featureCollection: this.aUnseenFeatures });
+		const aVisibleFeatures = this.aUnseenFeatures.filter((oFeature) => !aExcludeFeatureIds.includes(oFeature.featureId));
+		if (aVisibleFeatures.length === 0) {
+			return;
+		}
+		oWhatsNewDialogModel.setData({ featureCollection: aVisibleFeatures });
 		if (!this.oWhatsNewDialog)	{
 			await this.createWhatsNewDialog(oWhatsNewDialogModel);
 		}

package/src/sap/ui/rta/util/whatsNew/WhatsNewDialog.fragment.xml

@@ -24,7 +24,7 @@
 							<Title text="{whatsNewModel>title}" class="sapUiMediumMarginTop sapUiSmallMarginBegin sapUiTinyMarginBottom" level="H3"/>
 							<f:Card width="100%" height="24rem" class="sapUiSmallMarginBottom">
 								<f:content>
-									<Page width="100%" showHeader="false" backgroundDesign="Transparent">
+									<Page showHeader="false" backgroundDesign="Transparent">
 											<VBox items="{path: 'whatsNewModel>information', templateShareable: false}" class="sapUiSmallMargin">
 												<HBox alignItems="Center" class="sapUiTinyMargin">
 													<FormattedText

package/src/sap/ui/rta/util/whatsNew/WhatsNewOverview.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/util/whatsNew/WhatsNewUtils.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */