@sap-ux/preview-middleware 0.20.73 → 0.20.74

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

@@ -1,12 +1,11 @@
 /** sap.m */
-import Input from 'sap/m/Input';
 import Button from 'sap/m/Button';
 import type Dialog from 'sap/m/Dialog';
-import MessageToast from 'sap/m/MessageToast';
+import Input from 'sap/m/Input';
 
 /** sap.ui.core */
-import { ValueState } from 'sap/ui/core/library';
 import type UI5Element from 'sap/ui/core/Element';
+import { ValueState } from 'sap/ui/core/library';
 
 /** sap.ui.base */
 import type Event from 'sap/ui/base/Event';
@@ -20,16 +19,19 @@ import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 /** sap.ui.dt */
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 
-import type { CodeExtResponse, ControllersResponse } from '../api-handler';
-import { getExistingController, readControllers, writeChange, writeController } from '../api-handler';
-import BaseDialog from './BaseDialog.controller';
-import type { ExtendControllerData, DeferredExtendControllerData } from '../extend-controller';
+import { MessageBarType } from '@sap-ux-private/control-property-editor-common';
 import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
 import { getResourceModel, getTextBundle, TextBundle } from '../../i18n';
-import { notifyUser, checkForExistingChange, getControllerInfo } from '../utils';
+import { getControlById } from '../../utils/core';
+import { getError } from '../../utils/error';
+import { sendInfoCenterMessage } from '../../utils/info-center-message';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../../utils/version';
+import type { CodeExtResponse, ControllersResponse } from '../api-handler';
+import { getExistingController, readControllers, writeChange, writeController } from '../api-handler';
 import CommandExecutor from '../command-executor';
-import { getControlById } from '../../utils/core';
+import type { DeferredExtendControllerData, ExtendControllerData } from '../extend-controller';
+import { checkForExistingChange, getControllerInfo } from '../utils';
+import BaseDialog from './BaseDialog.controller';
 
 interface ControllerExtensionService {
     add: (codeRef: string, viewId: string) => Promise<{ creation: string }>;
@@ -55,6 +57,8 @@ type ControllerModel = JSONModel & {
  * @namespace open.ux.preview.client.adp.controllers
  */
 export default class ControllerExtension extends BaseDialog<ControllerModel> {
+    /* The minimum version of UI5 framework which supports controller extensions. */
+    private static readonly CONTROLLER_EXT_MIN_UI5_VERSION = { major: 1, minor: 135 };
     public readonly data?: ExtendControllerData;
     private bundle: TextBundle;
 
@@ -185,10 +189,17 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
 
             if (this.data) {
                 this.data.deferred.resolve(controllerRef);
-                notifyUser(this.bundle.getText('ADP_CREATE_CONTROLLER_EXTENSION', [controllerName]), 8000);
             } else {
                 await this.createNewController(controllerName, controllerRef);
             }
+
+            if (this.data && (await this.isControllerExtensionSupported())) {
+                await sendInfoCenterMessage({
+                    title: { key: 'ADP_CREATE_CONTROLLER_EXTENSION_TITLE' },
+                    description: { key: 'ADP_CREATE_CONTROLLER_EXTENSION', params: [controllerName] },
+                    type: MessageBarType.info
+                });
+            }
         } else {
             const controllerPath = this.model.getProperty('/controllerPath');
             window.open(`vscode://file${controllerPath}`);
@@ -286,7 +297,13 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
         try {
             data = await getExistingController(controllerName);
         } catch (e) {
-            this.handleError(e);
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_CONTROLLER_ERROR_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
+            throw error;
         }
 
         return data;
@@ -300,7 +317,13 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
             const { controllers } = await readControllers<ControllersResponse>();
             this.model.setProperty('/controllersList', controllers);
         } catch (e) {
-            this.handleError(e);
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_CONTROLLER_ERROR_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
+            throw error;
         }
     }
 
@@ -314,8 +337,7 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
         controllerName: string,
         controllerRef: DeferredExtendControllerData
     ): Promise<void> {
-        const ui5Version = await getUi5Version();
-        if (!isLowerThanMinimalUi5Version(ui5Version, { major: 1, minor: 135 })) {
+        if (await this.isControllerExtensionSupported()) {
             await this.createControllerCommand(controllerName, controllerRef);
             return;
         }
@@ -328,12 +350,25 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
             change.creation = new Date().toISOString();
 
             await writeChange(change);
-            MessageToast.show(`Controller extension with name '${controllerName}' was created.`);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_CREATE_CONTROLLER_EXTENSION_TITLE' },
+                description: {
+                    key: 'ADP_CREATE_CONTROLLER_EXTENSION_DESCRIPTION',
+                    params: [controllerName]
+                },
+                type: MessageBarType.info
+            });
         } catch (e) {
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_CONTROLLER_ERROR_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
             // We want to update the model incase we have already created a controller file but failed when creating a change file,
             // so when the user types the same controller name again he does not get 409 from the server, instead an error is shown in the UI
             await this.getControllers();
-            this.handleError(e);
+            throw error;
         }
     }
 
@@ -359,6 +394,15 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
 
         await commandExecutor.pushAndExecuteCommand(command);
 
-        notifyUser(this.bundle.getText('ADP_CREATE_CONTROLLER_EXTENSION', [controllerName]), 8000);
+        await sendInfoCenterMessage({
+            title: { key: 'ADP_CREATE_CONTROLLER_EXTENSION_TITLE' },
+            description: { key: 'ADP_CREATE_CONTROLLER_EXTENSION', params: [controllerName] },
+            type: MessageBarType.info
+        });
+    }
+
+    private async isControllerExtensionSupported(): Promise<boolean> {
+        const ui5Version = await getUi5Version();
+        return !isLowerThanMinimalUi5Version(ui5Version, ControllerExtension.CONTROLLER_EXT_MIN_UI5_VERSION);
     }
 }

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

@@ -1,141 +1,116 @@
-"use strict";
-
-sap.ui.define(["sap/ui/model/json/JSONModel", "../api-handler", "./BaseDialog.controller", "../utils"], function (JSONModel, ___api_handler, __BaseDialog, ___utils) {
-  "use strict";
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
-  }
-  const getFragments = ___api_handler["getFragments"];
-  const BaseDialog = _interopRequireDefault(__BaseDialog);
-  const notifyUser = ___utils["notifyUser"];
-  /**
-   * @namespace open.ux.preview.client.adp.controllers
-   */
-  const ExtensionPoint = BaseDialog.extend("open.ux.preview.client.adp.controllers.ExtensionPoint", {
-    constructor: function _constructor(name, _overlays, rta, data) {
-      BaseDialog.prototype.constructor.call(this, name);
-      this.model = new JSONModel();
-      this.data = data;
-      this.rta = rta;
-    },
-    /**
-     * Setups the Dialog and the JSON Model
-     *
-     * @param {Dialog} dialog - Dialog instance
-     */
-    setup: async function _setup(dialog) {
-      this.dialog = dialog;
-      this.setEscapeHandler();
-      await this.buildDialogData();
-      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 fragmentName = this.model.getProperty('/newFragmentName');
-      this.createExtensionPointFragmentChange(fragmentName);
-      notifyUser(`Note: The '${fragmentName}.fragment.xml' fragment will be created once you save the change.`, 8000);
-      this.handleDialogClose();
-    },
-    /**
-     * Handler for extension point select control
-     *
-     * @param event Select control change event
-     */
-    onExtensionPointHandler: function _onExtensionPointHandler(event) {
-      const source = event.getSource();
-      const selectedItem = source.getSelectedItem();
-      let extensionPointName = '';
-      if (selectedItem) {
-        extensionPointName = selectedItem.getText();
-      }
-      this.model.setProperty('/extensionPointName', extensionPointName);
-      const hasDefaultContent = this.hasDefaultContentForName(extensionPointName);
-      this.model.setProperty('/hasDefaultContent', hasDefaultContent);
-    },
-    /**
-     * Determines whether there is default content associated with the given name.
-     *
-     * @param {string} name - The name to check for associated default content.
-     * @returns {boolean} - True if there is non-empty default content associated with the name, false otherwise.
-     */
-    hasDefaultContentForName: function _hasDefaultContentForName(name) {
-      const defaultContent = this.data?.info.find(v => v.name === name)?.defaultContent;
-      return defaultContent ? defaultContent.length > 0 : false;
-    },
-    /**
-     * Builds data that is used in the dialog
-     */
-    buildDialogData: async function _buildDialogData() {
-      const name = this.data?.name;
-      if (name) {
-        const hasDefaultContent = this.hasDefaultContentForName(name);
-        const extensionPointList = [{
-          key: 0,
-          value: name
-        }];
-        this.updateModel(name, 0, extensionPointList, false, hasDefaultContent);
-      } else {
-        // In this case we are selecting from the application. There can be many extension points under one control.
-        const extensionPointList = this.data.info.map((v, idx) => {
-          return {
-            key: idx,
-            value: v.name
-          };
-        });
-        const firstElName = extensionPointList[0].value;
-        const enabled = extensionPointList.length > 1;
-        const hasDefaultContent = this.hasDefaultContentForName(firstElName);
-        this.updateModel(firstElName, 0, extensionPointList, enabled, hasDefaultContent);
-      }
-      try {
-        const {
-          fragments
-        } = await getFragments();
-        this.model.setProperty('/fragmentList', fragments);
-      } catch (e) {
-        this.handleError(e);
-      }
-    },
-    /**
-     * Updates the Select control according to provided values
-     *
-     * @param name Extension point name
-     * @param key Selected extension point key
-     * @param list All of the extension points that are under a view
-     * @param enabled Enables the select control
-     * @param hasDefaultContent Whether there is default content associated with the extension name
-     */
-    updateModel: function _updateModel(name, key, list, enabled, hasDefaultContent) {
-      this.model.setProperty('/extensionPointName', name);
-      this.model.setProperty('/extensionPointKey', key);
-      this.model.setProperty('/extensionPointList', list);
-      this.model.setProperty('/extensionListEnabled', enabled);
-      this.model.setProperty('/hasDefaultContent', hasDefaultContent);
-    },
-    /**
-     * Creates add xml at extension point changes
-     *
-     * @param fragmentName Fragment name
-     */
-    createExtensionPointFragmentChange: function _createExtensionPointFragmentChange(fragmentName) {
-      const extensionPointName = this.model.getProperty('/extensionPointName');
-      const modifiedValue = {
-        fragment: `<core:FragmentDefinition xmlns:core='sap.ui.core'></core:FragmentDefinition>`,
-        fragmentPath: `fragments/${fragmentName}.fragment.xml`,
-        extensionPointName
-      };
-      this.data.deferred.resolve(modifiedValue);
+'use strict';
+sap.ui.define([
+    'sap/ui/model/json/JSONModel',
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    '../../utils/error',
+    '../../utils/info-center-message',
+    '../api-handler',
+    './BaseDialog.controller'
+], function (JSONModel, ___sap_ux_private_control_property_editor_common, ____utils_error, ____utils_info_center_message, ___api_handler, __BaseDialog) {
+    'use strict';
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
     }
-  });
-  return ExtensionPoint;
-});
-//# sourceMappingURL=ExtensionPoint.controller.js.map
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
+    const getError = ____utils_error['getError'];
+    const sendInfoCenterMessage = ____utils_info_center_message['sendInfoCenterMessage'];
+    const getFragments = ___api_handler['getFragments'];
+    const BaseDialog = _interopRequireDefault(__BaseDialog);
+    const ExtensionPoint = BaseDialog.extend('open.ux.preview.client.adp.controllers.ExtensionPoint', {
+        constructor: function _constructor(name, _overlays, rta, data) {
+            BaseDialog.prototype.constructor.call(this, name);
+            this.model = new JSONModel();
+            this.data = data;
+            this.rta = rta;
+        },
+        setup: async function _setup(dialog) {
+            this.dialog = dialog;
+            this.setEscapeHandler();
+            await this.buildDialogData();
+            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');
+            this.createExtensionPointFragmentChange(fragmentName);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_CREATE_XML_FRAGMENT_TITLE' },
+                description: {
+                    key: 'ADP_CREATE_XML_FRAGMENT_DESCRIPTION',
+                    params: [fragmentName]
+                },
+                type: MessageBarType.info
+            });
+            this.handleDialogClose();
+        },
+        onExtensionPointHandler: function _onExtensionPointHandler(event) {
+            const source = event.getSource();
+            const selectedItem = source.getSelectedItem();
+            let extensionPointName = '';
+            if (selectedItem) {
+                extensionPointName = selectedItem.getText();
+            }
+            this.model.setProperty('/extensionPointName', extensionPointName);
+            const hasDefaultContent = this.hasDefaultContentForName(extensionPointName);
+            this.model.setProperty('/hasDefaultContent', hasDefaultContent);
+        },
+        hasDefaultContentForName: function _hasDefaultContentForName(name) {
+            const defaultContent = this.data?.info.find(v => v.name === name)?.defaultContent;
+            return defaultContent ? defaultContent.length > 0 : false;
+        },
+        buildDialogData: async function _buildDialogData() {
+            const name = this.data?.name;
+            if (name) {
+                const hasDefaultContent = this.hasDefaultContentForName(name);
+                const extensionPointList = [{
+                        key: 0,
+                        value: name
+                    }];
+                this.updateModel(name, 0, extensionPointList, false, hasDefaultContent);
+            } else {
+                const extensionPointList = this.data.info.map((v, idx) => {
+                    return {
+                        key: idx,
+                        value: v.name
+                    };
+                });
+                const firstElName = extensionPointList[0].value;
+                const enabled = extensionPointList.length > 1;
+                const hasDefaultContent = this.hasDefaultContentForName(firstElName);
+                this.updateModel(firstElName, 0, extensionPointList, enabled, hasDefaultContent);
+            }
+            try {
+                const {fragments} = await getFragments();
+                this.model.setProperty('/fragmentList', fragments);
+            } catch (e) {
+                const error = getError(e);
+                await sendInfoCenterMessage({
+                    title: { key: 'ADP_EXTENSION_POINT_ERROR_TITLE' },
+                    description: error.message,
+                    type: MessageBarType.error
+                });
+                throw error;
+            }
+        },
+        updateModel: function _updateModel(name, key, list, enabled, hasDefaultContent) {
+            this.model.setProperty('/extensionPointName', name);
+            this.model.setProperty('/extensionPointKey', key);
+            this.model.setProperty('/extensionPointList', list);
+            this.model.setProperty('/extensionListEnabled', enabled);
+            this.model.setProperty('/hasDefaultContent', hasDefaultContent);
+        },
+        createExtensionPointFragmentChange: function _createExtensionPointFragmentChange(fragmentName) {
+            const extensionPointName = this.model.getProperty('/extensionPointName');
+            const modifiedValue = {
+                fragment: `<core:FragmentDefinition xmlns:core='sap.ui.core'></core:FragmentDefinition>`,
+                fragmentPath: `fragments/${ fragmentName }.fragment.xml`,
+                extensionPointName
+            };
+            this.data.deferred.resolve(modifiedValue);
+        }
+    });
+    return ExtensionPoint;
+});

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

@@ -1,7 +1,7 @@
 /** sap.m */
 import type Button from 'sap/m/Button';
-import type Select from 'sap/m/Select';
 import type Dialog from 'sap/m/Dialog';
+import type Select from 'sap/m/Select';
 
 /** sap.ui.core */
 import type UI5Element from 'sap/ui/core/Element';
@@ -15,10 +15,12 @@ import JSONModel from 'sap/ui/model/json/JSONModel';
 /** sap.ui.rta */
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 
+import { MessageBarType } from '@sap-ux-private/control-property-editor-common';
+import { getError } from '../../utils/error';
+import { sendInfoCenterMessage } from '../../utils/info-center-message';
 import { getFragments } from '../api-handler';
-import BaseDialog from './BaseDialog.controller';
 import { ExtensionPointData, ExtensionPointInfo } from '../extension-point';
-import { notifyUser } from '../utils';
+import BaseDialog from './BaseDialog.controller';
 
 type ExtensionPointModel = JSONModel & {
     getProperty(sPath: '/newFragmentName'): string;
@@ -70,7 +72,11 @@ export default class ExtensionPoint extends BaseDialog<ExtensionPointModel> {
 
         this.createExtensionPointFragmentChange(fragmentName);
 
-        notifyUser(`Note: The '${fragmentName}.fragment.xml' fragment will be created once you save the change.`, 8000);
+        await sendInfoCenterMessage({
+            title: { key: 'ADP_CREATE_XML_FRAGMENT_TITLE' },
+            description: { key: 'ADP_CREATE_XML_FRAGMENT_DESCRIPTION', params: [fragmentName] },
+            type: MessageBarType.info
+        });
 
         this.handleDialogClose();
     }
@@ -138,7 +144,13 @@ export default class ExtensionPoint extends BaseDialog<ExtensionPointModel> {
 
             this.model.setProperty('/fragmentList', fragments);
         } catch (e) {
-            this.handleError(e);
+            const error = getError(e);
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_EXTENSION_POINT_ERROR_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
+            throw error;
         }
     }
 

package/dist/client/adp/init.js

@@ -3,13 +3,14 @@ sap.ui.define([
     'sap/base/Log',
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     '../utils/version',
-    '../cpe/communication-service',
     '../cpe/init',
     './sync-views-utils',
     '../utils/application',
     './quick-actions/load',
-    './init-dialogs'
-], function (log, ___sap_ux_private_control_property_editor_common, ___utils_version, ___cpe_communication_service, __init, ___sync_views_utils, ___utils_application, ___quick_actions_load, ___init_dialogs) {
+    './init-dialogs',
+    '../utils/info-center-message',
+    '../cpe/communication-service'
+], function (log, ___sap_ux_private_control_property_editor_common, ___utils_version, __init, ___sync_views_utils, ___utils_application, ___quick_actions_load, ___init_dialogs, ___utils_info_center_message, ___cpe_communication_service) {
     'use strict';
     function _interopRequireDefault(obj) {
         return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
@@ -27,18 +28,21 @@ sap.ui.define([
             });
         });
     }
-    const showMessage = ___sap_ux_private_control_property_editor_common['showMessage'];
     const enableTelemetry = ___sap_ux_private_control_property_editor_common['enableTelemetry'];
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
+    const toggleAppPreviewVisibility = ___sap_ux_private_control_property_editor_common['toggleAppPreviewVisibility'];
+    const getFullyQualifiedUi5Version = ___utils_version['getFullyQualifiedUi5Version'];
     const getUi5Version = ___utils_version['getUi5Version'];
-    const getUI5VersionValidationMessage = ___utils_version['getUI5VersionValidationMessage'];
     const isLowerThanMinimalUi5Version = ___utils_version['isLowerThanMinimalUi5Version'];
-    const CommunicationService = ___cpe_communication_service['CommunicationService'];
+    const minVersionInfo = ___utils_version['minVersionInfo'];
     const init = _interopRequireDefault(__init);
     const updateSyncViewsIds = ___sync_views_utils['updateSyncViewsIds'];
     const showSyncViewsWarning = ___sync_views_utils['showSyncViewsWarning'];
     const getApplicationType = ___utils_application['getApplicationType'];
     const loadDefinitions = ___quick_actions_load['loadDefinitions'];
     const initDialogs = ___init_dialogs['initDialogs'];
+    const sendInfoCenterMessage = ___utils_info_center_message['sendInfoCenterMessage'];
+    const CommunicationService = ___cpe_communication_service['CommunicationService'];
     var __exports = async function (rta) {
         const flexSettings = rta.getFlexSettings();
         if (flexSettings.telemetry === true) {
@@ -77,10 +81,18 @@ sap.ui.define([
             log.error('Failed to attach update event to outline service', error);
         });
         if (isLowerThanMinimalUi5Version(ui5VersionInfo)) {
-            CommunicationService.sendAction(showMessage({
-                message: getUI5VersionValidationMessage(ui5VersionInfo),
-                shouldHideIframe: true
-            }));
+            await sendInfoCenterMessage({
+                title: { key: 'FLP_UI5_VERSION_WARNING_TITLE' },
+                description: {
+                    key: 'FLP_UI5_VERSION_WARNING_DESCRIPTION',
+                    params: [
+                        getFullyQualifiedUi5Version(ui5VersionInfo),
+                        getFullyQualifiedUi5Version(minVersionInfo)
+                    ]
+                },
+                type: MessageBarType.error
+            });
+            CommunicationService.sendAction(toggleAppPreviewVisibility(false));
             return;
         }
         log.debug('ADP init executed.');

package/dist/client/adp/init.ts

@@ -2,17 +2,27 @@ import log from 'sap/base/Log';
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 import type RTAOutlineService from 'sap/ui/rta/command/OutlineService';
 
-import { showMessage, enableTelemetry } from '@sap-ux-private/control-property-editor-common';
+import {
+    enableTelemetry,
+    MessageBarType,
+    toggleAppPreviewVisibility
+} from '@sap-ux-private/control-property-editor-common';
 
-import { getUi5Version, getUI5VersionValidationMessage, isLowerThanMinimalUi5Version } from '../utils/version';
+import {
+    getFullyQualifiedUi5Version,
+    getUi5Version,
+    isLowerThanMinimalUi5Version,
+    minVersionInfo
+} from '../utils/version';
 
-import { CommunicationService } from '../cpe/communication-service';
 import init from '../cpe/init';
 import { updateSyncViewsIds, showSyncViewsWarning } from './sync-views-utils';
 import { getApplicationType } from '../utils/application';
 
 import { loadDefinitions } from './quick-actions/load';
 import { initDialogs } from './init-dialogs';
+import { sendInfoCenterMessage } from '../utils/info-center-message';
+import { CommunicationService } from '../cpe/communication-service';
 
 export default async function (rta: RuntimeAuthoring) {
     const flexSettings = rta.getFlexSettings();
@@ -47,19 +57,27 @@ export default async function (rta: RuntimeAuthoring) {
 
     // Register synchronious views detection and warning
     // This is not awaited to prevent deadlock in the initialization
-    rta.getService<RTAOutlineService>('outline').then((outlineService) => {
-        outlineService.attachEvent('update', async () => {
-            await updateSyncViewsIds(ui5VersionInfo);
-            await showSyncViewsWarning();
+    rta.getService<RTAOutlineService>('outline')
+        .then((outlineService) => {
+            outlineService.attachEvent('update', async () => {
+                await updateSyncViewsIds(ui5VersionInfo);
+                await showSyncViewsWarning();
+            });
+        })
+        .catch((error) => {
+            log.error('Failed to attach update event to outline service', error);
         });
-    }).catch((error) => {
-        log.error('Failed to attach update event to outline service', error);
-    });
 
     if (isLowerThanMinimalUi5Version(ui5VersionInfo)) {
-        CommunicationService.sendAction(
-            showMessage({ message: getUI5VersionValidationMessage(ui5VersionInfo), shouldHideIframe: true })
-        );
+        await sendInfoCenterMessage({
+            title: { key: 'FLP_UI5_VERSION_WARNING_TITLE' },
+            description: {
+                key: 'FLP_UI5_VERSION_WARNING_DESCRIPTION',
+                params: [getFullyQualifiedUi5Version(ui5VersionInfo), getFullyQualifiedUi5Version(minVersionInfo)]
+            },
+            type: MessageBarType.error
+        });
+        CommunicationService.sendAction(toggleAppPreviewVisibility(false));
         return;
     }
 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../utils", "../../../cpe/quick-actions/utils", "../../dialog-factory", "../../init-dialogs", "../../api-handler", "../simple-quick-action-base", "../dialog-enablement-validator", "../../../i18n"], function (OverlayRegistry, _____utils_version, ____utils, _____cpe_quick_actions_utils, ____dialog_factory, ____init_dialogs, ____api_handler, ___simple_quick_action_base, ___dialog_enablement_validator, _____i18n) {
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../utils", "../../../cpe/quick-actions/utils", "../../../i18n", "../../api-handler", "../../dialog-factory", "../../init-dialogs", "../dialog-enablement-validator", "../simple-quick-action-base"], function (OverlayRegistry, _____utils_version, ____utils, _____cpe_quick_actions_utils, _____i18n, ____api_handler, ____dialog_factory, ____init_dialogs, ___dialog_enablement_validator, ___simple_quick_action_base) {
   "use strict";
 
   const getUi5Version = _____utils_version["getUi5Version"];
@@ -8,13 +8,13 @@ sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/version", "../../uti
   const getReuseComponentChecker = ____utils["getReuseComponentChecker"];
   const checkForExistingChange = ____utils["checkForExistingChange"];
   const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const getTextBundle = _____i18n["getTextBundle"];
+  const getExistingController = ____api_handler["getExistingController"];
   const DialogFactory = ____dialog_factory["DialogFactory"];
   const DialogNames = ____dialog_factory["DialogNames"];
   const isControllerExtensionEnabledForControl = ____init_dialogs["isControllerExtensionEnabledForControl"];
-  const getExistingController = ____api_handler["getExistingController"];
-  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
   const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
-  const getTextBundle = _____i18n["getTextBundle"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
   const ADD_CONTROLLER_TO_PAGE_TYPE = 'add-controller-to-page';
   const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
 

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

@@ -8,13 +8,13 @@ import type {
     QuickActionContext,
     SimpleQuickActionDefinition
 } from '../../../cpe/quick-actions/quick-action-definition';
+import { getTextBundle } from '../../../i18n';
+import { getExistingController } from '../../api-handler';
 import { DialogFactory, DialogNames } from '../../dialog-factory';
 import { isControllerExtensionEnabledForControl } from '../../init-dialogs';
-import { getExistingController } from '../../api-handler';
-import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
 import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
 import type { EnablementValidatorResult } from '../enablement-validator';
-import { getTextBundle } from '../../../i18n';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
 
 export const ADD_CONTROLLER_TO_PAGE_TYPE = 'add-controller-to-page';
 const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
@@ -33,7 +33,9 @@ export class AddControllerToPageQuickAction
                 run: async (): Promise<EnablementValidatorResult> => {
                     const controllerName = getControllerInfoForControl(this.context.view).controllerName;
                     const i18n = await getTextBundle();
-                    if (checkForExistingChange(this.context.rta, 'codeExt', 'selector.controllerName', controllerName)) {
+                    if (
+                        checkForExistingChange(this.context.rta, 'codeExt', 'selector.controllerName', controllerName)
+                    ) {
                         return {
                             type: 'error',
                             message: i18n.getText('ADP_QUICK_ACTION_CONTROLLER_PENDING_CHANGE_EXISTS')