@sap-ux/preview-middleware 0.20.47 → 0.20.49

package/dist/base/config.d.ts

@@ -88,6 +88,13 @@ export declare const DEFAULT_PATH: DefaultFlpPath;
  * Default intent
  */
 export declare const DEFAULT_INTENT: Readonly<DefaultIntent>;
+/**
+ * Type guard for FlexConnector.
+ *
+ * @param connector - the connector to check
+ * @returns true if the connector is a FlexConnector, false otherwise
+ */
+export declare function isFlexConnector(connector: FlexConnector | CustomConnector): connector is FlexConnector;
 /**
  * Default configuration for the FLP.
  *

package/dist/base/config.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_INTENT = exports.DEFAULT_PATH = exports.DEFAULT_THEME = exports.CARD_GENERATOR_DEFAULT = exports.PREVIEW_URL = void 0;
+exports.isFlexConnector = isFlexConnector;
 exports.getFlpConfigWithDefaults = getFlpConfigWithDefaults;
 exports.sanitizeConfig = sanitizeConfig;
 exports.sanitizeRtaConfig = sanitizeRtaConfig;
@@ -77,6 +78,15 @@ const UI5_LIBS = [
     'sap.webanalytics',
     'sap.zen'
 ];
+/**
+ * Type guard for FlexConnector.
+ *
+ * @param connector - the connector to check
+ * @returns true if the connector is a FlexConnector, false otherwise
+ */
+function isFlexConnector(connector) {
+    return 'connector' in connector;
+}
 /**
  * Gets the UI5 libs dependencies from manifest.json.
  *

package/dist/base/flp.js

@@ -186,15 +186,16 @@ class FlpSandbox {
      * @private
      */
     checkDeleteConnectors(ui5VersionMajor, ui5VersionMinor) {
-        if (ui5VersionMajor === 1 && ui5VersionMinor < 78) {
-            this.templateConfig.ui5.flex?.splice(1, 1);
+        if (ui5VersionMajor === 1 && ui5VersionMinor < 76) {
+            this.templateConfig.ui5.flex = this.templateConfig.ui5.flex.filter((connector) => (0, config_1.isFlexConnector)(connector));
             this.logger.debug(`The Fiori Tools local connector (WorkspaceConnector) is not being used because the current UI5 version does not support it. The Fiori Tools fake connector (FakeLrepConnector) will be used instead.`);
         }
         else {
             this.logger.debug(`The Fiori Tools local connector (WorkspaceConnector) is being used.`);
         }
         if (this.projectType === 'CAPJava' || this.projectType === 'CAPNodejs') {
-            this.templateConfig.ui5.flex?.splice(0, 1);
+            this.templateConfig.ui5.flex = this.templateConfig.ui5.flex.filter((connector) => !(0, config_1.isFlexConnector)(connector) ||
+                ((0, config_1.isFlexConnector)(connector) && !connector.url?.startsWith('/sap/bc/lrep')));
             this.logger.debug(`The ABAP connector is not being used because the current project type is '${this.projectType}'.`);
         }
         else {

package/dist/client/adp/command-executor.ts

@@ -8,7 +8,7 @@ import type DesignTimeMetadata from 'sap/ui/dt/DesignTimeMetadata';
 import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import { getError } from '../utils/error';
 
-type CommandNames = 'addXML' | 'codeExt';
+type CommandNames = 'addXML' | 'codeExt' | 'appDescriptor';
 
 /**
  * Class responsible for handling rta calls

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

@@ -0,0 +1,92 @@
+'use strict';
+sap.ui.define([
+    'sap/ui/model/json/JSONModel',
+    '../../i18n',
+    '../command-executor',
+    '../api-handler',
+    './BaseDialog.controller',
+    '../utils',
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    '../../cpe/communication-service'
+], function (JSONModel, ____i18n, __CommandExecutor, ___api_handler, __BaseDialog, ___utils, ___sap_ux_private_control_property_editor_common, ____cpe_communication_service) {
+    'use strict';
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
+    }
+    const getResourceModel = ____i18n['getResourceModel'];
+    const getTextBundle = ____i18n['getTextBundle'];
+    const CommandExecutor = _interopRequireDefault(__CommandExecutor);
+    const getFragments = ___api_handler['getFragments'];
+    const BaseDialog = _interopRequireDefault(__BaseDialog);
+    const notifyUser = ___utils['notifyUser'];
+    const setApplicationRequiresReload = ___sap_ux_private_control_property_editor_common['setApplicationRequiresReload'];
+    const CommunicationService = ____cpe_communication_service['CommunicationService'];
+    const AddCustomFragment = BaseDialog.extend('open.ux.preview.client.adp.controllers.AddCustomFragment', {
+        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);
+        },
+        setup: async function _setup(dialog) {
+            this.dialog = dialog;
+            this.setEscapeHandler();
+            await this.buildDialogData();
+            const resourceModel = await getResourceModel('open.ux.preview.client');
+            this.dialog.setModel(resourceModel, 'i18n');
+            this.dialog.setModel(this.model);
+            this.dialog.open();
+        },
+        onCreateBtnPress: async function _onCreateBtnPress(event) {
+            const source = event.getSource();
+            source.setEnabled(false);
+            await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
+            const fragmentName = this.model.getProperty('/newFragmentName');
+            const template = `fragments.${ fragmentName }`;
+            await this.createAppDescriptorChangeForV4(template);
+            CommunicationService.sendAction(setApplicationRequiresReload(true));
+            const bundle = await getTextBundle();
+            notifyUser(bundle.getText('ADP_ADD_FRAGMENT_NOTIFICATION', [fragmentName]), 8000);
+            this.handleDialogClose();
+        },
+        buildDialogData: async function _buildDialogData() {
+            try {
+                const {fragments} = await getFragments();
+                this.model.setProperty('/fragmentList', fragments);
+            } catch (e) {
+                this.handleError(e);
+            }
+        },
+        createAppDescriptorChangeForV4: async function _createAppDescriptorChangeForV(templatePath) {
+            const fragmentName = this.model.getProperty('/newFragmentName');
+            const template = `${ this.options.appDescriptor?.projectId }.changes.${ templatePath }`;
+            let sectionId = this.options.appDescriptor?.anchor;
+            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: `${ this.options.propertyPath }${ fragmentName }`,
+                        operation: 'UPSERT',
+                        propertyValue: {
+                            template,
+                            title: 'New Custom Section',
+                            position: {
+                                placement: 'After',
+                                anchor: `${ sectionId }`
+                            }
+                        }
+                    }
+                }
+            };
+            const command = await this.commandExecutor.getCommand(this.getRuntimeControl(), 'appDescriptor', modifiedValue, flexSettings);
+            await this.commandExecutor.pushAndExecuteCommand(command);
+        }
+    });
+    return AddCustomFragment;
+});

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

@@ -0,0 +1,152 @@
+/** sap.m */
+import Button from 'sap/m/Button';
+import type Dialog from 'sap/m/Dialog';
+
+/** sap.ui.core */
+import type UI5Element from 'sap/ui/core/Element';
+
+/** sap.ui.base */
+import type Event from 'sap/ui/base/Event';
+
+/** sap.ui.model */
+import JSONModel from 'sap/ui/model/json/JSONModel';
+
+/** sap.ui.rta */
+import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
+
+import { getResourceModel, getTextBundle } from '../../i18n';
+import CommandExecutor from '../command-executor';
+import { getFragments } from '../api-handler';
+import BaseDialog from './BaseDialog.controller';
+import { notifyUser } from '../utils';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
+import { 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';
+
+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;
+    propertyPath: string;
+    appDescriptor?: PageDescriptorV4;
+}
+
+/**
+ * @namespace open.ux.preview.client.adp.controllers
+ */
+export default class AddCustomFragment extends BaseDialog<AddFragmentModel> {
+    constructor(
+        name: string,
+        overlays: UI5Element,
+        rta: RuntimeAuthoring,
+        readonly options: AddCustomFragmentOptions,
+        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();
+        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 fragmentName = this.model.getProperty('/newFragmentName');
+        const template = `fragments.${fragmentName}`;
+        await this.createAppDescriptorChangeForV4(template);
+        CommunicationService.sendAction(setApplicationRequiresReload(true));
+
+        const bundle = await getTextBundle();
+        notifyUser(bundle.getText('ADP_ADD_FRAGMENT_NOTIFICATION', [fragmentName]), 8000);
+
+        this.handleDialogClose();
+    }
+
+    /**
+     * Builds data that is used in the dialog
+     */
+    async buildDialogData(): Promise<void> {
+        try {
+            const { fragments } = await getFragments();
+            this.model.setProperty('/fragmentList', fragments);
+        } catch (e) {
+            this.handleError(e);
+        }
+    }
+
+    private async createAppDescriptorChangeForV4(templatePath: string) {
+        const fragmentName = this.model.getProperty('/newFragmentName');
+        const template = `${this.options.appDescriptor?.projectId}.changes.${templatePath}`;
+        let sectionId = this.options.appDescriptor?.anchor;
+        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: `${this.options.propertyPath}${fragmentName}`, // e.g. 'content/body/sections/test'
+                    operation: 'UPSERT',
+                    propertyValue: {
+                        template,
+                        title: 'New Custom Section',
+                        position: {
+                            placement: 'After',
+                            anchor: `${sectionId}`
+                        }
+                    }
+                }
+            }
+        };
+        const command = await this.commandExecutor.getCommand<FlexCommand>(
+            this.getRuntimeControl(),
+            'appDescriptor',
+            modifiedValue,
+            flexSettings
+        );
+
+        await this.commandExecutor.pushAndExecuteCommand(command);
+    }
+}

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

@@ -59,7 +59,7 @@ sap.ui.define([
             }
             this.model.setProperty('/selectedAggregation/key', selectedKey);
             this.model.setProperty('/selectedAggregation/value', selectedItemText);
-            let newSelectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.runtimeControl, selectedItemText));
+            let newSelectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.getRuntimeControl(), selectedItemText));
             newSelectedControlChildren = newSelectedControlChildren.map(key => {
                 return parseInt(key, radix);
             });
@@ -86,7 +86,7 @@ sap.ui.define([
             } else {
                 await this.createFragmentChange(modifiedValue);
             }
-            const templateName = getFragmentTemplateName(this.runtimeControl.getId(), targetAggregation);
+            const templateName = getFragmentTemplateName(this.getRuntimeControl().getId(), targetAggregation);
             if (templateName) {
                 CommunicationService.sendAction(setApplicationRequiresReload(true));
             }
@@ -98,7 +98,7 @@ sap.ui.define([
             const {controlMetadata, targetAggregation} = this.getControlMetadata();
             const defaultAggregation = this.options.aggregation ?? controlMetadata.getDefaultAggregationName();
             const selectedControlName = controlMetadata.getName();
-            let selectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.runtimeControl, defaultAggregation));
+            let selectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.getRuntimeControl(), defaultAggregation));
             selectedControlChildren = selectedControlChildren.map(key => {
                 return parseInt(key, radix);
             });
@@ -141,9 +141,9 @@ sap.ui.define([
         },
         createFragmentChange: async function _createFragmentChange(modifiedValue) {
             const flexSettings = this.rta.getFlexSettings();
-            const overlay = OverlayRegistry.getOverlay(this.runtimeControl);
+            const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl());
             const designMetadata = overlay.getDesignTimeMetadata();
-            const command = await this.commandExecutor.getCommand(this.runtimeControl, 'addXML', modifiedValue, flexSettings, designMetadata);
+            const command = await this.commandExecutor.getCommand(this.getRuntimeControl(), 'addXML', modifiedValue, flexSettings, designMetadata);
             await this.commandExecutor.pushAndExecuteCommand(command);
         }
     });

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

@@ -114,7 +114,7 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
         this.model.setProperty('/selectedAggregation/value', selectedItemText);
 
         let newSelectedControlChildren: string[] | number[] = Object.keys(
-            ControlUtils.getControlAggregationByName(this.runtimeControl, selectedItemText)
+            ControlUtils.getControlAggregationByName(this.getRuntimeControl(), selectedItemText)
         );
 
         newSelectedControlChildren = newSelectedControlChildren.map((key) => {
@@ -157,7 +157,7 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
             await this.createFragmentChange(modifiedValue);
         }
 
-        const templateName = getFragmentTemplateName(this.runtimeControl.getId(), targetAggregation);
+        const templateName = getFragmentTemplateName(this.getRuntimeControl().getId(), targetAggregation);
         if (templateName) {
             CommunicationService.sendAction(setApplicationRequiresReload(true));
         }
@@ -177,7 +177,7 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
         const selectedControlName = controlMetadata.getName();
 
         let selectedControlChildren: string[] | number[] = Object.keys(
-            ControlUtils.getControlAggregationByName(this.runtimeControl, defaultAggregation)
+            ControlUtils.getControlAggregationByName(this.getRuntimeControl(), defaultAggregation)
         );
 
         selectedControlChildren = selectedControlChildren.map((key) => {
@@ -236,11 +236,11 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
     private async createFragmentChange(modifiedValue: DeferredXmlFragmentData): Promise<void> {
         const flexSettings = this.rta.getFlexSettings();
 
-        const overlay = OverlayRegistry.getOverlay(this.runtimeControl as UI5Element);
+        const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl() as UI5Element);
         const designMetadata = overlay.getDesignTimeMetadata();
 
         const command = await this.commandExecutor.getCommand<AddFragmentChangeContentType>(
-            this.runtimeControl,
+            this.getRuntimeControl(),
             'addXML',
             modifiedValue,
             flexSettings,

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

@@ -103,7 +103,7 @@ sap.ui.define([
                     }
                 };
             }
-            const command = await CommandFactory.getCommandFor(this.runtimeControl, 'appDescriptor', modifiedValue, null, flexSettings);
+            const command = await CommandFactory.getCommandFor(this.getRuntimeControl(), 'appDescriptor', modifiedValue, null, flexSettings);
             await this.commandExecutor.pushAndExecuteCommand(command);
             CommunicationService.sendAction(setApplicationRequiresReload(true));
             this.handleDialogClose();

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

@@ -179,7 +179,7 @@ export default class AddSubpage extends BaseDialog<AddSubpageModel> {
         }
 
         const command = await CommandFactory.getCommandFor(
-            this.runtimeControl,
+            this.getRuntimeControl(),
             'appDescriptor',
             modifiedValue,
             null,

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

@@ -80,7 +80,7 @@ sap.ui.define([
             const {controlMetadata, targetAggregation} = this.getControlMetadata();
             const defaultAggregation = this.options.aggregation ?? controlMetadata.getDefaultAggregationName();
             const selectedControlName = controlMetadata.getName();
-            let selectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.runtimeControl, defaultAggregation));
+            let selectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.getRuntimeControl(), defaultAggregation));
             selectedControlChildren = selectedControlChildren.map(key => {
                 return parseInt(key, radix);
             });
@@ -149,9 +149,9 @@ sap.ui.define([
         createFragmentChange: async function _createFragmentChange(fragmentData) {
             const {fragments, index} = fragmentData;
             const flexSettings = this.rta.getFlexSettings();
-            const overlay = OverlayRegistry.getOverlay(this.runtimeControl);
+            const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl());
             const designMetadata = overlay.getDesignTimeMetadata();
-            const compositeCommand = await this.commandExecutor.createCompositeCommand(this.runtimeControl);
+            const compositeCommand = await this.commandExecutor.createCompositeCommand(this.getRuntimeControl());
             for (const fragment of fragments) {
                 const modifiedValue = {
                     fragment: `<core:FragmentDefinition xmlns:core='sap.ui.core'></core:FragmentDefinition>`,
@@ -159,7 +159,7 @@ sap.ui.define([
                     index: index ?? 0,
                     targetAggregation: fragment.targetAggregation === ITEMS_AGGREGATION ? CELLS_AGGREGATION : fragment.targetAggregation
                 };
-                const targetObject = fragment.targetAggregation === COLUMNS_AGGREGATION ? this.runtimeControl : this.runtimeControl.getAggregation(ITEMS_AGGREGATION)[0];
+                const targetObject = fragment.targetAggregation === COLUMNS_AGGREGATION ? this.getRuntimeControl() : this.getRuntimeControl().getAggregation(ITEMS_AGGREGATION)[0];
                 const command = await this.commandExecutor.getCommand(targetObject, 'addXML', modifiedValue, flexSettings, designMetadata);
                 const templateName = fragment.targetAggregation === COLUMNS_AGGREGATION ? `V2_SMART_TABLE_COLUMN` : 'V2_SMART_TABLE_CELL';
                 const preparedChange = command.getPreparedChange();

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

@@ -147,7 +147,7 @@ export default class AddTableColumnFragments extends BaseDialog<AddTableColumnsF
         const selectedControlName = controlMetadata.getName();
 
         let selectedControlChildren: string[] | number[] = Object.keys(
-            ControlUtils.getControlAggregationByName(this.runtimeControl, defaultAggregation)
+            ControlUtils.getControlAggregationByName(this.getRuntimeControl(), defaultAggregation)
         );
 
         selectedControlChildren = selectedControlChildren.map((key) => {
@@ -260,10 +260,10 @@ export default class AddTableColumnFragments extends BaseDialog<AddTableColumnsF
 
         const flexSettings = this.rta.getFlexSettings();
 
-        const overlay = OverlayRegistry.getOverlay(this.runtimeControl as UI5Element);
+        const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl() as UI5Element);
         const designMetadata = overlay.getDesignTimeMetadata();
 
-        const compositeCommand = await this.commandExecutor.createCompositeCommand(this.runtimeControl);
+        const compositeCommand = await this.commandExecutor.createCompositeCommand(this.getRuntimeControl());
 
         for (const fragment of fragments) {
             const modifiedValue = {
@@ -276,8 +276,8 @@ export default class AddTableColumnFragments extends BaseDialog<AddTableColumnsF
 
             const targetObject =
                 fragment.targetAggregation === COLUMNS_AGGREGATION
-                    ? this.runtimeControl
-                    : (this.runtimeControl.getAggregation(ITEMS_AGGREGATION) as ManagedObject[])[0];
+                    ? this.getRuntimeControl()
+                    : (this.getRuntimeControl().getAggregation(ITEMS_AGGREGATION) as ManagedObject[])[0];
 
             const command = await this.commandExecutor.getCommand<AddTableCellFragmentChangeContentType>(
                 targetObject,

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

@@ -37,15 +37,21 @@ sap.ui.define([
                 Log.error('Error in reporting Telemetry:', error);
             }
         },
+        getRuntimeControl: function _getRuntimeControl() {
+            if (!this._runtimeControl && this.overlays) {
+                const selectorId = this.overlays.getId();
+                const overlayControl = getControlById(selectorId);
+                if (!overlayControl) {
+                    throw new Error('Cannot get overlay control');
+                }
+                this._runtimeControl = ControlUtils.getRuntimeControl(overlayControl);
+            }
+            return this._runtimeControl;
+        },
         getControlMetadata: function _getControlMetadata() {
-            const selectorId = this.overlays.getId();
-            let controlMetadata;
-            const overlayControl = getControlById(selectorId);
-            if (overlayControl) {
-                this.runtimeControl = ControlUtils.getRuntimeControl(overlayControl);
-                controlMetadata = this.runtimeControl.getMetadata();
-            } else {
-                throw new Error('Cannot get overlay control');
+            const controlMetadata = this.getRuntimeControl().getMetadata();
+            if (!controlMetadata) {
+                throw new Error('Cannot get control metadata');
             }
             const allAggregations = Object.keys(controlMetadata.getAllAggregations());
             const hiddenAggregations = [
@@ -123,6 +129,12 @@ sap.ui.define([
                 updateDialogState(ValueState.Error, 'Enter a different name. The fragment name entered matches the name of an unsaved fragment.');
                 return;
             }
+            const template = `${ this.rta.getFlexSettings()?.projectId }.changes.fragments.${ fragmentName }`;
+            const v4CustomXMLChange = checkForExistingChange(this.rta, 'appdescr_fe_changePageConfiguration', 'content.entityPropertyChange.propertyValue.template', template);
+            if (v4CustomXMLChange) {
+                updateDialogState(ValueState.Error, 'Enter a different name. The fragment name entered matches the name of an unsaved fragment.');
+                return;
+            }
             updateDialogState(ValueState.Success);
             this.model.setProperty('/newFragmentName', fragmentName);
         },
@@ -143,10 +155,10 @@ sap.ui.define([
             throw error;
         },
         specialIndexHandling: function _specialIndexHandling(specialIndexAggregation) {
-            const overlay = OverlayRegistry.getOverlay(this.runtimeControl);
+            const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl());
             const aggregations = overlay.getDesignTimeMetadata().getData().aggregations;
             if (specialIndexAggregation in aggregations && 'specialIndexHandling' in aggregations[specialIndexAggregation]) {
-                const controlType = this.runtimeControl.getMetadata().getName();
+                const controlType = this.getRuntimeControl().getMetadata().getName();
                 this.model.setProperty('/indexHandlingFlag', false);
                 this.model.setProperty('/specialIndexHandlingIcon', true);
                 this.model.setProperty('/iconTooltip', `Index is defined by special logic of ${ controlType } and can't be set here`);

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

@@ -44,7 +44,7 @@ export default abstract class BaseDialog<T extends BaseDialogModel = BaseDialogM
     /**
      * Runtime control managed object
      */
-    protected runtimeControl: ManagedObject;
+    private _runtimeControl: ManagedObject;
     /**
      * Dialog instance
      */
@@ -71,21 +71,26 @@ export default abstract class BaseDialog<T extends BaseDialogModel = BaseDialogM
         }
     }
 
+    protected getRuntimeControl(): ManagedObject {
+        if (!this._runtimeControl && this.overlays) {
+            const selectorId = this.overlays.getId();
+            const overlayControl = getControlById(selectorId) as unknown as ElementOverlay;
+            if (!overlayControl) {
+                throw new Error('Cannot get overlay control');
+            }
+            this._runtimeControl = ControlUtils.getRuntimeControl(overlayControl);
+        }
+        return this._runtimeControl;
+    }
+
     /**
      * Method is used in add fragment dialog controllers to get current control metadata which are needed on the dialog
      * @returns control metadata and target aggregations
      */
     protected getControlMetadata(): { controlMetadata: ManagedObjectMetadata; targetAggregation: string[] } {
-        const selectorId = this.overlays.getId();
-
-        let controlMetadata: ManagedObjectMetadata;
-
-        const overlayControl = getControlById(selectorId) as unknown as ElementOverlay;
-        if (overlayControl) {
-            this.runtimeControl = ControlUtils.getRuntimeControl(overlayControl);
-            controlMetadata = this.runtimeControl.getMetadata();
-        } else {
-            throw new Error('Cannot get overlay control');
+        const controlMetadata: ManagedObjectMetadata = this.getRuntimeControl().getMetadata();
+        if (!controlMetadata) {
+            throw new Error('Cannot get control metadata');
         }
 
         const allAggregations = Object.keys(controlMetadata.getAllAggregations());
@@ -181,6 +186,23 @@ export default abstract class BaseDialog<T extends BaseDialogModel = BaseDialogM
             );
             return;
         }
+        // 'changes.fragments' is the current folder structure where fragment changes are written.
+        // following value is subjected to change if the folder structure changes
+        const template = `${this.rta.getFlexSettings()?.projectId}.changes.fragments.${fragmentName}`;
+        const v4CustomXMLChange = checkForExistingChange(
+            this.rta,
+            'appdescr_fe_changePageConfiguration',
+            'content.entityPropertyChange.propertyValue.template',
+            template
+        );
+
+        if (v4CustomXMLChange) {
+            updateDialogState(
+                ValueState.Error,
+                'Enter a different name. The fragment name entered matches the name of an unsaved fragment.'
+            );
+            return;
+        }
 
         updateDialogState(ValueState.Success);
         this.model.setProperty('/newFragmentName', fragmentName);
@@ -222,14 +244,14 @@ export default abstract class BaseDialog<T extends BaseDialogModel = BaseDialogM
      * @param specialIndexAggregation string | number
      */
     protected specialIndexHandling(specialIndexAggregation: string | number): void {
-        const overlay = OverlayRegistry.getOverlay(this.runtimeControl as UI5Element);
+        const overlay = OverlayRegistry.getOverlay(this.getRuntimeControl() as UI5Element);
         const aggregations = overlay.getDesignTimeMetadata().getData().aggregations;
 
         if (
             specialIndexAggregation in aggregations &&
             'specialIndexHandling' in aggregations[specialIndexAggregation]
         ) {
-            const controlType = this.runtimeControl.getMetadata().getName();
+            const controlType = this.getRuntimeControl().getMetadata().getName();
             this.model.setProperty('/indexHandlingFlag', false);
             this.model.setProperty('/specialIndexHandlingIcon', true);
             this.model.setProperty(