@sap-ux/preview-middleware 0.23.93 → 0.23.95

package/dist/client/adp/controllers/AddActionFragment.controller.js

@@ -0,0 +1,200 @@
+"use strict";
+
+sap.ui.define(["./BaseDialog.controller", "sap/ui/model/json/JSONModel", "../../i18n", "open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common", "../../utils/info-center-message", "../command-executor", "../../utils/error", "sap/ui/core/library"], function (__BaseDialog, JSONModel, ____i18n, ___sap_ux_private_control_property_editor_common, ____utils_info_center_message, __CommandExecutor, ____utils_error, sap_ui_core_library) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const BaseDialog = _interopRequireDefault(__BaseDialog);
+  const getResourceModel = ____i18n["getResourceModel"];
+  const getTextBundle = ____i18n["getTextBundle"];
+  const MessageBarType = ___sap_ux_private_control_property_editor_common["MessageBarType"];
+  const sendInfoCenterMessage = ____utils_info_center_message["sendInfoCenterMessage"];
+  const CommandExecutor = _interopRequireDefault(__CommandExecutor);
+  const getError = ____utils_error["getError"];
+  const ValueState = sap_ui_core_library["ValueState"];
+  /**
+   * Validates Action ID input.
+   *
+   * @param input control of action ID to validate
+   * @param resource text bundle for messages
+   * @param validateForDuplicateId custom validation function
+   * @return validation result
+   */
+  function validateActionId(input, resource, validateForDuplicateId) {
+    const actionId = input.getValue();
+    // Check if empty
+    if (!actionId || actionId.trim().length === 0) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('ACTION_ID_REQUIRED')
+      };
+    }
+    if (typeof validateForDuplicateId === 'function' && !validateForDuplicateId(actionId)) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('ACTION_WITH_GIVEN_ID_ALREADY_EXISTS', [actionId])
+      };
+    }
+
+    // Check for spaces
+    if (actionId.includes(' ')) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('ACTION_ID_CANNOT_CONTAIN_SPACES')
+      };
+    }
+
+    // Check starts and only allowed characters
+    if (!/(^([A-Za-z_][-A-Za-z0-9_.:]*)$)/.test(actionId)) {
+      return {
+        isValid: false,
+        errorMessage: resource.getText('ACTION_ID_INVALID_FORMAT')
+      };
+    }
+    return {
+      isValid: true,
+      errorMessage: ''
+    };
+  }
+  const AddActionFragment = BaseDialog.extend("src.adp.controllers.AddActionFragment", {
+    constructor: function _constructor(name, overlays, rta, options, telemetryData) {
+      BaseDialog.prototype.constructor.call(this, name, telemetryData);
+      this.options = options;
+      this.rta = rta;
+      this.overlays = overlays;
+      this.model = new JSONModel({
+        title: options.title
+      });
+      this.commandExecutor = new CommandExecutor(this.rta);
+    },
+    /**
+     * Setups the Dialog and the JSON Model
+     *
+     * @param {Dialog} dialog - Dialog instance
+     */
+    setup: async function _setup(dialog) {
+      this.dialog = dialog;
+      this.setEscapeHandler();
+      this.bundle = await getTextBundle();
+      await this.buildDialogData();
+      const resourceModel = await getResourceModel('open.ux.preview.client');
+      this.dialog.setModel(resourceModel, 'i18n');
+      this.dialog.setModel(this.model);
+      this.dialog.open();
+    },
+    /**
+     * Handles create button press
+     *
+     * @param event Event
+     */
+    onCreateBtnPress: async function _onCreateBtnPress(event) {
+      const source = event.getSource();
+      source.setEnabled(false);
+      await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
+      const actionId = this.model.getProperty('/actionId');
+      const buttonText = this.model.getProperty('/buttonText');
+      await this.createAppDescriptorChangeForV4(`${this.options.propertyPath}${actionId}`, buttonText);
+      this.handleDialogClose();
+    },
+    /**
+     * Builds data that is used in the dialog
+     */
+    buildDialogData: async function _buildDialogData() {
+      try {
+        let hasController = false;
+        if (this.options.controllerReference) {
+          this.model.setProperty('/handlerReference', this.options.controllerReference);
+          hasController = true;
+        }
+        this.model.setProperty('/hasController', hasController);
+      } catch (e) {
+        const error = getError(e);
+        await sendInfoCenterMessage({
+          title: {
+            key: 'ADP_GET_FRAGMENTS_FAILURE_TITLE'
+          },
+          description: error.message,
+          type: MessageBarType.error
+        });
+        throw error;
+      }
+    },
+    /**
+     * Checks input values for duplicates and updates confirmation button state based on input validation states
+     */
+    updateFormState: function _updateFormState() {
+      const form = this.dialog.getContent()[0];
+      const formContent = form.getContent();
+      const inputs = formContent.filter(item => item.isA('sap.m.Input'));
+      const beginBtn = this.dialog.getBeginButton();
+      // Exclude the last input (display-only) from validation
+      // Only validate inputs that are visible and editable
+      const validatableInputs = inputs.filter(input => input.getVisible() && input.getEditable());
+      beginBtn.setEnabled(validatableInputs.every(input => input.getValueState() === ValueState.Success));
+    },
+    /**
+     * Handles action id input change
+     *
+     * @param event Event
+     */
+    onActionIdInputChange: function _onActionIdInputChange(event) {
+      // update model value
+      const input = event.getSource();
+      let modelValue = input.getValue();
+      if (modelValue.length < 1) {
+        modelValue = null;
+      }
+      this.model.setProperty('/actionId', modelValue);
+      const result = validateActionId(input, this.bundle, this.options.validateActionId);
+      if (result.isValid) {
+        input.setValueState(ValueState.Success).setValueStateText('');
+      } else {
+        input.setValueState(ValueState.Error).setValueStateText(result.errorMessage);
+      }
+      this.updateFormState();
+    },
+    onButtonTextInputChange: function _onButtonTextInputChange(event) {
+      // update model value
+      const input = event.getSource();
+      let modelValue = input.getValue();
+      if (modelValue.length < 1) {
+        modelValue = null;
+      }
+      this.model.setProperty('/buttonText', modelValue);
+      if (modelValue && modelValue.length > 0) {
+        input.setValueState(ValueState.Success).setValueStateText('');
+      } else {
+        input.setValueState(ValueState.Error).setValueStateText(this.bundle.getText('BUTTON_TEXT_REQUIRED'));
+      }
+      this.updateFormState();
+    },
+    createAppDescriptorChangeForV4: async function _createAppDescriptorChangeForV(propertyPath, actionLabel) {
+      const flexSettings = this.rta.getFlexSettings();
+      const modifiedValue = {
+        reference: this.options.appDescriptor?.projectId,
+        appComponent: this.options.appDescriptor?.appComponent,
+        changeType: 'appdescr_fe_changePageConfiguration',
+        parameters: {
+          page: this.options.appDescriptor?.pageId,
+          entityPropertyChange: {
+            propertyPath: `${propertyPath}`,
+            // e.g. 'content/body/sections/test'
+            operation: 'UPSERT',
+            propertyValue: {
+              press: this.options.controllerReference,
+              visible: true,
+              enabled: true,
+              text: actionLabel
+            }
+          }
+        }
+      };
+      const command = await this.commandExecutor.getCommand(this.getRuntimeControl(), 'appDescriptor', modifiedValue, flexSettings);
+      await this.commandExecutor.pushAndExecuteCommand(command);
+    }
+  });
+  return AddActionFragment;
+});
+//# sourceMappingURL=AddActionFragment.controller.js.map

package/dist/client/adp/controllers/AddActionFragment.controller.ts

@@ -0,0 +1,230 @@
+import RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
+import { PageDescriptorV4 } from './types';
+import UI5Element from 'sap/ui/core/Element';
+import BaseDialog from './BaseDialog.controller';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
+import JSONModel from 'sap/ui/model/json/JSONModel';
+import Dialog from 'sap/m/Dialog';
+import { getResourceModel, getTextBundle, TextBundle } from '../../i18n';
+import { MessageBarType } from '@sap-ux-private/control-property-editor-common';
+import Button from 'sap/m/Button';
+import { sendInfoCenterMessage } from '../../utils/info-center-message';
+import Input from 'sap/m/Input';
+import CommandExecutor from '../command-executor';
+import Event from 'sap/ui/base/Event';
+import { getError } from '../../utils/error';
+import { ValueState } from 'sap/ui/core/library';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import SimpleForm from 'sap/ui/layout/form';
+import Control from 'sap/ui/core/Control';
+
+type AddActionFragmentsModel = JSONModel & {
+    getProperty(sPath: '/title'): string;
+    getProperty(sPath: '/buttonText'): string;
+    getProperty(sPath: '/actionId'): string;
+    getProperty(sPath: '/handlerReference'): string;
+    getProperty(sPath: '/hasController'): boolean;
+};
+
+export interface AddActionOptions {
+    name: string;
+    propertyPath: string;
+    title: string;
+    controllerReference: string;
+    appDescriptor?: PageDescriptorV4;
+    validateActionId?: (actionId: string) => boolean;
+}
+
+/**
+ * Validates Action ID input.
+ *
+ * @param input control of action ID to validate
+ * @param resource text bundle for messages
+ * @param validateForDuplicateId custom validation function
+ * @return validation result
+ */
+function validateActionId(
+    input: Input,
+    resource: TextBundle,
+    validateForDuplicateId?: (actionId: string) => boolean
+): { isValid: boolean; errorMessage: string } {
+    const actionId = input.getValue();
+    // Check if empty
+    if (!actionId || actionId.trim().length === 0) {
+        return { isValid: false, errorMessage: resource.getText('ACTION_ID_REQUIRED') };
+    }
+
+    if (typeof validateForDuplicateId === 'function' && !validateForDuplicateId(actionId)) {
+        return { isValid: false, errorMessage: resource.getText('ACTION_WITH_GIVEN_ID_ALREADY_EXISTS', [actionId]) };
+    }
+
+    // Check for spaces
+    if (actionId.includes(' ')) {
+        return { isValid: false, errorMessage: resource.getText('ACTION_ID_CANNOT_CONTAIN_SPACES') };
+    }
+
+    // Check starts and only allowed characters
+    if (!/(^([A-Za-z_][-A-Za-z0-9_.:]*)$)/.test(actionId)) {
+        return { isValid: false, errorMessage: resource.getText('ACTION_ID_INVALID_FORMAT') };
+    }
+    return { isValid: true, errorMessage: '' };
+}
+
+export default class AddActionFragment extends BaseDialog<AddActionFragmentsModel> {
+    private bundle: TextBundle;
+    constructor(
+        name: string,
+        overlays: UI5Element,
+        rta: RuntimeAuthoring,
+        readonly options: AddActionOptions,
+        telemetryData?: QuickActionTelemetryData
+    ) {
+        super(name, telemetryData);
+        this.rta = rta;
+        this.overlays = overlays;
+        this.model = new JSONModel({
+            title: options.title
+        });
+        this.commandExecutor = new CommandExecutor(this.rta);
+    }
+
+    /**
+     * Setups the Dialog and the JSON Model
+     *
+     * @param {Dialog} dialog - Dialog instance
+     */
+    async setup(dialog: Dialog): Promise<void> {
+        this.dialog = dialog;
+
+        this.setEscapeHandler();
+        this.bundle = await getTextBundle();
+        await this.buildDialogData();
+        const resourceModel = await getResourceModel('open.ux.preview.client');
+
+        this.dialog.setModel(resourceModel, 'i18n');
+        this.dialog.setModel(this.model);
+
+        this.dialog.open();
+    }
+
+    /**
+     * Handles create button press
+     *
+     * @param event Event
+     */
+    async onCreateBtnPress(event: Event) {
+        const source = event.getSource<Button>();
+        source.setEnabled(false);
+        await super.onCreateBtnPressHandler();
+
+        const actionId = this.model.getProperty('/actionId');
+        const buttonText = this.model.getProperty('/buttonText');
+        await this.createAppDescriptorChangeForV4(`${this.options.propertyPath}${actionId}`, buttonText);
+        this.handleDialogClose();
+    }
+
+    /**
+     * Builds data that is used in the dialog
+     */
+    async buildDialogData(): Promise<void> {
+        try {
+            let hasController = false;
+            if (this.options.controllerReference) {
+                this.model.setProperty('/handlerReference', this.options.controllerReference);
+                hasController = true;
+            }
+            this.model.setProperty('/hasController', hasController);
+        } catch (e) {
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_GET_FRAGMENTS_FAILURE_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
+            throw error;
+        }
+    }
+
+    /**
+     * Checks input values for duplicates and updates confirmation button state based on input validation states
+     */
+    private updateFormState(): void {
+        const form = this.dialog.getContent()[0] as unknown as SimpleForm<Control[]>;
+        const formContent = form.getContent();
+        const inputs = formContent.filter((item) => item.isA('sap.m.Input')) as Input[];
+
+        const beginBtn = this.dialog.getBeginButton();
+        // Exclude the last input (display-only) from validation
+        // Only validate inputs that are visible and editable
+        const validatableInputs = inputs.filter((input) => input.getVisible() && input.getEditable());
+        beginBtn.setEnabled(validatableInputs.every((input) => input.getValueState() === ValueState.Success));
+    }
+
+    /**
+     * Handles action id input change
+     *
+     * @param event Event
+     */
+    onActionIdInputChange(event: Event): void {
+        // update model value
+        const input = event.getSource<Input>();
+        let modelValue: string | null = input.getValue();
+        if (modelValue.length < 1) {
+            modelValue = null;
+        }
+        this.model.setProperty('/actionId', modelValue);
+        const result = validateActionId(input, this.bundle, this.options.validateActionId);
+        if (result.isValid) {
+            input.setValueState(ValueState.Success).setValueStateText('');
+        } else {
+            input.setValueState(ValueState.Error).setValueStateText(result.errorMessage);
+        }
+        this.updateFormState();
+    }
+
+    onButtonTextInputChange(event: Event): void {
+        // update model value
+        const input = event.getSource<Input>();
+        let modelValue: string | null = input.getValue();
+        if (modelValue.length < 1) {
+            modelValue = null;
+        }
+        this.model.setProperty('/buttonText', modelValue);
+        if (modelValue && modelValue.length > 0) {
+            input.setValueState(ValueState.Success).setValueStateText('');
+        } else {
+            input.setValueState(ValueState.Error).setValueStateText(this.bundle.getText('BUTTON_TEXT_REQUIRED'));
+        }
+        this.updateFormState();
+    }
+
+    private async createAppDescriptorChangeForV4(propertyPath: string, actionLabel: string) {
+        const flexSettings = this.rta.getFlexSettings();
+        const modifiedValue = {
+            reference: this.options.appDescriptor?.projectId,
+            appComponent: this.options.appDescriptor?.appComponent,
+            changeType: 'appdescr_fe_changePageConfiguration',
+            parameters: {
+                page: this.options.appDescriptor?.pageId,
+                entityPropertyChange: {
+                    propertyPath: `${propertyPath}`, // e.g. 'content/body/sections/test'
+                    operation: 'UPSERT',
+                    propertyValue: {
+                        press: this.options.controllerReference,
+                        visible: true,
+                        enabled: true,
+                        text: actionLabel
+                    }
+                }
+            }
+        };
+        const command = await this.commandExecutor.getCommand<FlexCommand>(
+            this.getRuntimeControl(),
+            'appDescriptor',
+            modifiedValue,
+            flexSettings
+        );
+
+        await this.commandExecutor.pushAndExecuteCommand(command);
+    }
+}

package/dist/client/adp/controllers/AddCustomFragment.controller.ts

@@ -22,21 +22,14 @@ import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-d
 import { MessageBarType, setApplicationRequiresReload } from '@sap-ux-private/control-property-editor-common';
 import { CommunicationService } from '../../cpe/communication-service';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
-import type AppComponentV4 from 'sap/fe/core/AppComponent';
 import { sendInfoCenterMessage } from '../../utils/info-center-message';
 import { getError } from '../../utils/error';
+import { PageDescriptorV4 } from './types';
 
 export type AddFragmentModel = JSONModel & {
     getProperty(sPath: '/title'): string;
     getProperty(sPath: '/newFragmentName'): string;
 };
-export interface PageDescriptorV4 {
-    appType: 'fe-v4';
-    appComponent: AppComponentV4;
-    pageId: string;
-    projectId: string;
-    anchor: string;
-}
 
 export interface AddCustomFragmentOptions {
     title: string;

package/dist/client/adp/controllers/AddSubpage.controller.js

@@ -83,7 +83,7 @@ sap.ui.define(["sap/ui/model/json/JSONModel", "../../i18n", "../command-executor
             }
           }
         };
-      } else {
+      } else if (pageDescriptor.routePattern) {
         const routePattern = generateRoutePattern(pageDescriptor.routePattern, navProperty, targetEntitySet);
         modifiedValue = {
           appComponent: pageDescriptor.appComponent,

package/dist/client/adp/controllers/AddSubpage.controller.ts

@@ -15,9 +15,6 @@ import JSONModel from 'sap/ui/model/json/JSONModel';
 /** sap.ui.rta */
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 
-/** sap.fe.core */
-import type AppComponentV4 from 'sap/fe/core/AppComponent';
-
 /** sap.suite.ui.generic */
 import type AppComponentV2 from 'sap/suite/ui/generic/template/lib/AppComponent';
 
@@ -32,6 +29,7 @@ import { CommunicationService } from '../../cpe/communication-service';
 import { setApplicationRequiresReload } from '@sap-ux-private/control-property-editor-common';
 import { generateRoutePattern } from '../quick-actions/fe-v4/utils';
 import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
+import { PageDescriptorV4 } from './types';
 
 type SubpageType = 'ObjectPage' | 'CustomPage';
 
@@ -42,13 +40,6 @@ export interface PageDescriptorV2 {
     pageType: string;
 }
 
-export interface PageDescriptorV4 {
-    appType: 'fe-v4';
-    appComponent: AppComponentV4;
-    pageId: string;
-    routePattern: string;
-}
-
 export interface AddSubpageOptions {
     appReference: string;
     title: string;
@@ -123,7 +114,6 @@ export default class AddSubpage extends BaseDialog<AddSubpageModel> {
         source.setEnabled(false);
         await super.onCreateBtnPressHandler();
 
-
         const flexSettings = this.rta.getFlexSettings();
         const navProperty = this.model.getProperty('/selectedNavigation/key');
         const navigation = this.model.getProperty('/navigationData').find((item) => (item.navProperty = navProperty));
@@ -151,7 +141,7 @@ export default class AddSubpage extends BaseDialog<AddSubpageModel> {
                     }
                 }
             };
-        } else {
+        } else if (pageDescriptor.routePattern) {
             const routePattern = generateRoutePattern(pageDescriptor.routePattern, navProperty, targetEntitySet);
             modifiedValue = {
                 appComponent: pageDescriptor.appComponent,

package/dist/client/adp/controllers/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/client/adp/controllers/types.ts

@@ -0,0 +1,10 @@
+import type AppComponentV4 from 'sap/fe/core/AppComponent';
+export interface PageDescriptorV4 {
+    appType: 'fe-v4';
+    appComponent: AppComponentV4;
+    pageId: string;
+    routePattern?: string;
+    projectId?: string;
+    anchor?: string;
+}
+

package/dist/client/adp/dialog-factory.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.controller", "./controllers/AddTableColumnFragments.controller", "./controllers/ControllerExtension.controller", "./controllers/ExtensionPoint.controller", "./controllers/FileExistsDialog.controller", "./controllers/AddSubpage.controller", "./controllers/AddCustomFragment.controller"], function (Fragment, ___i18n, __AddFragment, __AddTableColumnFragments, __ControllerExtension, __ExtensionPoint, __FileExistsDialog, __AddSubpage, __AddCustomFragment) {
+sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.controller", "./controllers/AddTableColumnFragments.controller", "./controllers/ControllerExtension.controller", "./controllers/ExtensionPoint.controller", "./controllers/FileExistsDialog.controller", "./controllers/AddSubpage.controller", "./controllers/AddCustomFragment.controller", "./controllers/AddActionFragment.controller"], function (Fragment, ___i18n, __AddFragment, __AddTableColumnFragments, __ControllerExtension, __ExtensionPoint, __FileExistsDialog, __AddSubpage, __AddCustomFragment, __AddActionFragment) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -14,8 +14,10 @@ sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.con
   const FileExistsDialog = _interopRequireDefault(__FileExistsDialog);
   const AddSubpage = _interopRequireDefault(__AddSubpage);
   const AddCustomFragment = _interopRequireDefault(__AddCustomFragment);
+  const AddActionFragment = _interopRequireDefault(__AddActionFragment);
   var DialogNames = /*#__PURE__*/function (DialogNames) {
     DialogNames["ADD_FRAGMENT"] = "AddFragment";
+    DialogNames["ADD_ACTION"] = "AddAction";
     DialogNames["ADD_TABLE_COLUMN_FRAGMENTS"] = "AddTableColumnFragments";
     DialogNames["CONTROLLER_EXTENSION"] = "ControllerExtension";
     DialogNames["ADD_FRAGMENT_AT_EXTENSION_POINT"] = "ExtensionPoint";
@@ -70,6 +72,12 @@ sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.con
             title: resources.getText(options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE')
           });
           break;
+        case DialogNames.ADD_ACTION:
+          controller = new AddActionFragment(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta, {
+            ...options,
+            title: resources.getText(options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE')
+          });
+          break;
         case DialogNames.ADD_TABLE_COLUMN_FRAGMENTS:
           controller = new AddTableColumnFragments(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta, {
             ...('aggregation' in options && {

package/dist/client/adp/dialog-factory.ts

@@ -18,9 +18,11 @@ import FileExistsDialog, { FileExistsDialogOptions } from './controllers/FileExi
 import AddSubpage, { AddSubpageOptions } from './controllers/AddSubpage.controller';
 import { QuickActionTelemetryData } from '../cpe/quick-actions/quick-action-definition';
 import AddCustomFragment, { AddCustomFragmentOptions } from './controllers/AddCustomFragment.controller';
+import AddActionFragment, { AddActionOptions } from './controllers/AddActionFragment.controller';
 
 export const enum DialogNames {
     ADD_FRAGMENT = 'AddFragment',
+    ADD_ACTION = 'AddAction',
     ADD_TABLE_COLUMN_FRAGMENTS = 'AddTableColumnFragments',
     CONTROLLER_EXTENSION = 'ControllerExtension',
     ADD_FRAGMENT_AT_EXTENSION_POINT = 'ExtensionPoint',
@@ -32,6 +34,7 @@ export const enum DialogNames {
 type Controller =
     | AddFragment
     | AddTableColumnFragments
+    | AddActionFragment
     | ControllerExtension
     | ExtensionPoint
     | FileExistsDialog
@@ -72,6 +75,7 @@ export class DialogFactory {
             | Partial<AddFragmentOptions>
             | Partial<FileExistsDialogOptions>
             | AddCustomFragmentOptions
+            | AddActionOptions
             | AddSubpageOptions = {},
         telemetryData?: QuickActionTelemetryData
     ): Promise<void> {
@@ -109,6 +113,17 @@ export class DialogFactory {
                     } as AddCustomFragmentOptions
                 );
                 break;
+            case DialogNames.ADD_ACTION:
+                controller = new AddActionFragment(
+                    `open.ux.preview.client.adp.controllers.${dialogName}`,
+                    overlay,
+                    rta,
+                    {
+                        ...options,
+                        title: resources.getText(options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE')
+                    } as AddActionOptions
+                );
+                break;
             case DialogNames.ADD_TABLE_COLUMN_FRAGMENTS:
                 controller = new AddTableColumnFragments(
                     `open.ux.preview.client.adp.controllers.${dialogName}`,

package/dist/client/adp/quick-actions/add-new-subpage-quick-action-base.ts

@@ -11,7 +11,8 @@ import { EnablementValidatorResult } from './enablement-validator';
 import { getTextBundle } from '../../i18n';
 import { SimpleQuickActionDefinitionBase } from './simple-quick-action-base';
 import { DIALOG_ENABLEMENT_VALIDATOR } from './dialog-enablement-validator';
-import { PageDescriptorV2, PageDescriptorV4 } from '../controllers/AddSubpage.controller';
+import { PageDescriptorV2 } from '../controllers/AddSubpage.controller';
+import { PageDescriptorV4 } from '../controllers/types';
 
 export const ADD_NEW_OBJECT_PAGE_ACTION = 'add-new-subpage';
 const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];

package/dist/client/adp/quick-actions/fe-v4/add-new-subpage.ts

@@ -9,7 +9,7 @@ import { isA } from '../../../utils/core';
 import FEObjectPageComponent from 'sap/fe/templates/ObjectPage/Component';
 import FEListReportComponent from 'sap/fe/templates/ListReport/Component';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
-import { PageDescriptorV4 } from '../../controllers/AddSubpage.controller';
+import { PageDescriptorV4 } from '../../controllers/types';
 
 export const OBJECT_PAGE_COMPONENT_NAME_V4 = 'sap.fe.templates.ObjectPage.ObjectPage';
 

package/dist/client/adp/quick-actions/fe-v4/create-page-action.js

@@ -0,0 +1,81 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../simple-quick-action-base", "../../../utils/version", "../dialog-enablement-validator", "../../api-handler", "../../utils", "../../../utils/fe-v4", "../../../utils/core"], function (OverlayRegistry, ____dialog_factory, ___simple_quick_action_base, _____utils_version, ___dialog_enablement_validator, ____api_handler, ____utils, _____utils_fe_v4, _____utils_core) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getExistingController = ____api_handler["getExistingController"];
+  const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const isA = _____utils_core["isA"];
+  const ADD_PAGE_ACTION = 'add-page-action';
+  const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageLayout'];
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      this.pageId = this.context.view.getViewData()?.stableId.split('::').pop();
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 120
+      })) {
+        return;
+      }
+      await super.initialize();
+    }
+    async execute() {
+      if (this.control) {
+        const overlay = OverlayRegistry.getOverlay(this.control) || [];
+        const controlInfo = getControllerInfoForControl(this.control);
+        const data = await getExistingController(controlInfo.controllerName);
+        const controllerPath = data.controllerPathFromRoot.replaceAll(/\//g, '.').replace(/\.[^.]+$/, '');
+        await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_ACTION, undefined, {
+          title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION',
+          controllerReference: controllerPath ? `.extension.${controllerPath}.<REPLACE_WITH_YOUR_HANDLER_NAME>` : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+          appDescriptor: {
+            appComponent: getV4AppComponent(this.context.view),
+            appType: 'fe-v4',
+            pageId: this.pageId,
+            projectId: this.context.flexSettings.projectId
+          },
+          validateActionId: actionId => {
+            const headerActions = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(path => path.includes('content/header/actions/'));
+            const idInPendingChanges = headerActions.length && headerActions.includes(`content/header/actions/${actionId}`);
+            if (idInPendingChanges) {
+              return false;
+            }
+            if (isA('sap.f.DynamicPageTitle', this.control) && this.control.getActions().every(action => !action.getId().endsWith(`CustomAction::${actionId}`))) {
+              return true;
+            }
+            if (isA('sap.uxap.ObjectPageLayout', this.control) && this.control.getHeaderTitle()?.getActions().every(action => !action.getId().endsWith(`CustomAction::${actionId}`))) {
+              return true;
+            }
+            return false;
+          },
+          propertyPath: 'content/header/actions/'
+        }, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_PAGE_ACTION = ADD_PAGE_ACTION;
+  __exports.AddPageActionQuickAction = AddPageActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-page-action.js.map

package/dist/client/adp/quick-actions/fe-v4/create-page-action.ts

@@ -0,0 +1,98 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getExistingController } from '../../api-handler';
+import { getControllerInfoForControl } from '../../utils';
+import { getV4AppComponent } from '../../../utils/fe-v4';
+import { isA } from '../../../utils/core';
+import DynamicPageTitle from 'sap/f/DynamicPageTitle';
+import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+import ObjectPageDynamicHeaderTitle from 'sap/uxap/ObjectPageDynamicHeaderTitle';
+
+export const ADD_PAGE_ACTION = 'add-page-action';
+const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageLayout'];
+interface ViewDataType {
+    stableId: string;
+}
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase implements SimpleQuickActionDefinition {
+    protected pageId: string | undefined;
+    constructor(context: QuickActionContext) {
+        super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        this.pageId = (this.context.view.getViewData() as ViewDataType)?.stableId.split('::').pop() as string;
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 120 })) {
+            return;
+        }
+        await super.initialize();
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        if (this.control) {
+            const overlay = OverlayRegistry.getOverlay(this.control) || [];
+            const controlInfo = getControllerInfoForControl(this.control);
+            const data = await getExistingController(controlInfo.controllerName);
+            const controllerPath = data.controllerPathFromRoot.replaceAll(/\//g, '.').replace(/\.[^.]+$/, '');
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_ACTION,
+                undefined,
+                {
+                    title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION',
+                    controllerReference: controllerPath
+                        ? `.extension.${controllerPath}.<REPLACE_WITH_YOUR_HANDLER_NAME>`
+                        : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+                    appDescriptor: {
+                        appComponent: getV4AppComponent(this.context.view)!,
+                        appType: 'fe-v4',
+                        pageId: this.pageId!,
+                        projectId: this.context.flexSettings.projectId
+                    },
+                    validateActionId: (actionId) => {
+                        const headerActions = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(
+                            (path) => path.includes('content/header/actions/')
+                        );
+                        const idInPendingChanges =
+                            headerActions.length && headerActions.includes(`content/header/actions/${actionId}`);
+                        if (idInPendingChanges) {
+                            return false;
+                        }
+                        if (
+                            isA('sap.f.DynamicPageTitle', this.control) &&
+                            (this.control as DynamicPageTitle)
+                                .getActions()
+                                .every((action) => !action.getId().endsWith(`CustomAction::${actionId}`))
+                        ) {
+                            return true;
+                        }
+                        if (
+                            isA('sap.uxap.ObjectPageLayout', this.control) &&
+                            ((this.control as ObjectPageLayout).getHeaderTitle() as ObjectPageDynamicHeaderTitle)
+                                ?.getActions()
+                                .every((action) => !action.getId().endsWith(`CustomAction::${actionId}`))
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    },
+                    propertyPath: 'content/header/actions/'
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}

package/dist/client/adp/quick-actions/fe-v4/op-add-custom-section.ts

@@ -1,5 +1,5 @@
 import { getV4AppComponent } from '../../../utils/fe-v4';
-import { PageDescriptorV4 } from '../../controllers/AddCustomFragment.controller';
+import { PageDescriptorV4 } from '../../controllers/types';
 import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
 import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
 import { OP_ADD_CUSTOM_SECTION } from '../common/op-add-custom-section';

package/dist/client/adp/quick-actions/fe-v4/registry.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "./op-add-custom-section", "./create-table-custom-column", "../common/create-page-action", "./create-table-action", "./lr-enable-table-filtering", "./lr-enable-semantic-date-range-filter-bar", "./op-enable-empty-row-mode", "../common/add-new-annotation-file", "./enable-variant-management", "../fe-v4/add-new-subpage", "../fe-v4/change-table-actions"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___op_add_custom_section, ___create_table_custom_column, ___common_create_page_action, ___create_table_action, ___lr_enable_table_filtering, ___lr_enable_semantic_date_range_filter_bar, ___op_enable_empty_row_mode, ___common_add_new_annotation_file, ___enable_variant_management, ___fe_v4_add_new_subpage, ___fe_v4_change_table_actions) {
+sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "./op-add-custom-section", "./create-table-custom-column", "./create-page-action", "./create-table-action", "./lr-enable-table-filtering", "./lr-enable-semantic-date-range-filter-bar", "./op-enable-empty-row-mode", "../common/add-new-annotation-file", "./enable-variant-management", "../fe-v4/add-new-subpage", "../fe-v4/change-table-actions"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___op_add_custom_section, ___create_table_custom_column, ___create_page_action, ___create_table_action, ___lr_enable_table_filtering, ___lr_enable_semantic_date_range_filter_bar, ___op_enable_empty_row_mode, ___common_add_new_annotation_file, ___enable_variant_management, ___fe_v4_add_new_subpage, ___fe_v4_change_table_actions) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -10,7 +10,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
   const AddHeaderFieldQuickAction = ___common_op_add_header_field["AddHeaderFieldQuickAction"];
   const AddCustomSectionQuickAction = ___op_add_custom_section["AddCustomSectionQuickAction"];
   const AddTableCustomColumnQuickAction = ___create_table_custom_column["AddTableCustomColumnQuickAction"];
-  const AddPageActionQuickAction = ___common_create_page_action["AddPageActionQuickAction"];
+  const AddPageActionQuickAction = ___create_page_action["AddPageActionQuickAction"];
   const AddTableActionQuickAction = ___create_table_action["AddTableActionQuickAction"];
   const EnableTableFilteringQuickAction = ___lr_enable_table_filtering["EnableTableFilteringQuickAction"];
   const ToggleSemanticDateRangeFilterBar = ___lr_enable_semantic_date_range_filter_bar["ToggleSemanticDateRangeFilterBar"];

package/dist/client/adp/quick-actions/fe-v4/registry.ts

@@ -10,7 +10,7 @@ import { ChangeTableColumnsQuickAction } from './change-table-columns';
 import { AddHeaderFieldQuickAction } from '../common/op-add-header-field';
 import { AddCustomSectionQuickAction } from './op-add-custom-section';
 import { AddTableCustomColumnQuickAction } from './create-table-custom-column';
-import { AddPageActionQuickAction } from '../common/create-page-action';
+import { AddPageActionQuickAction } from './create-page-action';
 import { AddTableActionQuickAction } from './create-table-action';
 import { EnableTableFilteringQuickAction } from './lr-enable-table-filtering';
 import { ToggleSemanticDateRangeFilterBar } from './lr-enable-semantic-date-range-filter-bar';

package/dist/client/adp/quick-actions/supported-ui5versions.md

@@ -9,7 +9,7 @@
 | Add Custom Section                                 |      V2       |          OP |  x  |  x  |  x  |  x  |  x  |  x  |  x  |  x  |  x  |    x    |    x    |
 |                                                    |      V4       |          OP |  x  |  x  |  x  |  x  |  x  |  x  |  x  |  x  |  x  |    x    |    x    |
 | Add Custom Page Action                             |      V2       | LR, ALP, OP |     |     |     |     |     |     |     |  x  |  x  |    x    |    x    |
-|                                                    |      V4       | LR, ALP, OP |     |     |     |     |     |     |     |  x  |  x  |    x    |    x    |
+|                                                    |      V4       | LR, ALP, OP |     |     |     |     |  x  |  x  |  x  |  x  |  x  |    x    |    x    |
 | Add Custom Table Action                            |      V2       | LR, ALP, OP |     |     |  x  |  x  |  x  |  x  |  x  |  x  |  x  |    x    |    x    |
 |                                                    |      V4       | LR, ALP, OP |     |     |  x  |  x  |  x  |  x  |  x  |  x  |  x  |    x    |    x    |
 | Add Custom Table Column                            |      V2       | LR, ALP, OP |     |     |  x  |  x  |  x  |  x  |  x  |  x  |  x  |    x    |    x    |

package/dist/client/adp/ui/AddAction.fragment.xml

@@ -0,0 +1,49 @@
+<Dialog id="addActionFragmentsDialog"
+    xmlns="sap.m"
+    xmlns:core="sap.ui.core"
+    xmlns:f="sap.ui.layout.form"  
+    title="{/title}" 
+    contentWidth="500px" 
+    class="sapUiRTABorder">
+    <content>
+        <f:SimpleForm id="addActionFragmentsDialog_Form"
+            editable="true"
+            layout="ResponsiveGridLayout"
+            labelSpanS="4"
+            singleContainerFullSize="false">
+            <f:content>
+                <Label text="{i18n>ADP_ADD_ACTION_DIALOG_ACTION_ID_LABEL}" required="true" />
+                <Input 
+                    value="{/actionId}" 
+                    liveChange="onActionIdInputChange">
+                </Input>
+                <Label text="{i18n>ADP_ADD_ACTION_DIALOG_BUTTON_TEXT_LABEL}" required="true" />
+                <Input 
+                    value="{/buttonText}" 
+                    liveChange="onButtonTextInputChange">
+                </Input>
+                <Label text="{i18n>ADP_ADD_ACTION_DIALOG_HANDLER_METHOD_LABEL}" />
+                <Input 
+                    value="{/handlerReference}" 
+                    visible="{/hasController}" 
+                    editable="false"><!--Subjected to change, when handler can be provided by user -->
+                </Input>
+            </f:content>
+        </f:SimpleForm>
+    </content>
+    <beginButton>
+        <Button 
+            id="createDialogBtn" 
+            text="Create"
+            press="onCreateBtnPress"
+            enabled="false"
+            type="Emphasized" />
+    </beginButton>
+    <endButton>
+        <Button 
+            id="closeDialogBtn" 
+            text="Cancel"
+            press="handleDialogClose"
+            type="Reject" />
+    </endButton>
+</Dialog>

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

@@ -53,6 +53,7 @@ sap.ui.define(["open/ux/preview/client/thirdparty/@sap-ux-private/control-proper
     eventStack = [];
     pendingConfigChangeMap = new Map();
     configPropertyControlIdMap = new Map();
+    configPropertyPath = new Set();
     /**
      *
      * @param options ui5 adaptation options.
@@ -323,6 +324,15 @@ sap.ui.define(["open/ux/preview/client/thirdparty/@sap-ux-private/control-proper
       return (pendingChanges || []).find(item => item.isActive && item.properties[0].label === propertyName)?.properties[0].value;
     }
 
+    /**
+     * Get all pending configuration changes.
+     *
+     * @returns array of pending generic changes
+     */
+    getAllPendingConfigPropertyPath() {
+      return this.configPropertyPath ?? new Set();
+    }
+
     /**
      * Update config changes with associated controls.
      *
@@ -409,6 +419,13 @@ sap.ui.define(["open/ux/preview/client/thirdparty/@sap-ux-private/control-proper
           properties
         };
         if (changeType === 'appdescr_fe_changePageConfiguration') {
+          const configChangePath = changeDefinition.content.entityPropertyChange.propertyPath;
+          if (genericChange.isActive) {
+            this.configPropertyPath.add(configChangePath);
+          } else {
+            // remove value from set if change is undone
+            this.configPropertyPath.delete(configChangePath);
+          }
           this.trackPendingConfigChanges(genericChange);
         }
         return genericChange;

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

@@ -80,6 +80,7 @@ export class ChangeService extends EventTarget {
     private readonly eventStack: object[] = [];
     private pendingConfigChangeMap: Map<string, PendingGenericChange[]> = new Map();
     private configPropertyControlIdMap: Map<string, string[]> = new Map();
+    private readonly configPropertyPath: Set<string> = new Set();
     /**
      *
      * @param options ui5 adaptation options.
@@ -380,6 +381,15 @@ export class ChangeService extends EventTarget {
             ?.properties[0].value;
     }
 
+    /**
+     * Get all pending configuration changes.
+     *
+     * @returns array of pending generic changes
+     */
+    public getAllPendingConfigPropertyPath(): Set<string> {
+        return this.configPropertyPath ?? new Set();
+    }
+
     /**
      * Update config changes with associated controls.
      *
@@ -476,6 +486,13 @@ export class ChangeService extends EventTarget {
                 properties
             };
             if (changeType === 'appdescr_fe_changePageConfiguration') {
+                const configChangePath = (changeDefinition as ConfigChange).content.entityPropertyChange.propertyPath;
+                if (genericChange.isActive) {
+                        this.configPropertyPath.add(configChangePath);
+                } else {
+                    // remove value from set if change is undone
+                    this.configPropertyPath.delete(configChangePath);
+                }
                 this.trackPendingConfigChanges(genericChange);
             }
             return genericChange;

package/dist/client/messagebundle.properties

@@ -67,6 +67,9 @@ ADP_CREATE_CONTROLLER_EXTENSION_TITLE = Create Controller Extension
 ADP_CREATE_CONTROLLER_EXTENSION_DESCRIPTION = Controller extension with name ''{0}'' was created.
 ADP_ODATA_HEALTH_CHECK_TITLE = OData Service Health Check
 ADP_ODATA_SERVICE_DOWN_DESCRIPTION = The OData service with the {0} endpoint is down. Error: {1}.
+ADP_ADD_ACTION_DIALOG_ACTION_ID_LABEL = Action ID
+ADP_ADD_ACTION_DIALOG_BUTTON_TEXT_LABEL = Button Text
+ADP_ADD_ACTION_DIALOG_HANDLER_METHOD_LABEL = Handler Method
 CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_TITLE = Save and Reload Required
 CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_DESCRIPTION = Note: The change will be visible after save and reload.
 CHANGE_CREATION_FAILED_TITLE = Change Creation Failed
@@ -129,4 +132,8 @@ TARGET_CONTROL_ID=TARGET ID
 AGGREGATION=TARGET AGGREGATION
 FRAGMENT_PATH=FRAGMENT PATH
 
-
+ACTION_ID_REQUIRED=Action ID is required.
+ACTION_WITH_GIVEN_ID_ALREADY_EXISTS=An action with the ''{0}''  ID is already defined. Please choose a different ID.
+ACTION_ID_CANNOT_CONTAIN_SPACES=Action ID cannot contain spaces.
+ACTION_ID_INVALID_FORMAT=Action ID must start with a letter or _ and may contain letters, digits, _, ., :, and -.
+BUTTON_TEXT_REQUIRED=Button Text is required.

package/dist/client/utils/fe-v4.js

@@ -14,7 +14,11 @@ sap.ui.define(["sap/ui/core/Component", "./core", "sap/ui/rta/command/CommandFac
   function getV4AppComponent(control) {
     const ownerComponent = Component.getOwnerComponentFor(control);
     if (ownerComponent?.isA('sap.fe.core.TemplateComponent')) {
-      return ownerComponent.getAppComponent();
+      if (ownerComponent.getAppComponent) {
+        return ownerComponent.getAppComponent();
+      } else if (ownerComponent?.oAppComponent) {
+        return ownerComponent.oAppComponent;
+      }
     }
     return undefined;
   }

package/dist/client/utils/fe-v4.ts

@@ -20,7 +20,11 @@ import FlexCommand from 'sap/ui/rta/command/FlexCommand';
 export function getV4AppComponent(control: ManagedObject): AppComponent | undefined {
     const ownerComponent = Component.getOwnerComponentFor(control);
     if (ownerComponent?.isA<TemplateComponent>('sap.fe.core.TemplateComponent')) {
-        return ownerComponent.getAppComponent();
+        if (ownerComponent.getAppComponent) {
+            return ownerComponent.getAppComponent();
+        } else if ((ownerComponent as unknown as { oAppComponent: AppComponent })?.oAppComponent) {
+            return (ownerComponent as unknown as { oAppComponent: AppComponent }).oAppComponent;
+        }
     }
     return undefined;
 }
@@ -117,7 +121,6 @@ export async function createManifestPropertyChange(
         } else {
             adjustedChanges[key] = value;
         }
-        
     }
     const [manifestPropertyChange] = overlayData.manifestPropertyChange(
         adjustedChanges,

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.23.93",
+  "version": "0.23.95",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -27,14 +27,14 @@
     "mem-fs-editor": "9.4.0",
     "qrcode": "1.5.4",
     "@sap/bas-sdk": "3.12.0",
-    "@sap-ux/adp-tooling": "0.18.40",
+    "@sap-ux/adp-tooling": "0.18.41",
     "@sap-ux/btp-utils": "1.1.6",
-    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.7.8",
     "@sap-ux/feature-toggle": "0.3.5",
+    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.7.8",
     "@sap-ux/logger": "0.8.0",
+    "@sap-ux/i18n": "0.3.7",
     "@sap-ux/project-access": "1.34.2",
-    "@sap-ux/system-access": "0.6.41",
-    "@sap-ux/i18n": "0.3.7"
+    "@sap-ux/system-access": "0.6.41"
   },
   "devDependencies": {
     "@sap-ux-private/playwright": "0.2.5",
@@ -53,10 +53,10 @@
     "nock": "13.4.0",
     "npm-run-all2": "6.2.0",
     "supertest": "7.1.4",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.18.10",
-    "@sap-ux/axios-extension": "1.25.6",
     "@sap-ux/store": "1.5.0",
-    "@sap-ux/ui5-info": "0.13.7"
+    "@sap-ux/ui5-info": "0.13.8",
+    "@sap-ux/axios-extension": "1.25.6",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.18.11"
   },
   "peerDependencies": {
     "express": "4"