@sap-ux/preview-middleware 0.20.73 → 0.20.74

package/dist/client/cpe/selection.js

@@ -8,8 +8,9 @@ sap.ui.define([
     'sap/ui/dt/OverlayRegistry',
     'sap/ui/dt/OverlayUtil',
     '../utils/core',
-    '../utils/error'
-], function (___sap_ux_private_control_property_editor_common, ___control_data, ___utils, Log, ___documentation, OverlayRegistry, OverlayUtil, ___utils_core, ___utils_error) {
+    '../utils/error',
+    '../utils/info-center-message'
+], function (___sap_ux_private_control_property_editor_common, ___control_data, ___utils, Log, ___documentation, OverlayRegistry, OverlayUtil, ___utils_core, ___utils_error, ___utils_info_center_message) {
     'use strict';
     const controlSelected = ___sap_ux_private_control_property_editor_common['controlSelected'];
     const propertyChanged = ___sap_ux_private_control_property_editor_common['propertyChanged'];
@@ -17,6 +18,7 @@ sap.ui.define([
     const reportTelemetry = ___sap_ux_private_control_property_editor_common['reportTelemetry'];
     const changeProperty = ___sap_ux_private_control_property_editor_common['changeProperty'];
     const PropertyType = ___sap_ux_private_control_property_editor_common['PropertyType'];
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
     const buildControlData = ___control_data['buildControlData'];
     const getOverlay = ___utils['getOverlay'];
     const getRuntimeControl = ___utils['getRuntimeControl'];
@@ -24,6 +26,7 @@ sap.ui.define([
     const getComponent = ___utils_core['getComponent'];
     const getControlById = ___utils_core['getControlById'];
     const getError = ___utils_error['getError'];
+    const sendInfoCenterMessage = ___utils_info_center_message['sendInfoCenterMessage'];
     function propertyChangeId(controlId, propertyName) {
         return [
             controlId,
@@ -67,7 +70,15 @@ sap.ui.define([
             const eventOrigin = new Set();
             const onselectionChange = this.createOnSelectionChangeHandler(sendAction, eventOrigin);
             this.rta.attachSelectionChange(event => {
-                onselectionChange(event).catch(error => Log.error('Event interrupted: ', getError(error)));
+                onselectionChange(event).catch(error => {
+                    const extendedError = getError(error);
+                    Log.error('Event interrupted: ', extendedError);
+                    return sendInfoCenterMessage({
+                        title: { key: 'CHANGE_SELECTION_ERROR_TITLE' },
+                        description: extendedError.message,
+                        type: MessageBarType.error
+                    });
+                });
             });
             subscribe(async action => {
                 if (changeProperty.match(action)) {
@@ -152,7 +163,8 @@ sap.ui.define([
                                 });
                             }
                         } catch (error) {
-                            Log.error('Failed to report telemetry', getError(error));
+                            const extendedError = getError(error);
+                            Log.error('Failed to report telemetry', extendedError);
                         } finally {
                             await this.buildProperties(runtimeControl, sendAction, overlayControl);
                             eventOrigin.delete('outline');

package/dist/client/cpe/selection.ts

@@ -6,7 +6,8 @@ import {
     reportTelemetry,
     Properties,
     changeProperty,
-    PropertyType
+    PropertyType,
+    MessageBarType
 } from '@sap-ux-private/control-property-editor-common';
 import { buildControlData } from './control-data';
 import { getOverlay, getRuntimeControl, ManagedObjectMetadataProperties, PropertiesInfo } from './utils';
@@ -24,6 +25,7 @@ import OverlayUtil from 'sap/ui/dt/OverlayUtil';
 import { getComponent, getControlById } from '../utils/core';
 import { getError } from '../utils/error';
 import { ChangeService } from './changes';
+import { sendInfoCenterMessage } from '../utils/info-center-message';
 
 export interface PropertyChangeParams {
     name: string;
@@ -112,7 +114,15 @@ export class SelectionService implements Service {
         const eventOrigin: Set<string> = new Set();
         const onselectionChange = this.createOnSelectionChangeHandler(sendAction, eventOrigin);
         this.rta.attachSelectionChange((event) => {
-            onselectionChange(event).catch((error) => Log.error('Event interrupted: ', getError(error)));
+            onselectionChange(event).catch((error) => {
+                const extendedError = getError(error);
+                Log.error('Event interrupted: ', extendedError);
+                return sendInfoCenterMessage({
+                    title: { key: 'CHANGE_SELECTION_ERROR_TITLE' },
+                    description: extendedError.message,
+                    type: MessageBarType.error
+                });
+            });
         });
         subscribe(async (action: ExternalAction): Promise<void> => {
             if (changeProperty.match(action)) {
@@ -216,7 +226,8 @@ export class SelectionService implements Service {
                             reportTelemetry({ category: 'Overlay Selection', controlName: name });
                         }
                     } catch (error) {
-                        Log.error('Failed to report telemetry', getError(error));
+                        const extendedError = getError(error);
+                        Log.error('Failed to report telemetry', extendedError);
                     } finally {
                         await this.buildProperties(runtimeControl, sendAction, overlayControl);
                         eventOrigin.delete('outline');

package/dist/client/flp/init.js

@@ -9,9 +9,8 @@ sap.ui.define([
     './initCdm',
     './initConnectors',
     '../utils/version',
-    '../cpe/communication-service',
-    '../i18n'
-], function (Log, ___sap_ux_private_control_property_editor_common, IconPool, ResourceBundle, ___adp_api_handler, ___utils_error, __initCdm, __initConnectors, ___utils_version, ___cpe_communication_service, ___i18n) {
+    '../utils/info-center-message'
+], function (Log, ___sap_ux_private_control_property_editor_common, IconPool, ResourceBundle, ___adp_api_handler, ___utils_error, __initCdm, __initConnectors, ___utils_version, ___utils_info_center_message) {
     'use strict';
     function _interopRequireDefault(obj) {
         return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
@@ -29,16 +28,15 @@ sap.ui.define([
             });
         });
     }
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
     const SCENARIO = ___sap_ux_private_control_property_editor_common['SCENARIO'];
-    const showMessage = ___sap_ux_private_control_property_editor_common['showMessage'];
     const getManifestAppdescr = ___adp_api_handler['getManifestAppdescr'];
     const getError = ___utils_error['getError'];
     const initCdm = _interopRequireDefault(__initCdm);
     const initConnectors = _interopRequireDefault(__initConnectors);
     const getUi5Version = ___utils_version['getUi5Version'];
     const isLowerThanMinimalUi5Version = ___utils_version['isLowerThanMinimalUi5Version'];
-    const CommunicationService = ___cpe_communication_service['CommunicationService'];
-    const getTextBundle = ___i18n['getTextBundle'];
+    const sendInfoCenterMessage = ___utils_info_center_message['sendInfoCenterMessage'];
     const UI5_LIBS = [
         'sap.apf',
         'sap.base',
@@ -144,6 +142,11 @@ sap.ui.define([
                 registerModules(await response.json());
             } catch (error) {
                 Log.error(`Registering of reuse libs failed. Error:${ error }`);
+                await sendInfoCenterMessage({
+                    title: { key: 'FLP_REGISTER_LIBS_FAILED_TITLE' },
+                    description: getError(error).message,
+                    type: MessageBarType.error
+                });
             }
         }
     }
@@ -232,6 +235,11 @@ sap.ui.define([
                         try {
                             await startAdaptation(options, pluginScript);
                         } catch (error) {
+                            await sendInfoCenterMessage({
+                                title: { key: 'FLP_ADAPTATION_START_FAILED_TITLE' },
+                                description: getError(error).message,
+                                type: MessageBarType.error
+                            });
                             await handleHigherLayerChanges(error, ui5VersionInfo);
                         }
                     });
@@ -251,6 +259,11 @@ sap.ui.define([
             });
         } else {
             Log.warning('Card generator is not supported for the current UI5 version.');
+            await sendInfoCenterMessage({
+                title: { key: 'FLP_CARD_GENERATOR_NOT_SUPPORTED_TITLE' },
+                description: { key: 'FLP_CARD_GENERATOR_NOT_SUPPORTED_DESCRIPTION' },
+                type: MessageBarType.warning
+            });
         }
         if (urlParams.get('fiori-tools-iapp-state')?.toLocaleLowerCase() !== 'true') {
             await resetAppState(container);
@@ -282,6 +295,11 @@ sap.ui.define([
         }).catch(e => {
             const error = getError(e);
             Log.error('Sandbox initialization failed: ' + error.message);
+            return sendInfoCenterMessage({
+                title: { key: 'FLP_SANDBOX_INIT_FAILED_TITLE' },
+                description: error.message,
+                type: MessageBarType.error
+            });
         });
     }
     async function handleHigherLayerChanges(error, ui5VersionInfo) {
@@ -291,12 +309,11 @@ sap.ui.define([
                     major: 1,
                     minor: 84
                 })) {
-                const bundle = await getTextBundle();
-                const action = showMessage({
-                    message: bundle.getText('HIGHER_LAYER_CHANGES_INFO_MESSAGE'),
-                    shouldHideIframe: false
+                await sendInfoCenterMessage({
+                    title: { key: 'HIGHER_LAYER_CHANGES_TITLE' },
+                    description: { key: 'HIGHER_LAYER_CHANGES_INFO_MESSAGE' },
+                    type: MessageBarType.warning
                 });
-                CommunicationService.sendAction(action);
             }
             window.location.reload();
         }

package/dist/client/flp/init.ts

@@ -1,7 +1,7 @@
 import Log from 'sap/base/Log';
 import type AppLifeCycle from 'sap/ushell/services/AppLifeCycle';
 import type { InitRtaScript, RTAPlugin, StartAdaptation } from 'sap/ui/rta/api/startAdaptation';
-import { SCENARIO, showMessage, type Scenario } from '@sap-ux-private/control-property-editor-common';
+import { MessageBarType, SCENARIO, type Scenario } from '@sap-ux-private/control-property-editor-common';
 import type { FlexSettings, RTAOptions } from 'sap/ui/rta/RuntimeAuthoring';
 import IconPool from 'sap/ui/core/IconPool';
 import ResourceBundle from 'sap/base/i18n/ResourceBundle';
@@ -11,11 +11,10 @@ import { getError } from '../utils/error';
 import initCdm from './initCdm';
 import initConnectors from './initConnectors';
 import { getUi5Version, isLowerThanMinimalUi5Version, Ui5VersionInfo } from '../utils/version';
-import { CommunicationService } from '../cpe/communication-service';
-import { getTextBundle } from '../i18n';
 import type Component from 'sap/ui/core/Component';
 import type Extension from 'sap/ushell/services/Extension';
 import type { CardGeneratorType } from 'sap/cards/ap/generator';
+import { sendInfoCenterMessage } from '../utils/info-center-message';
 
 /**
  * SAPUI5 delivered namespaces from https://ui5.sap.com/#/api/sap
@@ -197,6 +196,11 @@ export async function registerComponentDependencyPaths(appUrls: string[], urlPar
             registerModules((await response.json()) as AppIndexData);
         } catch (error) {
             Log.error(`Registering of reuse libs failed. Error:${error}`);
+            await sendInfoCenterMessage({
+                title: { key: 'FLP_REGISTER_LIBS_FAILED_TITLE' },
+                description: getError(error).message,
+                type: MessageBarType.error
+            });
         }
     }
 }
@@ -256,14 +260,12 @@ export function setI18nTitle(resourceBundle: ResourceBundle, i18nKey = 'appTitle
 
 /**
  * This function dynamically adds a "Generate Card" action to the SAP Fiori Launchpad for the given component instance.
- * 
+ *
  * @param componentInstance - The instance of the component for which the card generation action is being added.
  * @param container - The SAP Fiori Launchpad container instance used to access services.
  */
-function addCardGenerationUserAction(componentInstance : Component, container : typeof sap.ushell.Container) {
-    sap.ui.require([
-        'sap/cards/ap/generator/CardGenerator'
-    ], async (CardGenerator : CardGeneratorType) => {
+function addCardGenerationUserAction(componentInstance: Component, container: typeof sap.ushell.Container) {
+    sap.ui.require(['sap/cards/ap/generator/CardGenerator'], async (CardGenerator: CardGeneratorType) => {
         const extensionService = await container.getServiceAsync<Extension>('Extension');
         const controlProperties = {
             icon: 'sap-icon://add',
@@ -303,7 +305,7 @@ export async function init({
     flex?: string | null;
     customInit?: string | null;
     enhancedHomePage?: boolean | null;
-    enableCardGenerator?: boolean
+    enableCardGenerator?: boolean;
 }): Promise<void> {
     // Set CDM configuration before importing ushell container
     // to ensure proper configuration pickup during bootstrap
@@ -312,8 +314,9 @@ export async function init({
     }
 
     const urlParams = new URLSearchParams(window.location.search);
-    const container = sap?.ushell?.Container ??
-        (await import('sap/ushell/Container')).default as unknown as typeof sap.ushell.Container;
+    const container =
+        sap?.ushell?.Container ??
+        ((await import('sap/ushell/Container')).default as unknown as typeof sap.ushell.Container);
     let scenario: string = '';
     const ui5VersionInfo = await getUi5Version();
     // Register RTA if configured
@@ -352,6 +355,11 @@ export async function init({
                         try {
                             await startAdaptation(options, pluginScript);
                         } catch (error) {
+                            await sendInfoCenterMessage({
+                                title: { key: 'FLP_ADAPTATION_START_FAILED_TITLE' },
+                                description: getError(error).message,
+                                type: MessageBarType.error
+                            });
                             await handleHigherLayerChanges(error, ui5VersionInfo);
                         }
                     }
@@ -367,9 +375,14 @@ export async function init({
                 addCardGenerationUserAction(componentInstance as unknown as Component, container);
             });
         });
-    } else {  
+    } else {
         Log.warning('Card generator is not supported for the current UI5 version.');
-    } 
+        await sendInfoCenterMessage({
+            title: { key: 'FLP_CARD_GENERATOR_NOT_SUPPORTED_TITLE' },
+            description: { key: 'FLP_CARD_GENERATOR_NOT_SUPPORTED_DESCRIPTION' },
+            type: MessageBarType.warning
+        });
+    }
 
     // reset app state if requested
     if (urlParams.get('fiori-tools-iapp-state')?.toLocaleLowerCase() !== 'true') {
@@ -399,7 +412,7 @@ export async function init({
     }
 
     const renderer =
-        (ui5VersionInfo.major < 2 && !ui5VersionInfo.label?.includes('legacy-free'))
+        ui5VersionInfo.major < 2 && !ui5VersionInfo.label?.includes('legacy-free')
             ? await container.createRenderer(undefined, true)
             : await container.createRendererInternal(undefined, true);
     renderer.placeAt('content');
@@ -417,6 +430,11 @@ if (bootstrapConfig) {
     }).catch((e) => {
         const error = getError(e);
         Log.error('Sandbox initialization failed: ' + error.message);
+        return sendInfoCenterMessage({
+            title: { key: 'FLP_SANDBOX_INIT_FAILED_TITLE' },
+            description: error.message,
+            type: MessageBarType.error
+        });
     });
 }
 
@@ -432,12 +450,11 @@ export async function handleHigherLayerChanges(error: unknown, ui5VersionInfo: U
     const err = getError(error);
     if (err.message.includes('Reload triggered')) {
         if (!isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 84 })) {
-            const bundle = await getTextBundle();
-            const action = showMessage({
-                message: bundle.getText('HIGHER_LAYER_CHANGES_INFO_MESSAGE'),
-                shouldHideIframe: false
+            await sendInfoCenterMessage({
+                title: { key: 'HIGHER_LAYER_CHANGES_TITLE' },
+                description: { key: 'HIGHER_LAYER_CHANGES_INFO_MESSAGE' },
+                type: MessageBarType.warning
             });
-            CommunicationService.sendAction(action);
         }
 
         // eslint-disable-next-line fiori-custom/sap-no-location-reload

package/dist/client/messagebundle.properties

@@ -52,10 +52,43 @@ ADP_ADD_FRAGMENT_MENU_ITEM_UNSTABLE_ID = Add: Fragment (This action is disabled
 ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM = Extend Controller
 ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_REUSE_COMPONENT = Extend Controller (This action is disabled because the control is a reuse component)
 ADP_ADD_CONTROLLER_EXTENSION_MENU_ITEM_SYNC_VIEW = Extend Controller (This action is disabled because the controls are part of a synchronous view)
-CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE = Note: The change will be visible after save and reload. 
+ADP_SYNC_VIEWS_TITLE = Synchronous Views Detected
+ADP_CREATE_XML_FRAGMENT_TITLE = Create XML Fragment
+ADP_CREATE_XML_FRAGMENT_DESCRIPTION = Note: The ''{0}.fragment.xml'' fragment will be created once you save the change.
+ADP_GET_COMMAND_FAILURE_TITLE = Get Command Failed
+ADP_GET_COMMAND_FAILURE_DESCRIPTION = Could not get the command for ''{0}''. {1}.
+ADP_GET_COMPOSITE_COMMAND_FAILURE_DESCRIPTION = Could not get the composite command. {0}.
+ADP_RUN_COMMAND_FAILED_TITLE = Run Command Failed
+ADP_ADD_FRAGMENT_FAILURE_TITLE = Add Fragment Failed
+ADP_GET_FRAGMENTS_FAILURE_TITLE = Get Fragments Failed
+ADP_CONTROLLER_ERROR_TITLE = Controller Error
+ADP_EXTENSION_POINT_ERROR_TITLE = Extension Point Error
+ADP_GET_ANNOTATION_ERROR_TITLE = Get Annotation Error
+ADP_CREATE_CONTROLLER_EXTENSION_TITLE = Create Controller Extension
+ADP_CREATE_CONTROLLER_EXTENSION_DESCRIPTION = Controller extension with name ''{0}'' was created.
+CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_TITLE = Save and Reload Required
+CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_DESCRIPTION = Note: The change will be visible after save and reload.
+CHANGE_CREATION_FAILED_TITLE = Change Creation Failed
+OUTLINE_ERROR_TITLE = Outline Update Failed
+DOCUMENTATION_ERROR_TITLE = Documentation Error
+DOCUMENTATION_ERROR_DESCRIPTION = An error occurred in getting documentation for {0}. Check the control exists and try again.
+LIBRARY_ERROR_TITLE = Library Error
+INIT_ERROR_TITLE = Control Property Editor Initialization Failed
+CHANGE_SELECTION_ERROR_TITLE = Change Selection Error
+FLP_REGISTER_LIBS_FAILED_TITLE = Registering of Reuse Libraries Failed
+FLP_ADAPTATION_START_FAILED_TITLE = Adaptation Initialization Failed
+FLP_SANDBOX_INIT_FAILED_TITLE = Sandbox Initialization Failed
+FLP_UI_VERSION_RETRIEVAL_FAILURE_TITLE = SAPUI5 Version Retrieval Failed
+FLP_UI_INVALID_UI5_VERSION_DESCRIPTION = Invalid version info
+FLP_UI_VERSION_RETRIEVAL_FAILURE_DESCRIPTION = Could not get the SAPUI5 version of the application. Using {0} as fallback.
+FLP_UI5_VERSION_WARNING_TITLE = SAPUI5 Version Warning
+FLP_UI5_VERSION_WARNING_DESCRIPTION = The current SAPUI5 version set for this adaptation project is {0}. The minimum version for SAPUI5 Adaptation Project and its SAPUI5 Adaptation Editor is {1}. Install version {1} or higher.
+FLP_CARD_GENERATOR_NOT_SUPPORTED_TITLE = Card Generator Not Supported
+FLP_CARD_GENERATOR_NOT_SUPPORTED_DESCRIPTION = The card generator is not supported by the SAPUI5 version you have installed. Install a supported version.
 
 TABLE_ROWS_NEEDED_TO_CREATE_CUSTOM_COLUMN=At least one table row is required to create a new custom column. Make sure the table data is loaded and try again.
 
+HIGHER_LAYER_CHANGES_TITLE = Higher Layer Changes Detected
 HIGHER_LAYER_CHANGES_INFO_MESSAGE=The preview of the project was reloaded due to detected changes in higher layer than the one used in your project.
 
 TABLE_CUSTOM_COLUMN_ACTION_NOT_AVAILABLE=This action has been disabled because the table rows are not available. Please load the table data and try again

package/dist/client/thirdparty/@sap-ux-private/control-property-editor-common.js

@@ -8,7 +8,7 @@ sap.ui.define((function () { 'use strict';
 
 	(function (exports) {
 		Object.defineProperty(exports, "__esModule", { value: true });
-		exports.requestControlContextMenu = exports.showInfoCenterMessage = exports.externalFileChange = exports.setApplicationRequiresReload = exports.executeContextMenuAction = exports.executeQuickAction = exports.updateQuickAction = exports.quickActionListChanged = exports.save = exports.redo = exports.undo = exports.appLoaded = exports.setSaveEnablement = exports.setUndoRedoEnablement = exports.applicationModeChanged = exports.setAppMode = exports.storageFileChanged = exports.reloadApplication = exports.showMessage = exports.changeStackModified = exports.propertyChangeFailed = exports.propertyChanged = exports.changeProperty = exports.outlineChanged = exports.deletePropertyChanges = exports.addExtensionPoint = exports.selectControl = exports.controlSelected = exports.iconsLoaded = exports.EXTERNAL_ACTION_PREFIX = exports.REJECTED_SUFFIX = exports.FULFILLED_SUFFIX = exports.PENDING_SUFFIX = exports.MessageBarType = exports.NESTED_QUICK_ACTION_KIND = exports.SIMPLE_QUICK_ACTION_KIND = exports.CONTROL_CHANGE_KIND = exports.GENERIC_CHANGE_KIND = exports.UNKNOWN_CHANGE_KIND = exports.SAVED_CHANGE_TYPE = exports.PENDING_CHANGE_TYPE = exports.PropertyType = exports.SCENARIO = exports.CHECKBOX_EDITOR_TYPE = exports.DROPDOWN_EDITOR_TYPE = exports.INPUT_EDITOR_TYPE = exports.STRING_VALUE_TYPE = exports.FLOAT_VALUE_TYPE = exports.INTEGER_VALUE_TYPE = exports.BOOLEAN_VALUE_TYPE = void 0;
+		exports.requestControlContextMenu = exports.showInfoCenterMessage = exports.externalFileChange = exports.setApplicationRequiresReload = exports.executeContextMenuAction = exports.executeQuickAction = exports.updateQuickAction = exports.quickActionListChanged = exports.save = exports.redo = exports.undo = exports.appLoaded = exports.setSaveEnablement = exports.setUndoRedoEnablement = exports.applicationModeChanged = exports.setAppMode = exports.storageFileChanged = exports.reloadApplication = exports.toggleAppPreviewVisibility = exports.changeStackModified = exports.propertyChangeFailed = exports.propertyChanged = exports.changeProperty = exports.outlineChanged = exports.deletePropertyChanges = exports.addExtensionPoint = exports.selectControl = exports.controlSelected = exports.iconsLoaded = exports.EXTERNAL_ACTION_PREFIX = exports.REJECTED_SUFFIX = exports.FULFILLED_SUFFIX = exports.PENDING_SUFFIX = exports.MessageBarType = exports.NESTED_QUICK_ACTION_KIND = exports.SIMPLE_QUICK_ACTION_KIND = exports.CONTROL_CHANGE_KIND = exports.GENERIC_CHANGE_KIND = exports.UNKNOWN_CHANGE_KIND = exports.SAVED_CHANGE_TYPE = exports.PENDING_CHANGE_TYPE = exports.PropertyType = exports.SCENARIO = exports.CHECKBOX_EDITOR_TYPE = exports.DROPDOWN_EDITOR_TYPE = exports.INPUT_EDITOR_TYPE = exports.STRING_VALUE_TYPE = exports.FLOAT_VALUE_TYPE = exports.INTEGER_VALUE_TYPE = exports.BOOLEAN_VALUE_TYPE = void 0;
 		exports.createAsyncActionFactory = createAsyncActionFactory;
 		exports.BOOLEAN_VALUE_TYPE = 'boolean';
 		exports.INTEGER_VALUE_TYPE = 'integer';
@@ -161,7 +161,7 @@ sap.ui.define((function () { 'use strict';
 		exports.propertyChanged = createExternalAction('property-changed');
 		exports.propertyChangeFailed = createExternalAction('change-property-failed');
 		exports.changeStackModified = createExternalAction('change-stack-modified');
-		exports.showMessage = createExternalAction('show-dialog-message');
+		exports.toggleAppPreviewVisibility = createExternalAction('toggle-app-preview-visibility');
 		exports.reloadApplication = createExternalAction('reload-application');
 		exports.storageFileChanged = createExternalAction('storage-file-changed');
 		exports.setAppMode = createExternalAction('set-app-mode');

package/dist/client/utils/info-center-message.js

@@ -0,0 +1,33 @@
+'use strict';
+sap.ui.define([
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    '../cpe/communication-service',
+    '../i18n'
+], function (___sap_ux_private_control_property_editor_common, ___cpe_communication_service, ___i18n) {
+    'use strict';
+    const showInfoCenterMessage = ___sap_ux_private_control_property_editor_common['showInfoCenterMessage'];
+    const CommunicationService = ___cpe_communication_service['CommunicationService'];
+    const getTextBundle = ___i18n['getTextBundle'];
+    async function sendInfoCenterMessage(_ref) {
+        let {title, description, details, type} = _ref;
+        CommunicationService.sendAction(showInfoCenterMessage({
+            title: await getTranslation(title),
+            description: await getTranslation(description),
+            details: await getTranslation(details),
+            type
+        }));
+    }
+    async function getTranslation(value) {
+        if (value === undefined) {
+            return undefined;
+        }
+        if (typeof value === 'string') {
+            return value;
+        }
+        const bundle = await getTextBundle();
+        return bundle.getText(value.key, value.params);
+    }
+    var __exports = { __esModule: true };
+    __exports.sendInfoCenterMessage = sendInfoCenterMessage;
+    return __exports;
+});

package/dist/client/utils/info-center-message.ts

@@ -0,0 +1,60 @@
+import { MessageBarType, showInfoCenterMessage } from '@sap-ux-private/control-property-editor-common';
+import { CommunicationService } from '../cpe/communication-service';
+import { getTextBundle } from '../i18n';
+
+/**
+ * Localization key interface for defining message keys and optional parameters.
+ */
+interface LocalizationKey {
+    key: string;
+    params?: string[];
+}
+
+/**
+ * InfoCenterMessage interface for defining the structure of an Info center message.
+ * It includes title, description, optional details, and type.
+ */
+interface InfoCenterMessage {
+    title: LocalizationKey | string;
+    description: LocalizationKey | string;
+    details?: LocalizationKey | string;
+    type: MessageBarType;
+}
+
+/**
+ * Shows a localized/plain string message in the Info center.
+ *
+ * @param {InfoCenterMessage} message - The message object containing title, description,
+ * details and type for the message. Each text in the message can be localized or
+ * left as a plain string.
+ */
+export async function sendInfoCenterMessage({ title, description, details, type }: InfoCenterMessage): Promise<void> {
+    CommunicationService.sendAction(
+        showInfoCenterMessage({
+            title: (await getTranslation(title))!,
+            description: (await getTranslation(description))!,
+            details: await getTranslation(details),
+            type
+        })
+    );
+}
+
+/**
+ * Util function which returns translation for a localization key or a plain string.
+ * If the value is undefined, it returns undefined.
+ *
+ * @param {LocalizationKey | string | undefined} value - The localization key, plain string or undefined.
+ * @returns {Promise<string>} A promise that resolves to the translated string.
+ */
+async function getTranslation(value: LocalizationKey | string | undefined): Promise<string | undefined> {
+    if (value === undefined) {
+        return undefined;
+    }
+
+    if (typeof value === 'string') {
+        return value;
+    }
+
+    const bundle = await getTextBundle();
+    return bundle.getText(value.key, value.params);
+}