@sap-ux/preview-middleware 0.16.68 → 0.16.70

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

@@ -14,13 +14,14 @@ import FlUtils from 'sap/ui/fl/Utils';
 /** sap.ui.dt */
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 
-import AddFragment from './controllers/AddFragment.controller';
+import AddFragment, { AddFragmentOptions } from './controllers/AddFragment.controller';
 import ControllerExtension from './controllers/ControllerExtension.controller';
 import { ExtensionPointData } from './extension-point';
 import ExtensionPoint from './controllers/ExtensionPoint.controller';
 import ManagedObject from 'sap/ui/base/ManagedObject';
 import { isReuseComponent } from '../cpe/utils';
 import { Ui5VersionInfo } from '../utils/version';
+import { getTextBundle } from '../i18n';
 
 export const enum DialogNames {
     ADD_FRAGMENT = 'AddFragment',
@@ -118,25 +119,24 @@ export const getAddFragmentItemText = (overlay: ElementOverlay) => {
  * @param rta Runtime Authoring
  * @param dialogName Dialog name
  * @param extensionPointData Control ID
- * @param aggregation Name of aggregation that should be selected when dialog is opened
+ * @param options Dialog options
  */
 export async function handler(
     overlay: UI5Element,
     rta: RuntimeAuthoring,
     dialogName: DialogNames,
     extensionPointData?: ExtensionPointData,
-    aggregation?: string
+    options: Partial<AddFragmentOptions> = {}
 ): Promise<void> {
     let controller: Controller;
+    const resources = await getTextBundle();
 
     switch (dialogName) {
         case DialogNames.ADD_FRAGMENT:
-            controller = new AddFragment(
-                `open.ux.preview.client.adp.controllers.${dialogName}`,
-                overlay,
-                rta,
-                aggregation
-            );
+            controller = new AddFragment(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta, {
+                aggregation: options.aggregation,
+                title: resources.getText(options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE')
+            });
             break;
         case DialogNames.CONTROLLER_EXTENSION:
             controller = new ControllerExtension(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta);

package/dist/client/adp/init.js

@@ -2,15 +2,15 @@
 sap.ui.define([
     'sap/base/Log',
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
-    '../utils/error',
     '../utils/version',
+    '../cpe/communication-service',
     '../cpe/init',
     '../utils/application',
     '../i18n',
     './quick-actions/load',
     './utils',
     './init-dialogs'
-], function (log, ___sap_ux_private_control_property_editor_common, ___utils_error, ___utils_version, __init, ___utils_application, ___i18n, ___quick_actions_load, ___utils, ___init_dialogs) {
+], function (log, ___sap_ux_private_control_property_editor_common, ___utils_version, ___cpe_communication_service, __init, ___utils_application, ___i18n, ___quick_actions_load, ___utils, ___init_dialogs) {
     'use strict';
     function _interopRequireDefault(obj) {
         return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
@@ -29,12 +29,11 @@ sap.ui.define([
         });
     }
     const showMessage = ___sap_ux_private_control_property_editor_common['showMessage'];
-    const startPostMessageCommunication = ___sap_ux_private_control_property_editor_common['startPostMessageCommunication'];
     const enableTelemetry = ___sap_ux_private_control_property_editor_common['enableTelemetry'];
-    const getError = ___utils_error['getError'];
     const getUi5Version = ___utils_version['getUi5Version'];
     const getUI5VersionValidationMessage = ___utils_version['getUI5VersionValidationMessage'];
     const isLowerThanMinimalUi5Version = ___utils_version['isLowerThanMinimalUi5Version'];
+    const CommunicationService = ___cpe_communication_service['CommunicationService'];
     const init = _interopRequireDefault(__init);
     const getApplicationType = ___utils_application['getApplicationType'];
     const getTextBundle = ___i18n['getTextBundle'];
@@ -46,19 +45,6 @@ sap.ui.define([
         if (flexSettings.telemetry === true) {
             enableTelemetry();
         }
-        const actionHandlers = [];
-        function subscribe(handler) {
-            actionHandlers.push(handler);
-        }
-        const {sendAction} = startPostMessageCommunication(window.parent, async function onAction(action) {
-            for (const handler of actionHandlers) {
-                try {
-                    await handler(action);
-                } catch (error) {
-                    log.error('Handler Failed: ', getError(error));
-                }
-            }
-        });
         const ui5VersionInfo = await getUi5Version();
         const syncViewsIds = await getAllSyncViewsIds(ui5VersionInfo);
         initDialogs(rta, syncViewsIds, ui5VersionInfo);
@@ -68,13 +54,13 @@ sap.ui.define([
             })) {
             const ExtensionPointService = (await __ui5_require_async('open/ux/preview/client/adp/extension-point')).default;
             const extPointService = new ExtensionPointService(rta);
-            extPointService.init(subscribe);
+            extPointService.init();
         }
         const applicationType = getApplicationType(rta.getRootControlInstance().getManifest());
         const quickActionRegistries = await loadDefinitions(applicationType);
         await init(rta, quickActionRegistries);
         if (isLowerThanMinimalUi5Version(ui5VersionInfo)) {
-            sendAction(showMessage({
+            CommunicationService.sendAction(showMessage({
                 message: getUI5VersionValidationMessage(ui5VersionInfo),
                 shouldHideIframe: true
             }));
@@ -82,7 +68,7 @@ sap.ui.define([
         }
         if (syncViewsIds.length > 0) {
             const bundle = await getTextBundle();
-            sendAction(showMessage({
+            CommunicationService.sendAction(showMessage({
                 message: bundle.getText('ADP_SYNC_VIEWS_MESSAGE'),
                 shouldHideIframe: false
             }));

package/dist/client/adp/init.ts

@@ -1,17 +1,11 @@
 import log from 'sap/base/Log';
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 
-import {
-    ExternalAction,
-    showMessage,
-    startPostMessageCommunication,
-    enableTelemetry
-} from '@sap-ux-private/control-property-editor-common';
+import { showMessage, enableTelemetry } from '@sap-ux-private/control-property-editor-common';
 
-import { ActionHandler } from '../cpe/types';
-import { getError } from '../utils/error';
 import { getUi5Version, getUI5VersionValidationMessage, isLowerThanMinimalUi5Version } from '../utils/version';
 
+import { CommunicationService } from '../cpe/communication-service';
 import init from '../cpe/init';
 import { getApplicationType } from '../utils/application';
 import { getTextBundle } from '../i18n';
@@ -25,27 +19,7 @@ export default async function (rta: RuntimeAuthoring) {
     if (flexSettings.telemetry === true) {
         enableTelemetry();
     }
-    const actionHandlers: ActionHandler[] = [];
-    /**
-     *
-     * @param handler action handler
-     */
-    function subscribe(handler: ActionHandler): void {
-        actionHandlers.push(handler);
-    }
 
-    const { sendAction } = startPostMessageCommunication<ExternalAction>(
-        window.parent,
-        async function onAction(action: ExternalAction) {
-            for (const handler of actionHandlers) {
-                try {
-                    await handler(action);
-                } catch (error) {
-                    log.error('Handler Failed: ', getError(error));
-                }
-            }
-        }
-    );
 
     const ui5VersionInfo = await getUi5Version();
     const syncViewsIds = await getAllSyncViewsIds(ui5VersionInfo);
@@ -54,7 +28,7 @@ export default async function (rta: RuntimeAuthoring) {
     if (!isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 78 })) {
         const ExtensionPointService = (await import('open/ux/preview/client/adp/extension-point')).default;
         const extPointService = new ExtensionPointService(rta);
-        extPointService.init(subscribe);
+        extPointService.init();
     }
 
     const applicationType = getApplicationType(rta.getRootControlInstance().getManifest());
@@ -63,13 +37,15 @@ export default async function (rta: RuntimeAuthoring) {
     await init(rta, quickActionRegistries);
 
     if (isLowerThanMinimalUi5Version(ui5VersionInfo)) {
-        sendAction(showMessage({ message: getUI5VersionValidationMessage(ui5VersionInfo), shouldHideIframe: true }));
+        CommunicationService.sendAction(
+            showMessage({ message: getUI5VersionValidationMessage(ui5VersionInfo), shouldHideIframe: true })
+        );
         return;
     }
 
     if (syncViewsIds.length > 0) {
         const bundle = await getTextBundle();
-        sendAction(
+        CommunicationService.sendAction(
             showMessage({
                 message: bundle.getText('ADP_SYNC_VIEWS_MESSAGE'),
                 shouldHideIframe: false

package/dist/client/adp/quick-actions/common/op-add-custom-section.js

@@ -20,7 +20,10 @@ sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../init-dialogs", "../../../cpe/
     async execute() {
       const objectPageLayout = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)[0];
       const overlay = OverlayRegistry.getOverlay(objectPageLayout) || [];
-      await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'sections');
+      await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+        aggregation: 'sections',
+        title: 'QUICK_ACTION_OP_ADD_CUSTOM_SECTION'
+      });
       return [];
     }
   }

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

@@ -29,7 +29,10 @@ export class AddCustomSectionQuickAction
         )[0] as ObjectPageLayout;
 
         const overlay = OverlayRegistry.getOverlay(objectPageLayout) || [];
-        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'sections');
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+            aggregation: 'sections',
+            title: 'QUICK_ACTION_OP_ADD_CUSTOM_SECTION'
+        });
         return [];
     }
 }

package/dist/client/adp/quick-actions/common/op-add-header-field.js

@@ -25,10 +25,16 @@ sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../adp/init-dialogs", "../../
       // check if only flex box exist in the headerContent.
       if (headerContent.length === 1 && isA('sap.m.FlexBox', headerContent[0])) {
         const overlay = OverlayRegistry.getOverlay(headerContent[0]) || [];
-        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'items');
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+          aggregation: 'items',
+          title: 'QUICK_ACTION_OP_ADD_HEADER_FIELD'
+        });
       } else if (this.control) {
         const overlay = OverlayRegistry.getOverlay(this.control) || [];
-        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'headerContent');
+        await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+          aggregation: 'headerContent',
+          title: 'QUICK_ACTION_OP_ADD_HEADER_FIELD'
+        });
       }
       return [];
     }

package/dist/client/adp/quick-actions/common/op-add-header-field.ts

@@ -32,10 +32,16 @@ export class AddHeaderFieldQuickAction extends SimpleQuickActionDefinitionBase i
         // check if only flex box exist in the headerContent.
         if (headerContent.length === 1 && isA<FlexBox>('sap.m.FlexBox', headerContent[0])) {
             const overlay = OverlayRegistry.getOverlay(headerContent[0]) || [];
-            await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'items');
+            await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+                aggregation: 'items',
+                title: 'QUICK_ACTION_OP_ADD_HEADER_FIELD'
+            });
         } else if (this.control) {
             const overlay = OverlayRegistry.getOverlay(this.control) || [];
-            await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, 'headerContent');
+            await handler(overlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
+                aggregation: 'headerContent',
+                title: 'QUICK_ACTION_OP_ADD_HEADER_FIELD'
+            });
         }
         return [];
     }

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

@@ -2,7 +2,7 @@
     xmlns="sap.m"
     xmlns:core="sap.ui.core"
     xmlns:f="sap.ui.layout.form"  
-    title="Add XML Fragment" 
+    title="{/title}" 
     contentWidth="500px" 
     class="sapUiRTABorder">
     <content>
@@ -12,10 +12,11 @@
             labelSpanS="4"
             singleContainerFullSize="false">
             <f:content>
-                <Label text="Control Type" />
-                <Text text="{/selectedControlName}" />
-                <Label text="Target Aggregation" />
+                <Label visible="{/completeView}"  text="{i18n>ADP_ADD_FRAGMENT_DIALOG_CONTROL_TYPE_LABEL}" />
+                <Text visible="{/completeView}" text="{/selectedControlName}" />
+                <Label visible="{/completeView}" text="{i18n>ADP_ADD_FRAGMENT_DIALOG_AGGREGATION_LABEL}" />
                 <Select
+                    visible="{/completeView}"
                     change="onAggregationChanged"
                     selectedKey="{/selectedAggregation/key}"
                     items="{
@@ -24,7 +25,7 @@
                     }">
                     <core:Item key="{key}" text="{value}" />
                 </Select>
-                <Label text="Index" />
+                <Label text="{i18n>ADP_ADD_FRAGMENT_DIALOG_INDEX_LABEL}" />
                 <HBox alignItems="Center">
                     <Select
                         enabled="{/indexHandlingFlag}"
@@ -42,7 +43,7 @@
                         class= "sapUiTinyMarginBegin" 
                         tooltip="{/iconTooltip}" />
                 </HBox>
-                <Label text="Fragment Name" />
+                <Label text="{i18n>ADP_ADD_FRAGMENT_DIALOG_FRAGMENT_NAME_LABEL}" />
                 <Input 
                     description=".fragment.xml" 
                     value="{/newFragmentName}" 

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

@@ -15,7 +15,7 @@ sap.ui.define([
     const propertyChangeFailed = ___sap_ux_private_control_property_editor_common['propertyChangeFailed'];
     const FlexChangesEndPoints = ___sap_ux_private_control_property_editor_common['FlexChangesEndPoints'];
     const reloadApplication = ___sap_ux_private_control_property_editor_common['reloadApplication'];
-    const numberOfChangesRequiringReloadChanged = ___sap_ux_private_control_property_editor_common['numberOfChangesRequiringReloadChanged'];
+    const setApplicationRequiresReload = ___sap_ux_private_control_property_editor_common['setApplicationRequiresReload'];
     const save = ___sap_ux_private_control_property_editor_common['save'];
     const applyChange = ___flex_change['applyChange'];
     const modeAndStackChangeHandler = ___rta_service['modeAndStackChangeHandler'];
@@ -75,10 +75,10 @@ sap.ui.define([
                 } else if (deletePropertyChanges.match(action)) {
                     await this.deleteChange(action.payload.controlId, action.payload.propertyName, action.payload.fileName);
                 } else if (reloadApplication.match(action)) {
-                    this.sendAction(numberOfChangesRequiringReloadChanged(0));
+                    this.sendAction(setApplicationRequiresReload(false));
                 } else if (save.match(action)) {
                     this.changesRequiringReload = 0;
-                    this.sendAction(numberOfChangesRequiringReloadChanged(0));
+                    this.sendAction(setApplicationRequiresReload(false));
                 }
             });
             await this.fetchSavedChanges();
@@ -181,7 +181,7 @@ sap.ui.define([
                 if (changesRequiringReload > this.changesRequiringReload) {
                     const resourceBundle = await getTextBundle();
                     MessageToast.show(resourceBundle.getText('CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE'), { duration: 8000 });
-                    this.sendAction(numberOfChangesRequiringReloadChanged(changesRequiringReload));
+                    this.sendAction(setApplicationRequiresReload(changesRequiringReload > 0));
                 }
                 this.changesRequiringReload = changesRequiringReload;
                 if (Array.isArray(allCommands) && allCommands.length === 0) {

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

@@ -11,7 +11,7 @@ import {
     propertyChangeFailed,
     FlexChangesEndPoints,
     reloadApplication,
-    numberOfChangesRequiringReloadChanged,
+    setApplicationRequiresReload,
     save
 } from '@sap-ux-private/control-property-editor-common';
 import { applyChange } from './flex-change';
@@ -141,10 +141,10 @@ export class ChangeService {
             } else if (deletePropertyChanges.match(action)) {
                 await this.deleteChange(action.payload.controlId, action.payload.propertyName, action.payload.fileName);
             } else if (reloadApplication.match(action)) {
-                this.sendAction(numberOfChangesRequiringReloadChanged(0));
+                this.sendAction(setApplicationRequiresReload(false));
             } else if (save.match(action)) {
                 this.changesRequiringReload = 0;
-                this.sendAction(numberOfChangesRequiringReloadChanged(0));
+                this.sendAction(setApplicationRequiresReload(false));
             }
         });
 
@@ -298,7 +298,7 @@ export class ChangeService {
                 MessageToast.show(resourceBundle.getText('CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE'), {
                     duration: 8000
                 });
-                this.sendAction(numberOfChangesRequiringReloadChanged(changesRequiringReload));
+                this.sendAction(setApplicationRequiresReload(changesRequiringReload > 0));
             }
             this.changesRequiringReload = changesRequiringReload;
 

package/dist/client/cpe/communication-service.js

@@ -0,0 +1,31 @@
+'use strict';
+sap.ui.define([
+    'sap/base/Log',
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    '../utils/error'
+], function (Log, ___sap_ux_private_control_property_editor_common, ___utils_error) {
+    'use strict';
+    const startPostMessageCommunication = ___sap_ux_private_control_property_editor_common['startPostMessageCommunication'];
+    const getError = ___utils_error['getError'];
+    class CommunicationService {
+        static actionHandlers = [];
+        static #_ = ((() => {
+            const {sendAction} = startPostMessageCommunication(window.parent, async action => {
+                for (const handler of this.actionHandlers) {
+                    try {
+                        await handler(action);
+                    } catch (error) {
+                        Log.error('Handler Failed: ', getError(error));
+                    }
+                }
+            });
+            this.sendAction = sendAction;
+        })());
+        static subscribe(handler) {
+            this.actionHandlers.push(handler);
+        }
+    }
+    var __exports = { __esModule: true };
+    __exports.CommunicationService = CommunicationService;
+    return __exports;
+});

package/dist/client/cpe/communication-service.ts

@@ -0,0 +1,40 @@
+import Log from 'sap/base/Log';
+
+import { ExternalAction, startPostMessageCommunication } from '@sap-ux-private/control-property-editor-common';
+
+import { getError } from '../utils/error';
+
+import { ActionHandler } from './types';
+
+export class CommunicationService {
+    /**
+     * Sends an action to the CPE.
+     */
+    static sendAction: (action: ExternalAction) => void;
+    private static actionHandlers: ActionHandler[] = [];
+
+    static {
+        const { sendAction } = startPostMessageCommunication<ExternalAction>(
+            window.parent,
+            async (action: ExternalAction) => {
+                for (const handler of this.actionHandlers) {
+                    try {
+                        await handler(action);
+                    } catch (error) {
+                        Log.error('Handler Failed: ', getError(error));
+                    }
+                }
+            }
+        );
+        this.sendAction = sendAction;
+    }
+
+    /**
+     * Creates a listener to receive actions from the CPE.
+     *
+     * @param handler - Action handler.
+     */
+    static subscribe(handler: ActionHandler): void {
+        this.actionHandlers.push(handler);
+    }
+}

package/dist/client/cpe/connector-service.js

@@ -41,10 +41,15 @@ sap.ui.define([
                 connector.storage.fileChangeRequestNotifier = this.onChangeSaved.bind(this);
             }
         }
-        onChangeSaved(fileName, kind, changeType) {
+        onChangeSaved(fileName, kind) {
+            let change = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+            const {changeType, content} = change;
             if (changeType && changeType !== 'appdescr_fe_changePageConfiguration' || kind === 'delete' || this.isReloadPending) {
                 this.sendAction(storageFileChanged(fileName?.replace('sap.ui.fl.', '')));
             }
+            if (changeType === 'addXML' && content?.templateName !== undefined && content?.fragmentPath !== undefined) {
+                this.sendAction(storageFileChanged(content.fragmentPath));
+            }
         }
     }
     var __exports = { __esModule: true };

package/dist/client/cpe/connector-service.ts

@@ -35,7 +35,14 @@ export class WorkspaceConnectorService {
         }
     }
 
-    private onChangeSaved(fileName: string, kind: 'delete' | 'create', changeType?: string) {
+    private onChangeSaved(fileName: string, kind: 'delete' | 'create', change: unknown = {}) {
+        const { changeType, content } = change as {
+            changeType?: string;
+            content?: {
+                templateName?: string;
+                fragmentPath?: string;
+            };
+        };
         if (
             (changeType && changeType !== 'appdescr_fe_changePageConfiguration') ||
             kind === 'delete' ||
@@ -43,5 +50,11 @@ export class WorkspaceConnectorService {
         ) {
             this.sendAction(storageFileChanged(fileName?.replace('sap.ui.fl.', '')));
         }
+        if (changeType === 'addXML' && content?.templateName !== undefined && content?.fragmentPath !== undefined) {
+            // If there is template available, then we save and reload right away,
+            // so we should ignore the first file change event that comes for the fragment.
+            // (We don't want to show "Reload" button)
+            this.sendAction(storageFileChanged(content.fragmentPath));
+        }
     }
 }

package/dist/client/cpe/init.js

@@ -6,15 +6,14 @@ sap.ui.define([
     './selection',
     './changes/service',
     './documentation',
-    './logger',
     './ui5-utils',
     './connector-service',
     './rta-service',
     '../utils/error',
-    './quick-actions/quick-action-service'
-], function (Log, ___sap_ux_private_control_property_editor_common, ___outline_service, ___selection, ___changes_service, ___documentation, ___logger, ___ui5_utils, ___connector_service, ___rta_service, ___utils_error, ___quick_actions_quick_action_service) {
+    './quick-actions/quick-action-service',
+    './communication-service'
+], function (Log, ___sap_ux_private_control_property_editor_common, ___outline_service, ___selection, ___changes_service, ___documentation, ___ui5_utils, ___connector_service, ___rta_service, ___utils_error, ___quick_actions_quick_action_service, ___communication_service) {
     'use strict';
-    const startPostMessageCommunication = ___sap_ux_private_control_property_editor_common['startPostMessageCommunication'];
     const iconsLoaded = ___sap_ux_private_control_property_editor_common['iconsLoaded'];
     const enableTelemetry = ___sap_ux_private_control_property_editor_common['enableTelemetry'];
     const appLoaded = ___sap_ux_private_control_property_editor_common['appLoaded'];
@@ -22,12 +21,12 @@ sap.ui.define([
     const SelectionService = ___selection['SelectionService'];
     const ChangeService = ___changes_service['ChangeService'];
     const loadDefaultLibraries = ___documentation['loadDefaultLibraries'];
-    const logger = ___logger['logger'];
     const getIcons = ___ui5_utils['getIcons'];
     const WorkspaceConnectorService = ___connector_service['WorkspaceConnectorService'];
     const RtaService = ___rta_service['RtaService'];
     const getError = ___utils_error['getError'];
     const QuickActionService = ___quick_actions_quick_action_service['QuickActionService'];
+    const CommunicationService = ___communication_service['CommunicationService'];
     function init(rta) {
         let registries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
         Log.info('Initializing Control Property Editor');
@@ -35,9 +34,8 @@ sap.ui.define([
         if (flexSettings.telemetry === true) {
             enableTelemetry();
         }
-        const actionHandlers = [];
         function subscribe(handler) {
-            actionHandlers.push(handler);
+            CommunicationService.subscribe(handler);
         }
         const selectionService = new SelectionService(rta);
         const changesService = new ChangeService({ rta }, selectionService);
@@ -55,21 +53,12 @@ sap.ui.define([
         ];
         try {
             loadDefaultLibraries();
-            const {sendAction} = startPostMessageCommunication(window.parent, async function onAction(action) {
-                for (const handler of actionHandlers) {
-                    try {
-                        await handler(action);
-                    } catch (error) {
-                        Log.error('Handler Failed: ', getError(error));
-                    }
-                }
-            }, logger);
             for (const service of services) {
-                service.init(sendAction, subscribe)?.catch(reason => Log.error('Service Initalization Failed: ', getError(reason)));
+                service.init(CommunicationService.sendAction, subscribe)?.catch(reason => Log.error('Service Initialization Failed: ', getError(reason)));
             }
             const icons = getIcons();
-            sendAction(iconsLoaded(icons));
-            sendAction(appLoaded());
+            CommunicationService.sendAction(iconsLoaded(icons));
+            CommunicationService.sendAction(appLoaded());
         } catch (error) {
             Log.error('Error during initialization of Control Property Editor', getError(error));
         }

package/dist/client/cpe/init.ts

@@ -1,9 +1,7 @@
 import Log from 'sap/base/Log';
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 
-import type { ExternalAction } from '@sap-ux-private/control-property-editor-common';
 import {
-    startPostMessageCommunication,
     iconsLoaded,
     enableTelemetry,
     appLoaded
@@ -14,13 +12,13 @@ import { OutlineService } from './outline/service';
 import { SelectionService } from './selection';
 import { ChangeService } from './changes/service';
 import { loadDefaultLibraries } from './documentation';
-import { logger } from './logger';
 import { getIcons } from './ui5-utils';
 import { WorkspaceConnectorService } from './connector-service';
 import { RtaService } from './rta-service';
 import { getError } from '../utils/error';
 import { QuickActionService } from './quick-actions/quick-action-service';
 import type { QuickActionDefinitionRegistry } from './quick-actions/registry';
+import { CommunicationService } from './communication-service';
 
 export default function init(
     rta: RuntimeAuthoring,
@@ -34,13 +32,12 @@ export default function init(
         enableTelemetry();
     }
 
-    const actionHandlers: ActionHandler[] = [];
     /**
      *
      * @param handler action handler
      */
     function subscribe(handler: ActionHandler): void {
-        actionHandlers.push(handler);
+        CommunicationService.subscribe(handler);
     }
 
     const selectionService = new SelectionService(rta);
@@ -61,30 +58,17 @@ export default function init(
 
     try {
         loadDefaultLibraries();
-        const { sendAction } = startPostMessageCommunication<ExternalAction>(
-            window.parent,
-            async function onAction(action) {
-                for (const handler of actionHandlers) {
-                    try {
-                        await handler(action);
-                    } catch (error) {
-                        Log.error('Handler Failed: ', getError(error));
-                    }
-                }
-            },
-            logger
-        );
 
         for (const service of services) {
             service
-                .init(sendAction, subscribe)
-                ?.catch((reason) => Log.error('Service Initalization Failed: ', getError(reason)));
+                .init(CommunicationService.sendAction, subscribe)
+                ?.catch((reason) => Log.error('Service Initialization Failed: ', getError(reason)));
         }
 
         const icons = getIcons();
 
-        sendAction(iconsLoaded(icons));
-        sendAction(appLoaded());
+        CommunicationService.sendAction(iconsLoaded(icons));
+        CommunicationService.sendAction(appLoaded());
     } catch (error) {
         Log.error('Error during initialization of Control Property Editor', getError(error));
     }

package/dist/client/flp/WorkspaceConnector.js

@@ -20,7 +20,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
         }
         if (typeof this.fileChangeRequestNotifier === 'function' && change.fileName) {
           try {
-            this.fileChangeRequestNotifier(change.fileName, 'create', change.changeType);
+            this.fileChangeRequestNotifier(change.fileName, 'create', change);
           } catch (e) {
             // exceptions in the listener call are ignored
           }

package/dist/client/flp/WorkspaceConnector.ts

@@ -18,7 +18,7 @@ const connector = merge({}, ObjectStorageConnector, {
 
             if (typeof this.fileChangeRequestNotifier === 'function' && change.fileName) {
                 try {
-                    this.fileChangeRequestNotifier(change.fileName, 'create', change.changeType);
+                    this.fileChangeRequestNotifier(change.fileName, 'create', change);
                 } catch (e) {
                     // exceptions in the listener call are ignored
                 }