@sap-ux/preview-middleware 0.19.8 → 0.19.9

package/dist/client/adp/init-dialogs.js

@@ -1,26 +1,27 @@
 "use strict";
 
-sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "../cpe/utils", "./dialog-factory"], function (hasStableId, FlUtils, ___cpe_utils, ___dialog_factory) {
+sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "./dialog-factory", "../i18n", "./utils"], function (hasStableId, FlUtils, ___dialog_factory, ___i18n, ___utils) {
   "use strict";
 
-  const isReuseComponent = ___cpe_utils["isReuseComponent"];
   const DialogFactory = ___dialog_factory["DialogFactory"];
   const DialogNames = ___dialog_factory["DialogNames"];
+  const getTextBundle = ___i18n["getTextBundle"];
+  const getReuseComponentChecker = ___utils["getReuseComponentChecker"];
   /**
    * Handler for enablement of Extend With Controller context menu entry
    *
    * @param control UI5 control.
    * @param syncViewsIds Runtime Authoring
-   * @param ui5VersionInfo UI5 version information
+   * @param isReuseComponent Function to check if the control is a reuse component.
    * @param isCloud Whether the application is running in the cloud
    *
    * @returns boolean whether menu item is enabled or not
    */
-  function isControllerExtensionEnabledForControl(control, syncViewsIds, ui5VersionInfo, isCloud) {
-    const clickedControlId = FlUtils.getViewForControl(control).getId();
-    const isControlInSyncView = syncViewsIds.includes(clickedControlId);
+  function isControllerExtensionEnabledForControl(control, syncViewsIds, isReuseComponent, isCloud) {
+    const viewId = FlUtils.getViewForControl(control).getId();
+    const isControlInSyncView = syncViewsIds.includes(viewId);
     if (isCloud) {
-      const isClickedControlReuseComponent = isReuseComponent(clickedControlId, ui5VersionInfo);
+      const isClickedControlReuseComponent = isReuseComponent(control.getId());
       return !isControlInSyncView && !isClickedControlReuseComponent;
     }
     return !isControlInSyncView;
@@ -31,44 +32,71 @@ sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "../cpe/utils",
    *
    * @param overlays Control overlays
    * @param syncViewsIds Runtime Authoring
-   * @param ui5VersionInfo UI5 version information
+   * @param isReuseComponent Function to check if the control is a reuse component.
    * @param isCloud Whether the application is running in the cloud
    *
    * @returns boolean whether menu item is enabled or not
    */
-  const isControllerExtensionEnabled = (overlays, syncViewsIds, ui5VersionInfo, isCloud) => {
+  const isControllerExtensionEnabled = (overlays, syncViewsIds, isReuseComponent, isCloud) => {
     if (overlays.length === 0 || overlays.length > 1) {
       return false;
     }
-    return isControllerExtensionEnabledForControl(overlays[0].getElement(), syncViewsIds, ui5VersionInfo, isCloud);
+    return isControllerExtensionEnabledForControl(overlays[0].getElement(), syncViewsIds, isReuseComponent, isCloud);
   };
 
   /**
    * Determines whether the fragment command should be enabled based on the provided overlays.
    *
    * @param {ElementOverlay[]} overlays - An array of ElementOverlay objects representing the UI overlays.
-   * @param ui5VersionInfo UI5 version information
+   * @param {isReuseComponentApi} isReuseComponent - Function to check if the control is a reuse component.
+   * @param {boolean} isCloud - Whether the application is running in the cloud.
    * @returns {boolean} True if the fragment command is enabled, false otherwise.
    */
-  const isFragmentCommandEnabled = (overlays, ui5VersionInfo) => {
+  const isFragmentCommandEnabled = (overlays, isReuseComponent, isCloud) => {
     if (overlays.length === 0 || overlays.length > 1) {
       return false;
     }
     const control = overlays[0].getElement();
-    return hasStableId(overlays[0]) && !isReuseComponent(control.getId(), ui5VersionInfo);
+    const stableId = hasStableId(overlays[0]);
+    if (isCloud) {
+      return stableId && !isReuseComponent(control.getId());
+    }
+    return stableId;
   };
 
   /**
    * Determines the text that should be displayed for the Add Fragment context menu item.
    *
    * @param {ElementOverlay} overlay - An ElementOverlay object representing the UI overlay.
+   * @param {isReuseComponentApi} isReuseComponentChecker - Function to check if the control is a reuse component.
+   * @param {boolean} isCloud - Whether the application is running in the cloud.
+   * @param {TextBundle} resources - The text bundle.
    * @returns {string} The text of the Add Fragment context menu item.
    */
-  const getAddFragmentItemText = overlay => {
+  const getAddFragmentItemText = (overlay, isReuseComponentChecker, isCloud, resources) => {
+    if (isCloud && isReuseComponentChecker(overlay.getElement().getId())) {
+      return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM_REUSE_COMPONENT');
+    }
     if (!hasStableId(overlay)) {
-      return 'Add: Fragment (Unavailable due to unstable ID of the control or its parent control)';
+      return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM_UNSTABLE_ID');
+    }
+    return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM');
+  };
+
+  /**
+   * Determines the text that should be displayed for Controller Extension context menu item.
+   *
+   * @param {ElementOverlay} overlay - An ElementOverlay object representing the UI overlay.
+   * @param {isReuseComponentApi} isReuseComponentChecker - Function to check if the control is a reuse component.
+   * @param {boolean} isCloud - Whether the application is running in the cloud.
+   * @param {TextBundle} resources - The text bundle.
+   * @returns {string} The text of the Add Fragment context menu item.
+   */
+  const getExtendControllerItemText = (overlay, isReuseComponentChecker, isCloud, resources) => {
+    if (isCloud && isReuseComponentChecker(overlay.getElement().getId())) {
+      return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_REUSE_COMPONENT');
     }
-    return 'Add: Fragment';
+    return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM');
   };
 
   /**
@@ -78,22 +106,24 @@ sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "../cpe/utils",
    * @param syncViewsIds Ids of all application sync views
    * @param ui5VersionInfo UI5 version information
    */
-  const initDialogs = (rta, syncViewsIds, ui5VersionInfo) => {
+  const initDialogs = async (rta, syncViewsIds, ui5VersionInfo) => {
     const contextMenu = rta.getDefaultPlugins().contextMenu;
     const isCloud = rta.getFlexSettings().isCloud;
+    const resources = await getTextBundle();
+    const isReuseComponentChecker = await getReuseComponentChecker(ui5VersionInfo);
     contextMenu.addMenuItem({
       id: 'ADD_FRAGMENT',
-      text: getAddFragmentItemText,
+      text: overlay => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
       handler: async overlays => await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
       icon: 'sap-icon://attachment-html',
-      enabled: overlays => isFragmentCommandEnabled(overlays, ui5VersionInfo)
+      enabled: overlays => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
     });
     contextMenu.addMenuItem({
       id: 'EXTEND_CONTROLLER',
-      text: 'Extend With Controller',
+      text: overlay => getExtendControllerItemText(overlay, isReuseComponentChecker, isCloud, resources),
       handler: async overlays => await DialogFactory.createDialog(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
       icon: 'sap-icon://create-form',
-      enabled: overlays => isControllerExtensionEnabled(overlays, syncViewsIds, ui5VersionInfo, isCloud)
+      enabled: overlays => isControllerExtensionEnabled(overlays, syncViewsIds, isReuseComponentChecker, isCloud)
     });
   };
   var __exports = {
@@ -103,6 +133,7 @@ sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "../cpe/utils",
   __exports.isControllerExtensionEnabled = isControllerExtensionEnabled;
   __exports.isFragmentCommandEnabled = isFragmentCommandEnabled;
   __exports.getAddFragmentItemText = getAddFragmentItemText;
+  __exports.getExtendControllerItemText = getExtendControllerItemText;
   __exports.initDialogs = initDialogs;
   return __exports;
 });

package/dist/client/adp/init-dialogs.ts

@@ -12,16 +12,18 @@ import FlUtils from 'sap/ui/fl/Utils';
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 
 import ManagedObject from 'sap/ui/base/ManagedObject';
-import { isReuseComponent } from '../cpe/utils';
-import { Ui5VersionInfo } from '../utils/version';
 import { DialogFactory, DialogNames } from './dialog-factory';
+import type { IsReuseComponentApi } from '../cpe/types';
+import { getTextBundle, type TextBundle } from '../i18n';
+import { getReuseComponentChecker } from './utils';
+import type { Ui5VersionInfo } from '../utils/version';
 
 /**
  * Handler for enablement of Extend With Controller context menu entry
  *
  * @param control UI5 control.
  * @param syncViewsIds Runtime Authoring
- * @param ui5VersionInfo UI5 version information
+ * @param isReuseComponent Function to check if the control is a reuse component.
  * @param isCloud Whether the application is running in the cloud
  *
  * @returns boolean whether menu item is enabled or not
@@ -29,14 +31,14 @@ import { DialogFactory, DialogNames } from './dialog-factory';
 export function isControllerExtensionEnabledForControl(
     control: ManagedObject,
     syncViewsIds: string[],
-    ui5VersionInfo: Ui5VersionInfo,
+    isReuseComponent: IsReuseComponentApi,
     isCloud: boolean
 ): boolean {
-    const clickedControlId = FlUtils.getViewForControl(control).getId();
-    const isControlInSyncView = syncViewsIds.includes(clickedControlId);
+    const viewId = FlUtils.getViewForControl(control).getId();
+    const isControlInSyncView = syncViewsIds.includes(viewId);
 
     if(isCloud) {
-        const isClickedControlReuseComponent = isReuseComponent(clickedControlId, ui5VersionInfo);
+        const isClickedControlReuseComponent = isReuseComponent(control.getId());
         return !isControlInSyncView && !isClickedControlReuseComponent;
     }
     return !isControlInSyncView;
@@ -47,7 +49,7 @@ export function isControllerExtensionEnabledForControl(
  *
  * @param overlays Control overlays
  * @param syncViewsIds Runtime Authoring
- * @param ui5VersionInfo UI5 version information
+ * @param isReuseComponent Function to check if the control is a reuse component.
  * @param isCloud Whether the application is running in the cloud
  *
  * @returns boolean whether menu item is enabled or not
@@ -55,44 +57,72 @@ export function isControllerExtensionEnabledForControl(
 export const isControllerExtensionEnabled = (
     overlays: ElementOverlay[],
     syncViewsIds: string[],
-    ui5VersionInfo: Ui5VersionInfo,
+    isReuseComponent: IsReuseComponentApi,
     isCloud: boolean
 ): boolean => {
     if (overlays.length === 0 || overlays.length > 1) {
         return false;
     }
-    return isControllerExtensionEnabledForControl(overlays[0].getElement(), syncViewsIds, ui5VersionInfo, isCloud);
+    return isControllerExtensionEnabledForControl(overlays[0].getElement(), syncViewsIds, isReuseComponent, isCloud);
 };
 
 /**
  * Determines whether the fragment command should be enabled based on the provided overlays.
  *
  * @param {ElementOverlay[]} overlays - An array of ElementOverlay objects representing the UI overlays.
- * @param ui5VersionInfo UI5 version information
+ * @param {isReuseComponentApi} isReuseComponent - Function to check if the control is a reuse component.
+ * @param {boolean} isCloud - Whether the application is running in the cloud.
  * @returns {boolean} True if the fragment command is enabled, false otherwise.
  */
-export const isFragmentCommandEnabled = (overlays: ElementOverlay[], ui5VersionInfo: Ui5VersionInfo): boolean => {
+export const isFragmentCommandEnabled = (overlays: ElementOverlay[], isReuseComponent: IsReuseComponentApi, isCloud: boolean): boolean => {
     if (overlays.length === 0 || overlays.length > 1) {
         return false;
     }
 
     const control = overlays[0].getElement();
+    const stableId = hasStableId(overlays[0]);
+    if (isCloud) {
+        return stableId && !isReuseComponent(control.getId());
+    }
 
-    return hasStableId(overlays[0]) && !isReuseComponent(control.getId(), ui5VersionInfo);
+    return stableId;
 };
 
 /**
  * Determines the text that should be displayed for the Add Fragment context menu item.
  *
  * @param {ElementOverlay} overlay - An ElementOverlay object representing the UI overlay.
+ * @param {isReuseComponentApi} isReuseComponentChecker - Function to check if the control is a reuse component.
+ * @param {boolean} isCloud - Whether the application is running in the cloud.
+ * @param {TextBundle} resources - The text bundle.
  * @returns {string} The text of the Add Fragment context menu item.
  */
-export const getAddFragmentItemText = (overlay: ElementOverlay) => {
+export const getAddFragmentItemText = (overlay: ElementOverlay, isReuseComponentChecker: IsReuseComponentApi, isCloud: boolean, resources: TextBundle) => {
+    if (isCloud && isReuseComponentChecker(overlay.getElement().getId())) {
+        return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM_REUSE_COMPONENT');
+    }
     if (!hasStableId(overlay)) {
-        return 'Add: Fragment (Unavailable due to unstable ID of the control or its parent control)';
+        return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM_UNSTABLE_ID');
+    }
+
+    return resources.getText('ADP_ADD_FRAGMENT_MENU_ITEM');
+};
+
+/**
+ * Determines the text that should be displayed for Controller Extension context menu item.
+ *
+ * @param {ElementOverlay} overlay - An ElementOverlay object representing the UI overlay.
+ * @param {isReuseComponentApi} isReuseComponentChecker - Function to check if the control is a reuse component.
+ * @param {boolean} isCloud - Whether the application is running in the cloud.
+ * @param {TextBundle} resources - The text bundle.
+ * @returns {string} The text of the Add Fragment context menu item.
+ */
+export const getExtendControllerItemText = (overlay: ElementOverlay, isReuseComponentChecker: IsReuseComponentApi, isCloud: boolean, resources: TextBundle) => {
+    if (isCloud && isReuseComponentChecker(overlay.getElement().getId())) {
+        return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_REUSE_COMPONENT');
     }
 
-    return 'Add: Fragment';
+    return resources.getText('ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM');
 };
 
 /**
@@ -102,25 +132,27 @@ export const getAddFragmentItemText = (overlay: ElementOverlay) => {
  * @param syncViewsIds Ids of all application sync views
  * @param ui5VersionInfo UI5 version information
  */
-export const initDialogs = (rta: RuntimeAuthoring, syncViewsIds: string[], ui5VersionInfo: Ui5VersionInfo): void => {
+export const initDialogs = async (rta: RuntimeAuthoring, syncViewsIds: string[], ui5VersionInfo: Ui5VersionInfo): Promise<void> => {
     const contextMenu = rta.getDefaultPlugins().contextMenu;
     const isCloud = rta.getFlexSettings().isCloud;
+    const resources = await getTextBundle();
+    const isReuseComponentChecker = await getReuseComponentChecker(ui5VersionInfo);
 
     contextMenu.addMenuItem({
         id: 'ADD_FRAGMENT',
-        text: getAddFragmentItemText,
+        text: (overlay: ElementOverlay) => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
         handler: async (overlays: UI5Element[]) =>
             await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
         icon: 'sap-icon://attachment-html',
-        enabled: (overlays: ElementOverlay[]) => isFragmentCommandEnabled(overlays, ui5VersionInfo)
+        enabled: (overlays: ElementOverlay[]) => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
     });
 
     contextMenu.addMenuItem({
         id: 'EXTEND_CONTROLLER',
-        text: 'Extend With Controller',
+        text: (overlay: ElementOverlay) => getExtendControllerItemText(overlay, isReuseComponentChecker, isCloud, resources),
         handler: async (overlays: UI5Element[]) =>
             await DialogFactory.createDialog(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
         icon: 'sap-icon://create-form',
-        enabled: (overlays: ElementOverlay[]) => isControllerExtensionEnabled(overlays, syncViewsIds, ui5VersionInfo, isCloud)
+        enabled: (overlays: ElementOverlay[]) => isControllerExtensionEnabled(overlays, syncViewsIds, isReuseComponentChecker, isCloud)
     });
 };

package/dist/client/adp/init.js

@@ -47,7 +47,7 @@ sap.ui.define([
         }
         const ui5VersionInfo = await getUi5Version();
         const syncViewsIds = await getAllSyncViewsIds(ui5VersionInfo);
-        initDialogs(rta, syncViewsIds, ui5VersionInfo);
+        await initDialogs(rta, syncViewsIds, ui5VersionInfo);
         if (!isLowerThanMinimalUi5Version(ui5VersionInfo, {
                 major: 1,
                 minor: 78

package/dist/client/adp/init.ts

@@ -22,7 +22,8 @@ export default async function (rta: RuntimeAuthoring) {
 
     const ui5VersionInfo = await getUi5Version();
     const syncViewsIds = await getAllSyncViewsIds(ui5VersionInfo);
-    initDialogs(rta, syncViewsIds, ui5VersionInfo);
+
+    await initDialogs(rta, syncViewsIds, ui5VersionInfo);
 
     if (!isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 78 })) {
         const ExtensionPointService = (await import('open/ux/preview/client/adp/extension-point')).default;

package/dist/client/adp/quick-actions/common/add-controller-to-page.js

@@ -6,6 +6,7 @@ sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../uti
   const getUi5Version = _____utils_version["getUi5Version"];
   const getAllSyncViewsIds = ____utils["getAllSyncViewsIds"];
   const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getReuseComponentChecker = ____utils["getReuseComponentChecker"];
   const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
   const DialogFactory = ____dialog_factory["DialogFactory"];
   const DialogNames = ____dialog_factory["DialogNames"];
@@ -25,13 +26,14 @@ sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../uti
     }
     controllerExists = false;
     async initialize() {
+      const version = await getUi5Version();
+      const isReuseComponent = await getReuseComponentChecker(version);
       for (const control of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)) {
-        const version = await getUi5Version();
         const syncViewsIds = await getAllSyncViewsIds(version);
         const controlInfo = getControllerInfoForControl(control);
         const data = await getExistingController(controlInfo.controllerName);
         this.controllerExists = data?.controllerExists;
-        const isActiveAction = isControllerExtensionEnabledForControl(control, syncViewsIds, version, this.context.flexSettings.isCloud);
+        const isActiveAction = isControllerExtensionEnabledForControl(control, syncViewsIds, isReuseComponent, this.context.flexSettings.isCloud);
         this.control = isActiveAction ? control : undefined;
         break;
       }

package/dist/client/adp/quick-actions/common/add-controller-to-page.ts

@@ -2,7 +2,7 @@ import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
 
 import { getUi5Version } from '../../../utils/version';
-import { getAllSyncViewsIds, getControllerInfoForControl } from '../../utils';
+import { getAllSyncViewsIds, getControllerInfoForControl, getReuseComponentChecker } from '../../utils';
 import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
 import type {
     QuickActionContext,
@@ -31,22 +31,19 @@ export class AddControllerToPageQuickAction
     private controllerExists = false;
 
     async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        const isReuseComponent = await getReuseComponentChecker(version);
+
         for (const control of getRelevantControlFromActivePage(
             this.context.controlIndex,
             this.context.view,
             CONTROL_TYPES
         )) {
-            const version = await getUi5Version();
             const syncViewsIds = await getAllSyncViewsIds(version);
             const controlInfo = getControllerInfoForControl(control);
             const data = await getExistingController(controlInfo.controllerName);
             this.controllerExists = data?.controllerExists;
-            const isActiveAction = isControllerExtensionEnabledForControl(
-                control,
-                syncViewsIds,
-                version,
-                this.context.flexSettings.isCloud
-            );
+            const isActiveAction = isControllerExtensionEnabledForControl(control, syncViewsIds, isReuseComponent, this.context.flexSettings.isCloud);
             this.control = isActiveAction ? control : undefined;
             break;
         }

package/dist/client/adp/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/m/MessageToast", "sap/ui/core/Element", "sap/base/Log", "sap/ui/fl/Utils", "../utils/error", "../utils/version"], function (MessageToast, Element, Log, FlexUtils, ___utils_error, ___utils_version) {
+sap.ui.define(["sap/m/MessageToast", "sap/ui/core/Element", "sap/base/Log", "sap/ui/fl/Utils", "../utils/core", "../utils/error", "../utils/version"], function (MessageToast, Element, Log, FlexUtils, ___utils_core, ___utils_error, ___utils_version) {
   "use strict";
 
   function __ui5_require_async(path) {
@@ -20,8 +20,18 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/Element", "sap/base/Log", "sap
       });
     });
   }
+  const getControlById = ___utils_core["getControlById"];
   const getError = ___utils_error["getError"];
   const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
+  let reuseComponentChecker;
+
+  /**
+   * Resets the reuse component checker.
+   */
+  function resetReuseComponentChecker() {
+    reuseComponentChecker = undefined;
+  }
+
   /**
    * Defers the resolution of the promise, stores resolve/reject functions so that they can be accessed at a later stage.
    *
@@ -148,15 +158,63 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/Element", "sap/base/Log", "sap
     const control = overlayControl.getElement();
     return getControllerInfoForControl(control);
   }
+
+  /**
+   * Gets the reuse component checker function.
+   *
+   * @param ui5VersionInfo UI5 version information.
+   * @returns The reuse component checker function.
+   */
+  async function getReuseComponentChecker(ui5VersionInfo) {
+    if (reuseComponentChecker) {
+      return reuseComponentChecker;
+    }
+    let reuseComponentApi;
+    if (!isLowerThanMinimalUi5Version(ui5VersionInfo, {
+      major: 1,
+      minor: 134
+    })) {
+      reuseComponentApi = (await __ui5_require_async('sap/ui/rta/util/isReuseComponent')).default;
+    }
+    reuseComponentChecker = function isReuseComponent(controlId) {
+      const ui5Control = getControlById(controlId);
+      if (!ui5Control) {
+        return false;
+      }
+      const component = FlexUtils.getComponentForControl(ui5Control);
+      if (reuseComponentApi) {
+        return reuseComponentApi.isReuseComponent(component);
+      }
+      if (!component) {
+        return false;
+      }
+      const appComponent = FlexUtils.getAppComponentForControl(component);
+      if (!appComponent) {
+        return false;
+      }
+      const manifest = component.getManifest();
+      const appManifest = appComponent.getManifest();
+      const componentName = manifest?.['sap.app']?.id;
+
+      // Look for component name in component usages of app component manifest
+      const componentUsages = appManifest?.['sap.ui5']?.componentUsages;
+      return Object.values(componentUsages || {}).some(componentUsage => {
+        return componentUsage.name === componentName;
+      });
+    };
+    return reuseComponentChecker;
+  }
   var __exports = {
     __esModule: true
   };
+  __exports.resetReuseComponentChecker = resetReuseComponentChecker;
   __exports.createDeferred = createDeferred;
   __exports.matchesFragmentName = matchesFragmentName;
   __exports.notifyUser = notifyUser;
   __exports.getAllSyncViewsIds = getAllSyncViewsIds;
   __exports.getControllerInfoForControl = getControllerInfoForControl;
   __exports.getControllerInfo = getControllerInfo;
+  __exports.getReuseComponentChecker = getReuseComponentChecker;
   return __exports;
 });
 //# sourceMappingURL=utils.js.map

package/dist/client/adp/utils.ts

@@ -6,6 +6,9 @@ import type ManagedObject from 'sap/ui/base/ManagedObject';
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 import Log from 'sap/base/Log';
 import FlexUtils from 'sap/ui/fl/Utils';
+import IsReuseComponentApi from 'sap/ui/rta/util/isReuseComponent';
+import { getControlById } from '../utils/core';
+import type { Manifest } from 'sap/ui/rta/RuntimeAuthoring';
 
 import { getError } from '../utils/error';
 import { isLowerThanMinimalUi5Version, Ui5VersionInfo } from '../utils/version';
@@ -22,6 +25,17 @@ export interface FragmentChange {
     };
 }
 
+export type ReuseComponentChecker = (controlId: string) => boolean;
+
+let reuseComponentChecker: ReuseComponentChecker | undefined;
+
+/**
+ * Resets the reuse component checker.
+ */
+export function resetReuseComponentChecker(): void {
+    reuseComponentChecker = undefined;
+}
+
 /**
  * Defers the resolution of the promise, stores resolve/reject functions so that they can be accessed at a later stage.
  *
@@ -146,3 +160,54 @@ export function getControllerInfo(overlayControl: ElementOverlay): ControllerInf
     const control = overlayControl.getElement();
     return getControllerInfoForControl(control);
 }
+
+/**
+ * Gets the reuse component checker function.
+ *
+ * @param ui5VersionInfo UI5 version information.
+ * @returns The reuse component checker function.
+ */
+export async function getReuseComponentChecker(ui5VersionInfo: Ui5VersionInfo): Promise<ReuseComponentChecker> {
+    if (reuseComponentChecker) {
+        return reuseComponentChecker;
+    }
+
+    let reuseComponentApi: IsReuseComponentApi;
+    if (!isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 134 })) {
+        reuseComponentApi = (await import('sap/ui/rta/util/isReuseComponent')).default;
+    }
+
+    reuseComponentChecker = function isReuseComponent(controlId: string): boolean {
+        const ui5Control = getControlById(controlId);
+        if (!ui5Control) {
+            return false;
+        }
+
+        const component = FlexUtils.getComponentForControl(ui5Control);
+
+        if (reuseComponentApi) {
+            return reuseComponentApi.isReuseComponent(component);
+        }
+
+        if (!component) {
+            return false;
+        }
+
+        const appComponent = FlexUtils.getAppComponentForControl(component);
+        if (!appComponent) {
+            return false;
+        }
+
+        const manifest = component.getManifest() as Manifest;
+        const appManifest = appComponent.getManifest() as Manifest;
+        const componentName = manifest?.['sap.app']?.id;
+
+        // Look for component name in component usages of app component manifest
+        const componentUsages = appManifest?.['sap.ui5']?.componentUsages;
+        return Object.values(componentUsages || {}).some((componentUsage) => {
+            return componentUsage.name === componentName;
+        });
+    };
+
+    return reuseComponentChecker;
+}

package/dist/client/cpe/outline/nodes.js

@@ -1,13 +1,11 @@
 "use strict";
 
-sap.ui.define(["sap/base/Log", "../../utils/version", "../../utils/core", "../../utils/error", "../utils", "./editable", "../../utils/fe-v4"], function (Log, ____utils_version, ____utils_core, ____utils_error, ___utils, ___editable, ____utils_fe_v4) {
+sap.ui.define(["sap/base/Log", "../../utils/core", "../../utils/error", "../utils", "./editable", "../../utils/fe-v4"], function (Log, ____utils_core, ____utils_error, ___utils, ___editable, ____utils_fe_v4) {
   "use strict";
 
-  const getUi5Version = ____utils_version["getUi5Version"];
   const getControlById = ____utils_core["getControlById"];
   const getError = ____utils_error["getError"];
   const getOverlay = ___utils["getOverlay"];
-  const isReuseComponent = ___utils["isReuseComponent"];
   const isEditable = ___editable["isEditable"];
   const getConfigMapControlIdMap = ____utils_fe_v4["getConfigMapControlIdMap"];
   const getPageName = ____utils_fe_v4["getPageName"];
@@ -111,16 +109,14 @@ sap.ui.define(["sap/base/Log", "../../utils/version", "../../utils/core", "../..
    *
    * @param input outline view node
    * @param scenario type of project
-   * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
    * @param controlIndex Control tree index
    * @param changeService ChangeService for change stack event handling.
    * @param propertyIdMap ChangeService for change stack event handling.
    * @returns transformed outline tree nodes
    */
-  async function transformNodes(input, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap) {
+  async function transformNodes(input, scenario, controlIndex, changeService, propertyIdMap) {
     const stack = [...input];
     const items = [];
-    const ui5VersionInfo = await getUi5Version();
     while (stack.length) {
       try {
         const current = stack.shift();
@@ -133,7 +129,7 @@ sap.ui.define(["sap/base/Log", "../../utils/version", "../../utils/core", "../..
             text
           } = getAdditionalData(current.id);
           const technicalName = current.technicalName.split('.').slice(-1)[0];
-          const transformedChildren = isAdp ? await handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap) : await transformNodes(children, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap);
+          const transformedChildren = isAdp ? await handleDuplicateNodes(children, scenario, controlIndex, changeService, propertyIdMap) : await transformNodes(children, scenario, controlIndex, changeService, propertyIdMap);
           const node = {
             controlId: current.id,
             controlType: current.technicalName,
@@ -144,7 +140,6 @@ sap.ui.define(["sap/base/Log", "../../utils/version", "../../utils/core", "../..
           };
           indexNode(controlIndex, node);
           addToPropertyIdMap(node, propertyIdMap);
-          fillReuseComponents(reuseComponentsIds, current, scenario, ui5VersionInfo);
           items.push(node);
         }
         if (isAdp && isExtPoint) {
@@ -175,32 +170,18 @@ sap.ui.define(["sap/base/Log", "../../utils/version", "../../utils/core", "../..
     return items;
   }
 
-  /**
-   * Fill reuse components ids.
-   *
-   * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
-   * @param node view node
-   * @param scenario type of project
-   * @param ui5VersionInfo UI5 version information
-   */
-  function fillReuseComponents(reuseComponentsIds, node, scenario, ui5VersionInfo) {
-    if (scenario === 'ADAPTATION_PROJECT' && node?.component && isReuseComponent(node.id, ui5VersionInfo)) {
-      reuseComponentsIds.add(node.id);
-    }
-  }
   /**
    * Handles duplicate nodes that are retrieved from extension point default content and created controls,
    * if they exist under an extension point these controls are removed from the children array
    *
    * @param children outline view node children
    * @param scenario type of project
-   * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
    * @param controlIndex Control tree index
    * @param changeService ChangeService for change stack event handling.
    * @param propertyIdMap  Map<string, string[]>.
    * @returns transformed outline tree nodes
    */
-  async function handleDuplicateNodes(children, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap) {
+  async function handleDuplicateNodes(children, scenario, controlIndex, changeService, propertyIdMap) {
     const extPointIDs = new Set();
     children.forEach(child => {
       if (child.type === 'extensionPoint') {
@@ -212,7 +193,7 @@ sap.ui.define(["sap/base/Log", "../../utils/version", "../../utils/core", "../..
       }
     });
     const uniqueChildren = children.filter(child => !extPointIDs.has(child.id));
-    return transformNodes(uniqueChildren, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap);
+    return transformNodes(uniqueChildren, scenario, controlIndex, changeService, propertyIdMap);
   }
   var __exports = {
     __esModule: true

package/dist/client/cpe/outline/nodes.ts

@@ -3,12 +3,11 @@ import type { OutlineViewNode } from 'sap/ui/rta/command/OutlineService';
 import type { Scenario } from 'sap/ui/fl/Scenario';
 import Log from 'sap/base/Log';
 
-import { getUi5Version, Ui5VersionInfo } from '../../utils/version';
 import { getControlById } from '../../utils/core';
 import { getError } from '../../utils/error';
 
 import type { ControlTreeIndex } from '../types';
-import { getOverlay, isReuseComponent } from '../utils';
+import { getOverlay } from '../utils';
 
 import { isEditable } from './editable';
 import { ChangeService } from '../changes';
@@ -127,7 +126,6 @@ function addToPropertyIdMap(node: OutlineNode, propertyIdMap: Map<string, string
  *
  * @param input outline view node
  * @param scenario type of project
- * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
  * @param controlIndex Control tree index
  * @param changeService ChangeService for change stack event handling.
  * @param propertyIdMap ChangeService for change stack event handling.
@@ -136,14 +134,12 @@ function addToPropertyIdMap(node: OutlineNode, propertyIdMap: Map<string, string
 export async function transformNodes(
     input: OutlineViewNode[],
     scenario: Scenario,
-    reuseComponentsIds: Set<string>,
     controlIndex: ControlTreeIndex,
     changeService: ChangeService,
     propertyIdMap: Map<string, string[]>
 ): Promise<OutlineNode[]> {
     const stack = [...input];
     const items: OutlineNode[] = [];
-    const ui5VersionInfo = await getUi5Version();
     while (stack.length) {
         try {
             const current = stack.shift();
@@ -160,7 +156,6 @@ export async function transformNodes(
                     ? await handleDuplicateNodes(
                           children,
                           scenario,
-                          reuseComponentsIds,
                           controlIndex,
                           changeService,
                           propertyIdMap
@@ -168,7 +163,6 @@ export async function transformNodes(
                     : await transformNodes(
                           children,
                           scenario,
-                          reuseComponentsIds,
                           controlIndex,
                           changeService,
                           propertyIdMap
@@ -184,7 +178,6 @@ export async function transformNodes(
 
                 indexNode(controlIndex, node);
                 addToPropertyIdMap(node, propertyIdMap);
-                fillReuseComponents(reuseComponentsIds, current, scenario, ui5VersionInfo);
 
                 items.push(node);
             }
@@ -217,31 +210,12 @@ export async function transformNodes(
     return items;
 }
 
-/**
- * Fill reuse components ids.
- *
- * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
- * @param node view node
- * @param scenario type of project
- * @param ui5VersionInfo UI5 version information
- */
-function fillReuseComponents(
-    reuseComponentsIds: Set<string>,
-    node: OutlineViewNode,
-    scenario: Scenario,
-    ui5VersionInfo: Ui5VersionInfo
-): void {
-    if (scenario === 'ADAPTATION_PROJECT' && node?.component && isReuseComponent(node.id, ui5VersionInfo)) {
-        reuseComponentsIds.add(node.id);
-    }
-}
 /**
  * Handles duplicate nodes that are retrieved from extension point default content and created controls,
  * if they exist under an extension point these controls are removed from the children array
  *
  * @param children outline view node children
  * @param scenario type of project
- * @param reuseComponentsIds ids of reuse components that are filled when outline nodes are transformed
  * @param controlIndex Control tree index
  * @param changeService ChangeService for change stack event handling.
  * @param propertyIdMap  Map<string, string[]>.
@@ -250,7 +224,6 @@ function fillReuseComponents(
 export async function handleDuplicateNodes(
     children: OutlineViewNode[],
     scenario: Scenario,
-    reuseComponentsIds: Set<string>,
     controlIndex: ControlTreeIndex,
     changeService: ChangeService,
     propertyIdMap: Map<string, string[]>
@@ -266,5 +239,5 @@ export async function handleDuplicateNodes(
 
     const uniqueChildren = children.filter((child) => !extPointIDs.has(child.id));
 
-    return transformNodes(uniqueChildren, scenario, reuseComponentsIds, controlIndex, changeService, propertyIdMap);
+    return transformNodes(uniqueChildren, scenario, controlIndex, changeService, propertyIdMap);
 }

package/dist/client/cpe/outline/service.js

@@ -3,16 +3,11 @@ sap.ui.define([
     'sap/base/Log',
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     '../../utils/error',
-    '../../i18n',
     './nodes'
-], function (Log, ___sap_ux_private_control_property_editor_common, ____utils_error, ____i18n, ___nodes) {
+], function (Log, ___sap_ux_private_control_property_editor_common, ____utils_error, ___nodes) {
     'use strict';
     const outlineChanged = ___sap_ux_private_control_property_editor_common['outlineChanged'];
-    const SCENARIO = ___sap_ux_private_control_property_editor_common['SCENARIO'];
-    const showInfoCenterMessage = ___sap_ux_private_control_property_editor_common['showInfoCenterMessage'];
-    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
     const getError = ____utils_error['getError'];
-    const getTextBundle = ____i18n['getTextBundle'];
     const transformNodes = ___nodes['transformNodes'];
     const OUTLINE_CHANGE_EVENT = 'OUTLINE_CHANGED';
     class OutlineService extends EventTarget {
@@ -23,31 +18,16 @@ sap.ui.define([
         }
         async init(sendAction) {
             const outline = await this.rta.getService('outline');
-            const {scenario, isCloud} = this.rta.getFlexSettings();
-            const resourceBundle = await getTextBundle();
-            const titleKey = 'ADP_REUSE_COMPONENTS_MESSAGE_TITLE';
-            const descriptionKey = 'ADP_REUSE_COMPONENTS_MESSAGE_DESCRIPTION';
-            const title = resourceBundle.getText(titleKey);
-            const description = resourceBundle.getText(descriptionKey);
-            let hasSentWarning = false;
-            const reuseComponentsIds = new Set();
+            const {scenario} = this.rta.getFlexSettings();
             const syncOutline = async () => {
                 try {
                     const viewNodes = await outline.get();
                     const controlIndex = {};
                     const configPropertyIdMap = new Map();
-                    const outlineNodes = await transformNodes(viewNodes, scenario, reuseComponentsIds, controlIndex, this.changeService, configPropertyIdMap);
+                    const outlineNodes = await transformNodes(viewNodes, scenario, controlIndex, this.changeService, configPropertyIdMap);
                     const event = new CustomEvent(OUTLINE_CHANGE_EVENT, { detail: { controlIndex } });
                     this.dispatchEvent(event);
                     sendAction(outlineChanged(outlineNodes));
-                    if (reuseComponentsIds.size > 0 && scenario === SCENARIO.AdaptationProject && !hasSentWarning && isCloud) {
-                        sendAction(showInfoCenterMessage({
-                            type: MessageBarType.warning,
-                            title: title,
-                            description: description
-                        }));
-                        hasSentWarning = true;
-                    }
                     await this.changeService.updateConfigurationProps(configPropertyIdMap);
                 } catch (error) {
                     Log.error('Outline sync failed!', getError(error));

package/dist/client/cpe/outline/service.ts

@@ -4,14 +4,10 @@ import type RTAOutlineService from 'sap/ui/rta/command/OutlineService';
 
 import type { ExternalAction } from '@sap-ux-private/control-property-editor-common';
 import {
-    outlineChanged,
-    SCENARIO,
-    showInfoCenterMessage,
-    MessageBarType
+    outlineChanged
 } from '@sap-ux-private/control-property-editor-common';
 
 import { getError } from '../../utils/error';
-import { getTextBundle } from '../../i18n';
 import { ControlTreeIndex } from '../types';
 import { transformNodes } from './nodes';
 import { ChangeService } from '../changes';
@@ -25,7 +21,10 @@ export interface OutlineChangedEventDetail {
  * A Class of WorkspaceConnectorService
  */
 export class OutlineService extends EventTarget {
-    constructor(private readonly rta: RuntimeAuthoring, private readonly changeService: ChangeService) {
+    constructor(
+        private readonly rta: RuntimeAuthoring,
+        private readonly changeService: ChangeService
+    ) {
         super();
     }
 
@@ -36,14 +35,7 @@ export class OutlineService extends EventTarget {
      */
     public async init(sendAction: (action: ExternalAction) => void): Promise<void> {
         const outline = await this.rta.getService<RTAOutlineService>('outline');
-        const { scenario, isCloud } = this.rta.getFlexSettings();
-        const resourceBundle = await getTextBundle();
-        const titleKey = 'ADP_REUSE_COMPONENTS_MESSAGE_TITLE';
-        const descriptionKey = 'ADP_REUSE_COMPONENTS_MESSAGE_DESCRIPTION';
-        const title = resourceBundle.getText(titleKey);
-        const description = resourceBundle.getText(descriptionKey);
-        let hasSentWarning = false;
-        const reuseComponentsIds = new Set<string>();
+        const { scenario } = this.rta.getFlexSettings();
         const syncOutline = async () => {
             try {
                 const viewNodes = await outline.get();
@@ -52,7 +44,6 @@ export class OutlineService extends EventTarget {
                 const outlineNodes = await transformNodes(
                     viewNodes,
                     scenario,
-                    reuseComponentsIds,
                     controlIndex,
                     this.changeService,
                     configPropertyIdMap
@@ -66,16 +57,6 @@ export class OutlineService extends EventTarget {
 
                 this.dispatchEvent(event);
                 sendAction(outlineChanged(outlineNodes));
-                if (reuseComponentsIds.size > 0 && scenario === SCENARIO.AdaptationProject && !hasSentWarning && isCloud) {
-                    sendAction(
-                        showInfoCenterMessage({
-                            type: MessageBarType.warning,
-                            title: title,
-                            description: description
-                        })
-                    );
-                    hasSentWarning = true;
-                }
                 await this.changeService.updateConfigurationProps(configPropertyIdMap);
             } catch (error) {
                 Log.error('Outline sync failed!', getError(error));

package/dist/client/cpe/types.ts

@@ -36,6 +36,7 @@ export type ActionHandler = (action: ExternalAction) => void | Promise<void>;
 export type ActionSenderFunction = (action: ExternalAction) => void;
 export type SubscribeFunction = (handler: ActionHandler) => void;
 export type UnSubscribeFunction = (handler: ActionHandler) => void;
+export type IsReuseComponentApi = (controlId: string) => boolean;
 
 export interface Service {
     init(sendAction: ActionSenderFunction, subscribe: SubscribeFunction): void | Promise<void>;

package/dist/client/cpe/utils.js

@@ -1,10 +1,9 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/core", "../utils/version", "sap/ui/dt/OverlayRegistry", "sap/ui/dt/OverlayUtil"], function (XMLView, UIComponent, ___utils_core, ___utils_version, OverlayRegistry, OverlayUtil) {
+sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/core", "sap/ui/dt/OverlayRegistry", "sap/ui/dt/OverlayUtil"], function (XMLView, UIComponent, ___utils_core, OverlayRegistry, OverlayUtil) {
   "use strict";
 
   const getComponent = ___utils_core["getComponent"];
-  const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
   /**
    * Get runtime control.
    *
@@ -43,31 +42,6 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/c
     });
   }
 
-  /**
-   * Function that checks if control is reuse component
-   *
-   * @param controlId id control
-   * @param ui5VersionInfo UI5 version information
-   * @returns boolean if control is from reused component view
-   */
-  function isReuseComponent(controlId, ui5VersionInfo) {
-    if (isLowerThanMinimalUi5Version(ui5VersionInfo, {
-      major: 1,
-      minor: 115
-    })) {
-      return false;
-    }
-    const component = getComponent(controlId);
-    if (!component) {
-      return false;
-    }
-    const manifest = component.getManifest();
-    if (!manifest) {
-      return false;
-    }
-    return manifest['sap.app']?.type === 'component';
-  }
-
   /**
    * Gets the root view of component for the provided ComponentContainer control.
    *
@@ -131,7 +105,6 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/UIComponent", "../utils/c
   };
   __exports.getRuntimeControl = getRuntimeControl;
   __exports.getLibrary = getLibrary;
-  __exports.isReuseComponent = isReuseComponent;
   __exports.getRootControlFromComponentContainer = getRootControlFromComponentContainer;
   __exports.getManifestProperties = getManifestProperties;
   __exports.getOverlay = getOverlay;

package/dist/client/cpe/utils.ts

@@ -2,19 +2,18 @@ import type ManagedObject from 'sap/ui/base/ManagedObject';
 import type Control from 'sap/ui/core/Control';
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 import DataType from 'sap/ui/base/DataType';
-import type { Manifest } from 'sap/ui/rta/RuntimeAuthoring';
 import ComponentContainer from 'sap/ui/core/ComponentContainer';
 import XMLView from 'sap/ui/core/mvc/XMLView';
 import UIComponent from 'sap/ui/core/UIComponent';
 
 import { getComponent } from '../utils/core';
-import { isLowerThanMinimalUi5Version, Ui5VersionInfo } from '../utils/version';
 import { DesigntimeSetting } from 'sap/ui/dt/DesignTimeMetadata';
 import { ChangeService } from './changes';
 import UI5Element from 'sap/ui/core/Element';
 import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
 import OverlayUtil from 'sap/ui/dt/OverlayUtil';
 
+
 export interface PropertiesInfo {
     defaultValue: string;
     description: string;
@@ -83,31 +82,6 @@ export async function getLibrary(controlName: string): Promise<string> {
     });
 }
 
-/**
- * Function that checks if control is reuse component
- *
- * @param controlId id control
- * @param ui5VersionInfo UI5 version information
- * @returns boolean if control is from reused component view
- */
-export function isReuseComponent(controlId: string, ui5VersionInfo: Ui5VersionInfo): boolean {
-    if (isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 115 })) {
-        return false;
-    }
-
-    const component = getComponent(controlId);
-    if (!component) {
-        return false;
-    }
-
-    const manifest = component.getManifest() as Manifest;
-    if (!manifest) {
-        return false;
-    }
-
-    return manifest['sap.app']?.type === 'component';
-}
-
 /**
  * Gets the root view of component for the provided ComponentContainer control.
  *

package/dist/client/flp/initRta.js

@@ -44,7 +44,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/core/Control", "sap/ui/core/UIComp
   /**
    * Checks if the given root control is an instance of Control or UIComponent.
    *
-   * @param {Control | UIComponent} rootControl - The root control to be checked.
+   * @param {Component} rootControl - The root control to be checked.
    * @throws {Error} Throws an error if the root control is not an instance of Control or UIComponent.
    */
   function checkRootControl(rootControl) {
@@ -57,7 +57,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/core/Control", "sap/ui/core/UIComp
    * Checks if key user adaptation is enabled for the specified component.
    * Fiori tools mode is considered a developer scenario where the `flexEnabled` flag should not be evaluated.
    *
-   * @param {Control} component - The UI5 control component to check for flex (key user adaptation) enabled status.
+   * @param {Component} component - The UI5 control component to check for flex (key user adaptation) enabled status.
    * @throws {Error} Throws an error if key user adaptation is explicitly disabled in the component's manifest.
    */
   function checkFlexEnabled(component) {

package/dist/client/flp/initRta.ts

@@ -3,6 +3,7 @@ import Button from 'sap/m/Button';
 import merge from 'sap/base/util/merge';
 
 import Control from 'sap/ui/core/Control';
+import Component from 'sap/ui/core/Component';
 import UIComponent from 'sap/ui/core/UIComponent';
 
 import Utils from 'sap/ui/fl/Utils';
@@ -53,10 +54,10 @@ export function checkLayer(layer: string): void {
 /**
  * Checks if the given root control is an instance of Control or UIComponent.
  *
- * @param {Control | UIComponent} rootControl - The root control to be checked.
+ * @param {Component} rootControl - The root control to be checked.
  * @throws {Error} Throws an error if the root control is not an instance of Control or UIComponent.
  */
-export function checkRootControl(rootControl: Control | UIComponent): void {
+export function checkRootControl(rootControl: Component): void {
     if (!(rootControl instanceof Control) && !(rootControl instanceof UIComponent)) {
         throw new Error('An invalid root control was passed');
     }
@@ -66,14 +67,14 @@ export function checkRootControl(rootControl: Control | UIComponent): void {
  * Checks if key user adaptation is enabled for the specified component.
  * Fiori tools mode is considered a developer scenario where the `flexEnabled` flag should not be evaluated.
  *
- * @param {Control} component - The UI5 control component to check for flex (key user adaptation) enabled status.
+ * @param {Component} component - The UI5 control component to check for flex (key user adaptation) enabled status.
  * @throws {Error} Throws an error if key user adaptation is explicitly disabled in the component's manifest.
  */
-export function checkFlexEnabled(component: Control): void {
+export function checkFlexEnabled(component: Component): void {
     // fiori tools is always a developer scenario where the flexEnabled flag should not be evaluated
     const fioriToolsMode = new URLSearchParams(window.location.search).get('fiori-tools-rta-mode');
     if (!fioriToolsMode || fioriToolsMode === 'false') {
-        const manifest = (component as Control & { getManifest: () => Manifest }).getManifest() || {};
+        const manifest = ((component as Component& { getManifest: () => Manifest }).getManifest() || {}) as Manifest;
         const flexEnabled = manifest['sap.ui5']?.flexEnabled;
 
         if (flexEnabled === false) {
@@ -114,7 +115,7 @@ export async function checkKeyUser(layer: string): Promise<void> {
  * @returns {Promise<void>} A promise that resolves when all checks pass without errors.
  * @throws {Error} Throws an error if any of the checks fail.
  */
-async function checkLayerAndControl(rootControl: Control, layer: string): Promise<void> {
+async function checkLayerAndControl(rootControl: Component, layer: string): Promise<void> {
     checkLayer(layer);
 
     checkRootControl(rootControl);

package/dist/client/messagebundle.properties

@@ -39,12 +39,15 @@ ADP_ADD_FRAGMENT_NOTIFICATION = Note: The "{0}.fragment.xml" fragment will be cr
 ADP_ADD_FRAGMENT_WITH_TEMPLATE_NOTIFICATION = Note: The "{0}.fragment.xml" fragment will be created once you save the changes.
 ADP_ADD_TWO_FRAGMENTS_WITH_TEMPLATE_NOTIFICATION = Note: The "{0}.fragment.xml" and "{1}.fragment.xml" fragments will be created once you save the changes.
 ADP_SYNC_VIEWS_MESSAGE = Synchronous views are detected for this application. Controller extensions are not supported for such views and will be disabled.
-ADP_REUSE_COMPONENTS_MESSAGE_TITLE = Reuse components detected
-ADP_REUSE_COMPONENTS_MESSAGE_DESCRIPTION = Reuse components are detected for some views in this application. Controller extensions, adding fragments and manifest changes are not supported for such views and will be disabled.
-ADP_QUICK_ACTION_DIALOG_OPEN_MESSAGE = This action is disabled because a dialog is already open
+ADP_QUICK_ACTION_DIALOG_OPEN_MESSAGE = This action is disabled because a dialog is already open.
+ADP_ADD_FRAGMENT_MENU_ITEM = Add: Fragment
+ADP_ADD_FRAGMENT_MENU_ITEM_REUSE_COMPONENT = Add: Fragment (This action is disabled because the control is a reuse component)
+ADP_ADD_FRAGMENT_MENU_ITEM_UNSTABLE_ID = Add: Fragment (This action is disabled because the control or parent control has an unstable ID)
+ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM = Extend with Controller
+ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_REUSE_COMPONENT = Extend with Controller (This action is disabled because the control is a reuse component)
 CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE = Note: The change will be visible after save and reload. 
 
-TABLE_ROWS_NEEDED_TO_CREATE_CUSTOM_COLUMN=At least one table row is required to create new custom column. Make sure the table data is loaded and try again.
+TABLE_ROWS_NEEDED_TO_CREATE_CUSTOM_COLUMN=At least one table row is required to create a new custom column. Make sure the table data is loaded and try again.
 
 HIGHER_LAYER_CHANGES_INFO_MESSAGE=The preview of the project was reloaded due to detected changes in higher layer than the one used in your project.
 

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Apreview-middleware"
   },
-  "version": "0.19.8",
+  "version": "0.19.9",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -25,12 +25,12 @@
     "ejs": "3.1.10",
     "mem-fs": "2.1.0",
     "mem-fs-editor": "9.4.0",
-    "@sap-ux/adp-tooling": "0.13.22",
+    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.6.2",
     "@sap-ux/btp-utils": "1.0.2",
-    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.6.1",
-    "@sap-ux/feature-toggle": "0.2.3",
+    "@sap-ux/adp-tooling": "0.13.22",
     "@sap-ux/logger": "0.6.0",
     "@sap-ux/project-access": "1.29.18",
+    "@sap-ux/feature-toggle": "0.2.3",
     "@sap-ux/system-access": "0.5.34"
   },
   "devDependencies": {
@@ -49,11 +49,11 @@
     "nock": "13.4.0",
     "npm-run-all2": "6.2.0",
     "supertest": "6.3.3",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.13.10",
-    "@sap-ux/axios-extension": "1.19.2",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.13.11",
     "@sap-ux/i18n": "0.2.3",
+    "@sap-ux/ui5-info": "0.9.1",
     "@sap-ux/store": "1.0.0",
-    "@sap-ux/ui5-info": "0.9.1"
+    "@sap-ux/axios-extension": "1.19.2"
   },
   "peerDependencies": {
     "express": "4"