@sap-ux/preview-middleware 0.20.73 → 0.21.0

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

@@ -1,39 +1,40 @@
 import type {
+    ConfigurationValue,
     ExternalAction,
     PendingChange,
-    UnknownSavedChange,
+    PendingGenericChange,
+    SavedChange,
     SavedControlChange,
-    ConfigurationValue,
     SavedGenericChange,
-    SavedChange,
-    PendingGenericChange
+    UnknownSavedChange
 } from '@sap-ux-private/control-property-editor-common';
 import {
     changeProperty,
     changeStackModified,
     deletePropertyChanges,
-    propertyChangeFailed,
     FlexChangesEndPoints,
+    GENERIC_CHANGE_KIND,
+    MessageBarType,
+    PENDING_CHANGE_TYPE,
+    propertyChangeFailed,
     reloadApplication,
-    setApplicationRequiresReload,
     save,
-    PENDING_CHANGE_TYPE,
-    UNKNOWN_CHANGE_KIND,
-    GENERIC_CHANGE_KIND
+    setApplicationRequiresReload,
+    UNKNOWN_CHANGE_KIND
 } from '@sap-ux-private/control-property-editor-common';
-import { applyChange } from './flex-change';
-import type { ActionSenderFunction, SubscribeFunction, UI5AdaptationOptions } from '../types';
-import type Event from 'sap/ui/base/Event';
-import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import Log from 'sap/base/Log';
-import { modeAndStackChangeHandler } from '../rta-service';
+import type Event from 'sap/ui/base/Event';
+import UI5Element from 'sap/ui/core/Element';
 import { ChangeDefinition } from 'sap/ui/fl/Change';
-import { getError } from '../../utils/error';
-import MessageToast from 'sap/m/MessageToast';
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import { getTextBundle } from '../../i18n';
-import { getControlById, isA } from '../../utils/core';
-import UI5Element from 'sap/ui/core/Element';
 import { setAdditionalChangeInfo } from '../../utils/additional-change-info';
+import { getControlById, isA } from '../../utils/core';
+import { getError } from '../../utils/error';
+import { sendInfoCenterMessage } from '../../utils/info-center-message';
+import { modeAndStackChangeHandler } from '../rta-service';
+import type { ActionSenderFunction, SubscribeFunction, UI5AdaptationOptions } from '../types';
+import { applyChange } from './flex-change';
 import {
     ChangeHandler,
     ChangeType,
@@ -115,6 +116,11 @@ export class ChangeService extends EventTarget {
                     const modifiedMessage = modifyRTAErrorMessage(error.toString(), id, name);
                     const errorMessage =
                         modifiedMessage || `RTA Exception applying expression "${action.payload.value}"`;
+                    await sendInfoCenterMessage({
+                        title: { key: 'CHANGE_CREATION_FAILED_TITLE' },
+                        description: errorMessage,
+                        type: MessageBarType.error
+                    });
                     const propertyChangeFailedAction = propertyChangeFailed({ ...action.payload, errorMessage });
                     sendAction(propertyChangeFailedAction);
                 }
@@ -315,7 +321,6 @@ export class ChangeService extends EventTarget {
                     Log.error('CPE: Change creation Failed', getError(error));
                 }
             }
-            const resourceBundle = await getTextBundle();
             const eventIndex = this.eventStack.indexOf(event);
             if (this.eventStack.length - 1 === eventIndex) {
                 this.pendingChanges = pendingChanges.filter((change): boolean => !!change);
@@ -324,8 +329,10 @@ export class ChangeService extends EventTarget {
                     0
                 );
                 if (changesRequiringReload > this.changesRequiringReload) {
-                    MessageToast.show(resourceBundle.getText('CPE_CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_MESSAGE'), {
-                        duration: 8000
+                    await sendInfoCenterMessage({
+                        title: { key: 'CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_TITLE' },
+                        description: { key: 'CHANGES_VISIBLE_AFTER_SAVE_AND_RELOAD_DESCRIPTION' },
+                        type: MessageBarType.info
                     });
                     this.sendAction(setApplicationRequiresReload(changesRequiringReload > 0));
                 }

package/dist/client/cpe/documentation.js

@@ -1,166 +1,132 @@
-"use strict";
-
-sap.ui.define(["./utils", "sap/base/Log"], function (___utils, Log) {
-  "use strict";
-
-  const getLibrary = ___utils["getLibrary"];
-  /**
-   * Get ui5 metadata of given library name.
-   *
-   * @param libName library name for eg: sap.m
-   * @returns Promise<SchemaForApiJsonFiles>
-   */
-  async function getUi5ApiDtMetadata(libName) {
-    const libUrl = '/test-resources/' + libName.split('.').join('/') + '/designtime/api.json';
-    return fetch(libUrl).then(res => res.json());
-  }
-
-  /**
-   * load ui5 controls design time metadata api.json for following libraries
-   * sap.m, sap.ui.comp, sap.f, sap.ui.core
-   * loading libraries(more in file size) in parallel during initialization.
-   * Others (less in file size) are loaded dynamically in getControlMetadata method
-   */
-  const ui5ApiDtMetadata = new Map();
-  function loadDefaultLibraries() {
-    const allData = Promise.all([getUi5ApiDtMetadata('sap.m'), getUi5ApiDtMetadata('sap.ui.comp'), getUi5ApiDtMetadata('sap.ui.core'), getUi5ApiDtMetadata('sap.f')]);
-    allData.then(res => {
-      res.forEach(api => {
-        if (api.library) {
-          ui5ApiDtMetadata.set(api.library, api);
-        }
-      });
-    }).catch(reason => Log.error('Loading Library Failed: ' + reason));
-  }
-
-  /**
-   * Format html text.
-   *
-   * @param sHtml - html string
-   * @returns string
-   */
-  function formatHtmlText(sHtml) {
-    // replaced "sHtml.replace(new RegExp('<[^>]*>', 'g')" due to regex runtime vulnerability
-    const parts = (sHtml || '').split('<');
-    let result = '';
-    for (const part of parts) {
-      if (!result) {
-        result = part;
-      } else {
-        const indexClosingBracket = part.indexOf('>');
-        result += indexClosingBracket >= 0 ? part.substring(indexClosingBracket + 1) : `<${part}`;
-      }
+'use strict';
+sap.ui.define([
+    './utils',
+    'sap/base/Log',
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    '../utils/info-center-message',
+    '../utils/error'
+], function (___utils, Log, ___sap_ux_private_control_property_editor_common, ___utils_info_center_message, ___utils_error) {
+    'use strict';
+    const getLibrary = ___utils['getLibrary'];
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
+    const sendInfoCenterMessage = ___utils_info_center_message['sendInfoCenterMessage'];
+    const getError = ___utils_error['getError'];
+    async function getUi5ApiDtMetadata(libName) {
+        const libUrl = '/test-resources/' + libName.split('.').join('/') + '/designtime/api.json';
+        return fetch(libUrl).then(res => res.json());
     }
-    return result;
-  }
-
-  /**
-   * Method to parse ui5 control metadata.
-   *
-   * @param controlLibMetadata control library metadata
-   * @param controlName name of the control
-   * @returns ControlMetadata
-   */
-  function parseControlMetaModel(controlLibMetadata, controlName) {
-    const controlInfo = {
-      baseType: '',
-      doc: '',
-      properties: {}
-    };
-    const selectedControlMetadata = (controlLibMetadata.symbols ?? []).find(control => control.name === controlName);
-    if (selectedControlMetadata) {
-      // base type info of control is available on property 'extends'
-      controlInfo.baseType = selectedControlMetadata.extends;
-      controlInfo.doc = selectedControlMetadata.description ?? '';
-      const properties = selectedControlMetadata['ui5-metadata'].properties;
-      if (properties) {
-        properties.forEach(prop => {
-          prop.description = formatHtmlText(prop.description || '');
-          prop.propertyName = prop.name;
-          prop.propertyType = prop.type;
-          if (prop.defaultValue === null || prop.defaultValue === '') {
-            prop.defaultValue = '-';
-          }
-          controlInfo.properties[prop.name] = {
-            ...prop
-          };
+    const ui5ApiDtMetadata = new Map();
+    function loadDefaultLibraries() {
+        const allData = Promise.all([
+            getUi5ApiDtMetadata('sap.m'),
+            getUi5ApiDtMetadata('sap.ui.comp'),
+            getUi5ApiDtMetadata('sap.ui.core'),
+            getUi5ApiDtMetadata('sap.f')
+        ]);
+        allData.then(res => {
+            res.forEach(api => {
+                if (api.library) {
+                    ui5ApiDtMetadata.set(api.library, api);
+                }
+            });
+        }).catch(reason => {
+            Log.error('Loading Library Failed: ' + reason);
+            return sendInfoCenterMessage({
+                title: { key: 'LIBRARY_ERROR_TITLE' },
+                description: getError(reason).message,
+                type: MessageBarType.error
+            });
         });
-      }
     }
-    return controlInfo;
-  }
-
-  /**
-   * Get control metadata for a given control.
-   *
-   * @param controlName name of the control
-   * @param contLibName library name of the control
-   * @returns Promise<ControlMetadata | undefined>
-   */
-  async function getControlMetadata(controlName, contLibName) {
-    let result;
-    let controlLibMetadata = ui5ApiDtMetadata.get(contLibName);
-    if (controlLibMetadata) {
-      result = parseControlMetaModel(controlLibMetadata, controlName);
-    } else {
-      controlLibMetadata = await getUi5ApiDtMetadata(contLibName);
-      ui5ApiDtMetadata.set(contLibName, controlLibMetadata);
-      result = parseControlMetaModel(controlLibMetadata, controlName);
+    function formatHtmlText(sHtml) {
+        const parts = (sHtml || '').split('<');
+        let result = '';
+        for (const part of parts) {
+            if (!result) {
+                result = part;
+            } else {
+                const indexClosingBracket = part.indexOf('>');
+                result += indexClosingBracket >= 0 ? part.substring(indexClosingBracket + 1) : `<${ part }`;
+            }
+        }
+        return result;
+    }
+    function parseControlMetaModel(controlLibMetadata, controlName) {
+        const controlInfo = {
+            baseType: '',
+            doc: '',
+            properties: {}
+        };
+        const selectedControlMetadata = (controlLibMetadata.symbols ?? []).find(control => control.name === controlName);
+        if (selectedControlMetadata) {
+            controlInfo.baseType = selectedControlMetadata.extends;
+            controlInfo.doc = selectedControlMetadata.description ?? '';
+            const properties = selectedControlMetadata['ui5-metadata'].properties;
+            if (properties) {
+                properties.forEach(prop => {
+                    prop.description = formatHtmlText(prop.description || '');
+                    prop.propertyName = prop.name;
+                    prop.propertyType = prop.type;
+                    if (prop.defaultValue === null || prop.defaultValue === '') {
+                        prop.defaultValue = '-';
+                    }
+                    controlInfo.properties[prop.name] = { ...prop };
+                });
+            }
+        }
+        return controlInfo;
     }
-    return result;
-  }
-
-  /**
-   * Get Control Property Documentation for a give control name and control library.
-   *
-   * @param controlName name of the control
-   * @param contLibName library name of the control
-   * @returns Promise<Properties | undefined>
-   */
-  async function getControlPropertyDocumentation(controlName, contLibName) {
-    const doc = await getControlMetadata(controlName, contLibName);
-    if (doc) {
-      const baseControlType = doc.baseType;
-      if (baseControlType) {
-        const baseContLibName = await getLibrary(baseControlType);
-        if (baseContLibName) {
-          const baseControlProps = await getControlPropertyDocumentation(baseControlType, baseContLibName);
-          return {
-            ...baseControlProps,
-            ...doc.properties
-          };
+    async function getControlMetadata(controlName, contLibName) {
+        let result;
+        let controlLibMetadata = ui5ApiDtMetadata.get(contLibName);
+        if (controlLibMetadata) {
+            result = parseControlMetaModel(controlLibMetadata, controlName);
+        } else {
+            controlLibMetadata = await getUi5ApiDtMetadata(contLibName);
+            ui5ApiDtMetadata.set(contLibName, controlLibMetadata);
+            result = parseControlMetaModel(controlLibMetadata, controlName);
         }
-      }
-      return {
-        ...doc.properties
-      };
-    } else {
-      return undefined;
+        return result;
     }
-  }
-
-  /**
-   * Get documentation of a given control of a ui5 library.
-   *
-   * @param controlName name of the control.
-   * @param contLibName library name of the control
-   * @returns Promise<Properties | undefined>
-   */
-  async function getDocumentation(controlName, contLibName) {
-    let doc;
-    try {
-      doc = await getControlPropertyDocumentation(controlName, contLibName);
-    } catch (err) {
-      Log.error(`Error in getting documentation for ${contLibName}`);
+    async function getControlPropertyDocumentation(controlName, contLibName) {
+        const doc = await getControlMetadata(controlName, contLibName);
+        if (doc) {
+            const baseControlType = doc.baseType;
+            if (baseControlType) {
+                const baseContLibName = await getLibrary(baseControlType);
+                if (baseContLibName) {
+                    const baseControlProps = await getControlPropertyDocumentation(baseControlType, baseContLibName);
+                    return {
+                        ...baseControlProps,
+                        ...doc.properties
+                    };
+                }
+            }
+            return { ...doc.properties };
+        } else {
+            return undefined;
+        }
+    }
+    async function getDocumentation(controlName, contLibName) {
+        let doc;
+        try {
+            doc = await getControlPropertyDocumentation(controlName, contLibName);
+        } catch (err) {
+            Log.error(`Error in getting documentation for ${ contLibName }`);
+            await sendInfoCenterMessage({
+                title: { key: 'DOCUMENTATION_ERROR_TITLE' },
+                description: {
+                    key: 'DOCUMENTATION_ERROR_DESCRIPTION',
+                    params: [contLibName]
+                },
+                type: MessageBarType.error
+            });
+        }
+        return doc;
     }
-    return doc;
-  }
-  var __exports = {
-    __esModule: true
-  };
-  __exports.getUi5ApiDtMetadata = getUi5ApiDtMetadata;
-  __exports.loadDefaultLibraries = loadDefaultLibraries;
-  __exports.getDocumentation = getDocumentation;
-  return __exports;
-});
-//# sourceMappingURL=documentation.js.map
+    var __exports = { __esModule: true };
+    __exports.getUi5ApiDtMetadata = getUi5ApiDtMetadata;
+    __exports.loadDefaultLibraries = loadDefaultLibraries;
+    __exports.getDocumentation = getDocumentation;
+    return __exports;
+});

package/dist/client/cpe/documentation.ts

@@ -2,7 +2,9 @@ import { getLibrary } from './utils';
 import type { SchemaForApiJsonFiles, Ui5Metadata, Ui5Property } from './api-json';
 import type { Properties } from './utils';
 import Log from 'sap/base/Log';
-import { PropertiesInfo } from '@sap-ux-private/control-property-editor-common';
+import { MessageBarType, PropertiesInfo } from '@sap-ux-private/control-property-editor-common';
+import { sendInfoCenterMessage } from '../utils/info-center-message';
+import { getError } from '../utils/error';
 
 export interface ControlMetadata {
     baseType: string | undefined;
@@ -43,7 +45,14 @@ export function loadDefaultLibraries(): void {
                 }
             });
         })
-        .catch((reason) => Log.error('Loading Library Failed: ' + reason));
+        .catch((reason) => {
+            Log.error('Loading Library Failed: ' + reason);
+            return sendInfoCenterMessage({
+                title: { key: 'LIBRARY_ERROR_TITLE' },
+                description: getError(reason).message,
+                type: MessageBarType.error
+            });
+        });
 }
 
 /**
@@ -163,6 +172,11 @@ export async function getDocumentation(controlName: string, contLibName: string)
         doc = await getControlPropertyDocumentation(controlName, contLibName);
     } catch (err) {
         Log.error(`Error in getting documentation for ${contLibName}`);
+        await sendInfoCenterMessage({
+            title: { key: 'DOCUMENTATION_ERROR_TITLE' },
+            description: { key: 'DOCUMENTATION_ERROR_DESCRIPTION', params: [contLibName] },
+            type: MessageBarType.error
+        });
     }
     return doc;
 }

package/dist/client/cpe/init.js

@@ -12,12 +12,14 @@ sap.ui.define([
     '../utils/error',
     './quick-actions/quick-action-service',
     './communication-service',
-    './context-menu-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, ___context_menu_service) {
+    './context-menu-service',
+    '../utils/info-center-message'
+], 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, ___context_menu_service, ___utils_info_center_message) {
     'use strict';
     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'];
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
     const OutlineService = ___outline_service['OutlineService'];
     const SelectionService = ___selection['SelectionService'];
     const ChangeService = ___changes_service['ChangeService'];
@@ -29,6 +31,7 @@ sap.ui.define([
     const QuickActionService = ___quick_actions_quick_action_service['QuickActionService'];
     const CommunicationService = ___communication_service['CommunicationService'];
     const ContextMenuService = ___context_menu_service['ContextMenuService'];
+    const sendInfoCenterMessage = ___utils_info_center_message['sendInfoCenterMessage'];
     function init(rta) {
         let registries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
         Log.info('Initializing Control Property Editor');
@@ -59,16 +62,35 @@ sap.ui.define([
             loadDefaultLibraries();
             const allPromises = services.map(service => {
                 return service.init(CommunicationService.sendAction, subscribe)?.catch(error => {
-                    Log.error('Service Initialization Failed: ', getError(error));
+                    const extendedError = getError(error);
+                    Log.error('Service Initialization Failed: ', extendedError);
+                    return sendInfoCenterMessage({
+                        title: { key: 'INIT_ERROR_TITLE' },
+                        description: extendedError.message,
+                        type: MessageBarType.error
+                    });
                 });
             });
             Promise.all(allPromises).then(() => {
                 CommunicationService.sendAction(appLoaded());
-            }).catch(Log.error);
+            }).catch(error => {
+                Log.error(error);
+                return sendInfoCenterMessage({
+                    title: { key: 'INIT_ERROR_TITLE' },
+                    description: getError(error).message,
+                    type: MessageBarType.error
+                });
+            });
             const icons = getIcons();
             CommunicationService.sendAction(iconsLoaded(icons));
         } catch (error) {
-            Log.error('Error during initialization of Control Property Editor', getError(error));
+            const extendedError = getError(error);
+            Log.error('Error during initialization of Control Property Editor', extendedError);
+            void sendInfoCenterMessage({
+                title: { key: 'INIT_ERROR_TITLE' },
+                description: extendedError.message,
+                type: MessageBarType.error
+            });
         }
         return Promise.resolve();
     }

package/dist/client/cpe/init.ts

@@ -1,7 +1,12 @@
 import Log from 'sap/base/Log';
 import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 
-import { iconsLoaded, enableTelemetry, appLoaded } from '@sap-ux-private/control-property-editor-common';
+import {
+    iconsLoaded,
+    enableTelemetry,
+    appLoaded,
+    MessageBarType
+} from '@sap-ux-private/control-property-editor-common';
 
 import type { ActionHandler, Service } from './types';
 import { OutlineService } from './outline/service';
@@ -16,6 +21,7 @@ import { QuickActionService } from './quick-actions/quick-action-service';
 import type { QuickActionDefinitionRegistry } from './quick-actions/registry';
 import { CommunicationService } from './communication-service';
 import { ContextMenuService } from './context-menu-service';
+import { sendInfoCenterMessage } from '../utils/info-center-message';
 
 export default function init(
     rta: RuntimeAuthoring,
@@ -59,7 +65,13 @@ export default function init(
         loadDefaultLibraries();
         const allPromises = services.map((service) => {
             return service.init(CommunicationService.sendAction, subscribe)?.catch((error) => {
-                Log.error('Service Initialization Failed: ', getError(error));
+                const extendedError = getError(error);
+                Log.error('Service Initialization Failed: ', extendedError);
+                return sendInfoCenterMessage({
+                    title: { key: 'INIT_ERROR_TITLE' },
+                    description: extendedError.message,
+                    type: MessageBarType.error
+                });
             });
         });
         Promise.all(allPromises)
@@ -67,11 +79,24 @@ export default function init(
                 CommunicationService.sendAction(appLoaded());
             })
             // eslint-disable-next-line @typescript-eslint/unbound-method
-            .catch(Log.error);
+            .catch((error) => {
+                Log.error(error);
+                return sendInfoCenterMessage({
+                    title: { key: 'INIT_ERROR_TITLE' },
+                    description: getError(error).message,
+                    type: MessageBarType.error
+                });
+            });
         const icons = getIcons();
         CommunicationService.sendAction(iconsLoaded(icons));
     } catch (error) {
-        Log.error('Error during initialization of Control Property Editor', getError(error));
+        const extendedError = getError(error);
+        Log.error('Error during initialization of Control Property Editor', extendedError);
+        void sendInfoCenterMessage({
+            title: { key: 'INIT_ERROR_TITLE' },
+            description: extendedError.message,
+            type: MessageBarType.error
+        });
     }
 
     //  * This is returned immediately to avoid promise deadlock, preventing services from waiting indefinitely.

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

@@ -3,12 +3,15 @@ sap.ui.define([
     'sap/base/Log',
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     '../../utils/error',
-    './nodes'
-], function (Log, ___sap_ux_private_control_property_editor_common, ____utils_error, ___nodes) {
+    './nodes',
+    '../../utils/info-center-message'
+], function (Log, ___sap_ux_private_control_property_editor_common, ____utils_error, ___nodes, ____utils_info_center_message) {
     'use strict';
+    const MessageBarType = ___sap_ux_private_control_property_editor_common['MessageBarType'];
     const outlineChanged = ___sap_ux_private_control_property_editor_common['outlineChanged'];
     const getError = ____utils_error['getError'];
     const transformNodes = ___nodes['transformNodes'];
+    const sendInfoCenterMessage = ____utils_info_center_message['sendInfoCenterMessage'];
     const OUTLINE_CHANGE_EVENT = 'OUTLINE_CHANGED';
     class OutlineService extends EventTarget {
         constructor(rta, changeService) {
@@ -30,7 +33,13 @@ sap.ui.define([
                     sendAction(outlineChanged(outlineNodes));
                     await this.changeService.updateConfigurationProps(configPropertyIdMap);
                 } catch (error) {
-                    Log.error('Outline sync failed!', getError(error));
+                    const extendError = getError(error);
+                    Log.error('Outline sync failed!', extendError);
+                    await sendInfoCenterMessage({
+                        title: { key: 'OUTLINE_ERROR_TITLE' },
+                        description: extendError.message,
+                        type: MessageBarType.error
+                    });
                 }
             };
             await syncOutline();

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

@@ -3,14 +3,13 @@ import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 import type RTAOutlineService from 'sap/ui/rta/command/OutlineService';
 
 import type { ExternalAction } from '@sap-ux-private/control-property-editor-common';
-import {
-    outlineChanged
-} from '@sap-ux-private/control-property-editor-common';
+import { MessageBarType, outlineChanged } from '@sap-ux-private/control-property-editor-common';
 
 import { getError } from '../../utils/error';
 import { ControlTreeIndex } from '../types';
 import { transformNodes } from './nodes';
 import { ChangeService } from '../changes';
+import { sendInfoCenterMessage } from '../../utils/info-center-message';
 
 export const OUTLINE_CHANGE_EVENT = 'OUTLINE_CHANGED';
 
@@ -21,10 +20,7 @@ export interface OutlineChangedEventDetail {
  * A Class of WorkspaceConnectorService
  */
 export class OutlineService extends EventTarget {
-    constructor(
-        private readonly rta: RuntimeAuthoring,
-        private readonly changeService: ChangeService
-    ) {
+    constructor(private readonly rta: RuntimeAuthoring, private readonly changeService: ChangeService) {
         super();
     }
 
@@ -58,7 +54,13 @@ export class OutlineService extends EventTarget {
                 sendAction(outlineChanged(outlineNodes));
                 await this.changeService.updateConfigurationProps(configPropertyIdMap);
             } catch (error) {
-                Log.error('Outline sync failed!', getError(error));
+                const extendError = getError(error);
+                Log.error('Outline sync failed!', extendError);
+                await sendInfoCenterMessage({
+                    title: { key: 'OUTLINE_ERROR_TITLE' },
+                    description: extendError.message,
+                    type: MessageBarType.error
+                });
             }
         };
         await syncOutline();

package/dist/client/cpe/quick-actions/quick-action-service.ts

@@ -26,7 +26,6 @@ import { DialogFactory } from '../../adp/dialog-factory';
 import { getApplicationType } from '../../utils/application';
 import { getUi5Version } from '../../utils/version';
 
-
 /**
  * Service providing Quick Actions.
  */