@sap-ux/preview-middleware 0.19.3 → 0.19.5

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

@@ -31,8 +31,8 @@ sap.ui.define([
     const TREE_TABLE_TYPE = ___quick_actions_control_types['TREE_TABLE_TYPE'];
     const radix = 10;
     const AddFragment = BaseDialog.extend('open.ux.preview.client.adp.controllers.AddFragment', {
-        constructor: function _constructor(name, overlays, rta, options) {
-            BaseDialog.prototype.constructor.call(this, name);
+        constructor: function _constructor(name, overlays, rta, options, telemetryData) {
+            BaseDialog.prototype.constructor.call(this, name, telemetryData);
             this.options = options;
             this.rta = rta;
             this.overlays = overlays;
@@ -71,6 +71,7 @@ sap.ui.define([
             this.model.setProperty('/selectedIndex', updatedIndexArray.length - 1);
         },
         onCreateBtnPress: async function _onCreateBtnPress(event) {
+            await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
             const source = event.getSource();
             source.setEnabled(false);
             const fragmentName = this.model.getProperty('/newFragmentName');

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

@@ -37,6 +37,7 @@ import {
     MDC_TABLE_TYPE,
     TREE_TABLE_TYPE
 } from '../quick-actions/control-types';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
 
 interface CreateFragmentProps {
     fragmentName: string;
@@ -64,8 +65,14 @@ export interface AddFragmentOptions {
  * @namespace open.ux.preview.client.adp.controllers
  */
 export default class AddFragment extends BaseDialog<AddFragmentModel> {
-    constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring, readonly options: AddFragmentOptions) {
-        super(name);
+    constructor(
+        name: string,
+        overlays: UI5Element,
+        rta: RuntimeAuthoring,
+        readonly options: AddFragmentOptions,
+        telemetryData?: QuickActionTelemetryData
+    ) {
+        super(name, telemetryData);
         this.rta = rta;
         this.overlays = overlays;
         this.model = new JSONModel({
@@ -135,6 +142,7 @@ export default class AddFragment extends BaseDialog<AddFragmentModel> {
      * @param event Event
      */
     async onCreateBtnPress(event: Event) {
+        await super.onCreateBtnPressHandler();
         const source = event.getSource<Button>();
         source.setEnabled(false);
 

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

@@ -18,8 +18,8 @@ sap.ui.define([
     const CommunicationService = ____cpe_communication_service['CommunicationService'];
     const setApplicationRequiresReload = ___sap_ux_private_control_property_editor_common['setApplicationRequiresReload'];
     const AddSubpage = BaseDialog.extend('open.ux.preview.client.adp.controllers.AddSubpage', {
-        constructor: function _constructor(name, overlays, rta, options) {
-            BaseDialog.prototype.constructor.call(this, name);
+        constructor: function _constructor(name, overlays, rta, options, telemetryData) {
+            BaseDialog.prototype.constructor.call(this, name, telemetryData);
             this.options = options;
             this.rta = rta;
             this.overlays = overlays;
@@ -50,6 +50,7 @@ sap.ui.define([
             this.model.setProperty('/selectedNavigation/key', selectedKey);
         },
         onCreateBtnPress: async function _onCreateBtnPress(event) {
+            await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
             const source = event.getSource();
             source.setEnabled(false);
             const flexSettings = this.rta.getFlexSettings();

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

@@ -25,6 +25,7 @@ import CommandFactory from 'sap/ui/rta/command/CommandFactory';
 import { ApplicationType } from '../../utils/application';
 import { CommunicationService } from '../../cpe/communication-service';
 import { setApplicationRequiresReload } from '@sap-ux-private/control-property-editor-common';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
 
 type SubpageType = 'ObjectPage' | 'CustomPage';
 
@@ -46,16 +47,22 @@ export interface AddSubpageOptions {
     pageDescriptor: {
         pageType: string;
         entitySet: string;
-        navProperties: { navProperty: string; entitySet: string }[]; 
-    } 
+        navProperties: { navProperty: string; entitySet: string }[];
+    };
 }
 
 /**
  * @namespace open.ux.preview.client.adp.controllers
  */
 export default class AddSubpage extends BaseDialog<AddSubpageModel> {
-    constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring, readonly options: AddSubpageOptions) {
-        super(name);
+    constructor(
+        name: string,
+        overlays: UI5Element,
+        rta: RuntimeAuthoring,
+        readonly options: AddSubpageOptions,
+        telemetryData?: QuickActionTelemetryData
+    ) {
+        super(name, telemetryData);
         this.rta = rta;
         this.overlays = overlays;
         this.model = new JSONModel({
@@ -104,6 +111,7 @@ export default class AddSubpage extends BaseDialog<AddSubpageModel> {
      * @param event Event
      */
     async onCreateBtnPress(event: Event) {
+        await super.onCreateBtnPressHandler();
         const source = event.getSource<Button>();
         source.setEnabled(false);
 

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

@@ -31,8 +31,8 @@ sap.ui.define([
     const ITEMS_AGGREGATION = 'items';
     const CELLS_AGGREGATION = 'cells';
     const AddTableColumnFragments = BaseDialog.extend('open.ux.preview.client.adp.controllers.AddTableColumnFragments', {
-        constructor: function _constructor(name, overlays, rta, options) {
-            BaseDialog.prototype.constructor.call(this, name);
+        constructor: function _constructor(name, overlays, rta, options, telemetryData) {
+            BaseDialog.prototype.constructor.call(this, name, telemetryData);
             this.options = options;
             this.rta = rta;
             this.overlays = overlays;
@@ -49,6 +49,7 @@ sap.ui.define([
             this.dialog.open();
         },
         onCreateBtnPress: async function _onCreateBtnPress(event) {
+            await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
             const source = event.getSource();
             source.setEnabled(false);
             const columnFragmentName = this.model.getProperty('/newColumnFragmentName');

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

@@ -38,6 +38,7 @@ import { ValueState } from 'sap/ui/core/library';
 import Input from 'sap/m/Input';
 import Control from 'sap/ui/core/Control';
 import ManagedObject from 'sap/ui/base/ManagedObject';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
 
 const radix = 10;
 
@@ -59,8 +60,15 @@ interface CreateFragmentProps {
  * @namespace open.ux.preview.client.adp.controllers
  */
 export default class AddTableColumnFragments extends BaseDialog<AddTableColumnsFragmentsModel> {
-    constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring, readonly options: AddFragmentOptions) {
-        super(name);
+
+    constructor(
+        name: string,
+        overlays: UI5Element,
+        rta: RuntimeAuthoring,
+        readonly options: AddFragmentOptions,
+        telemetryData?: QuickActionTelemetryData
+    ) {
+        super(name, telemetryData);
         this.rta = rta;
         this.overlays = overlays;
         this.model = new JSONModel({
@@ -94,6 +102,7 @@ export default class AddTableColumnFragments extends BaseDialog<AddTableColumnsF
      * @param event Event
      */
     async onCreateBtnPress(event: Event) {
+        await super.onCreateBtnPressHandler();
         const source = event.getSource<Button>();
         source.setEnabled(false);
 

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

@@ -1,189 +1,172 @@
-"use strict";
-
-sap.ui.define(["sap/ui/core/library", "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "../utils", "../../utils/error", "../../utils/core", "../control-utils", "sap/ui/dt/OverlayRegistry"], function (sap_ui_core_library, Controller, MessageToast, ___utils, ____utils_error, ____utils_core, __ControlUtils, OverlayRegistry) {
-  "use strict";
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
-  }
-  const ValueState = sap_ui_core_library["ValueState"];
-  const matchesFragmentName = ___utils["matchesFragmentName"];
-  const getError = ____utils_error["getError"];
-  const getControlById = ____utils_core["getControlById"];
-  const ControlUtils = _interopRequireDefault(__ControlUtils);
-  /**
-   * @namespace open.ux.preview.client.adp.controllers
-   */
-  const BaseDialog = Controller.extend("open.ux.preview.client.adp.controllers.BaseDialog", {
-    /**
-     * Method is used in add fragment dialog controllers to get current control metadata which are needed on the dialog
-     * @returns control metadata and target aggregations
-     */
-    getControlMetadata: function _getControlMetadata() {
-      const selectorId = this.overlays.getId();
-      let controlMetadata;
-      const overlayControl = getControlById(selectorId);
-      if (overlayControl) {
-        this.runtimeControl = ControlUtils.getRuntimeControl(overlayControl);
-        controlMetadata = this.runtimeControl.getMetadata();
-      } else {
-        throw new Error('Cannot get overlay control');
-      }
-      const allAggregations = Object.keys(controlMetadata.getAllAggregations());
-      const hiddenAggregations = ['customData', 'layoutData', 'dependents'];
-      const targetAggregation = allAggregations.filter(item => {
-        if (hiddenAggregations.indexOf(item) === -1) {
-          return item;
-        }
-        return false;
-      });
-      return {
-        controlMetadata,
-        targetAggregation
-      };
-    },
-    /**
-     * Fills indexArray from selected control children
-     *
-     * @param selectedControlChildren Array of numbers
-     * @returns Array of key value pairs
-     */
-    fillIndexArray: function _fillIndexArray(selectedControlChildren) {
-      let indexArray = [];
-      if (selectedControlChildren.length === 0) {
-        indexArray.push({
-          key: 0,
-          value: 0
-        });
-      } else {
-        indexArray = selectedControlChildren.map((elem, index) => {
-          return {
-            key: index + 1,
-            value: elem + 1
-          };
-        });
-        indexArray.unshift({
-          key: 0,
-          value: 0
-        });
-        indexArray.push({
-          key: selectedControlChildren.length + 1,
-          value: selectedControlChildren.length + 1
-        });
-      }
-      return indexArray;
-    },
-    /**
-     * Handles fragment name input change
-     *
-     * @param event Event
-     */
-    onFragmentNameInputChange: function _onFragmentNameInputChange(event) {
-      const input = event.getSource();
-      const beginBtn = this.dialog.getBeginButton();
-      const fragmentName = input.getValue();
-      const fragmentList = this.model.getProperty('/fragmentList');
-      const updateDialogState = function (valueState) {
-        let valueStateText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-        input.setValueState(valueState).setValueStateText(valueStateText);
-        beginBtn.setEnabled(valueState === ValueState.Success);
-      };
-      if (fragmentName.length <= 0) {
-        updateDialogState(ValueState.None);
-        this.model.setProperty('/newFragmentName', null);
-        return;
-      }
-      const fileExists = fragmentList.some(f => f.fragmentName === `${fragmentName}.fragment.xml`);
-      if (fileExists) {
-        updateDialogState(ValueState.Error, 'Enter a different name. The fragment name that you entered already exists in your project.');
-        return;
-      }
-      const isValidName = /^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(fragmentName);
-      if (!isValidName) {
-        updateDialogState(ValueState.Error, 'The fragment name cannot contain white spaces or special characters.');
-        return;
-      }
-      if (fragmentName.length > 64) {
-        updateDialogState(ValueState.Error, 'A fragment file name cannot contain more than 64 characters.');
-        return;
-      }
-      const changeExists = this.checkForExistingChange(fragmentName);
-      if (changeExists) {
-        updateDialogState(ValueState.Error, 'Enter a different name. The fragment name entered matches the name of an unsaved fragment.');
-        return;
-      }
-      updateDialogState(ValueState.Success);
-      this.model.setProperty('/newFragmentName', fragmentName);
-    },
-    /**
-     * Checks for the existence of a change associated with a specific fragment name in the RTA command stack.
-     *
-     * @param {string} fragmentName - The name of the fragment to check for existing changes.
-     * @returns {Promise<boolean>} A promise that resolves to `true` if a matching change is found, otherwise `false`.
-     */
-    checkForExistingChange: function _checkForExistingChange(fragmentName) {
-      const allCommands = this.rta.getCommandStack().getCommands();
-      return allCommands.some(command => {
-        if (typeof command.getCommands === 'function') {
-          const addXmlCommand = command.getCommands().find(c => c?.getProperty('name') === 'addXMLAtExtensionPoint');
-          return addXmlCommand && matchesFragmentName(addXmlCommand, fragmentName);
-        } else {
-          return matchesFragmentName(command, fragmentName);
-        }
-      });
-    },
-    /**
-     * Sets custom function that fires when user presses escape key.
-     */
-    setEscapeHandler: function _setEscapeHandler() {
-      this.dialog.setEscapeHandler(_ref => {
-        let {
-          resolve
-        } = _ref;
-        this.handleDialogClose();
-        resolve();
-      });
-    },
-    /**
-     * Handles the dialog closing and destruction of it.
-     */
-    handleDialogClose: function _handleDialogClose() {
-      this.dialog.close();
-      this.dialog.destroy();
-    },
-    /**
-     * Function that handles runtime thrown errors with MessageToast
-     *
-     * @param e error instance
-     * @throws {Error}.
-     */
-    handleError: function _handleError(e) {
-      const error = getError(e);
-      MessageToast.show(error.message, {
-        duration: 5000
-      });
-      throw error;
-    },
-    /**
-     * Handles the index field whenever a specific aggregation is chosen
-     *
-     * @param specialIndexAggregation string | number
-     */
-    specialIndexHandling: function _specialIndexHandling(specialIndexAggregation) {
-      const overlay = OverlayRegistry.getOverlay(this.runtimeControl);
-      const aggregations = overlay.getDesignTimeMetadata().getData().aggregations;
-      if (specialIndexAggregation in aggregations && 'specialIndexHandling' in aggregations[specialIndexAggregation]) {
-        const controlType = this.runtimeControl.getMetadata().getName();
-        this.model.setProperty('/indexHandlingFlag', false);
-        this.model.setProperty('/specialIndexHandlingIcon', true);
-        this.model.setProperty('/iconTooltip', `Index is defined by special logic of ${controlType} and can't be set here`);
-      } else {
-        this.model.setProperty('/indexHandlingFlag', true);
-        this.model.setProperty('/specialIndexHandlingIcon', false);
-        this.model.setProperty('/specialIndexHandlingIconPressed', false);
-      }
+'use strict';
+sap.ui.define([
+    'sap/ui/core/library',
+    'sap/ui/core/mvc/Controller',
+    'sap/m/MessageToast',
+    '../utils',
+    '../../utils/error',
+    '../../utils/core',
+    '../control-utils',
+    'sap/ui/dt/OverlayRegistry',
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    'sap/base/Log'
+], function (sap_ui_core_library, Controller, MessageToast, ___utils, ____utils_error, ____utils_core, __ControlUtils, OverlayRegistry, ___sap_ux_private_control_property_editor_common, Log) {
+    'use strict';
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
     }
-  });
-  return BaseDialog;
-});
-//# sourceMappingURL=BaseDialog.controller.js.map
+    const ValueState = sap_ui_core_library['ValueState'];
+    const matchesFragmentName = ___utils['matchesFragmentName'];
+    const getError = ____utils_error['getError'];
+    const getControlById = ____utils_core['getControlById'];
+    const ControlUtils = _interopRequireDefault(__ControlUtils);
+    const reportTelemetry = ___sap_ux_private_control_property_editor_common['reportTelemetry'];
+    const BaseDialog = Controller.extend('open.ux.preview.client.adp.controllers.BaseDialog', {
+        constructor: function _constructor(name, telemetryData) {
+            Controller.prototype.constructor.call(this, name);
+            this.telemetryData = telemetryData;
+        },
+        onCreateBtnPressHandler: async function _onCreateBtnPressHandler() {
+            try {
+                await reportTelemetry({
+                    category: 'Dialog',
+                    dialogName: this.dialog.getId(),
+                    ...this.telemetryData
+                });
+            } catch (error) {
+                Log.error('Error in reporting Telemetry:', error);
+            }
+        },
+        getControlMetadata: function _getControlMetadata() {
+            const selectorId = this.overlays.getId();
+            let controlMetadata;
+            const overlayControl = getControlById(selectorId);
+            if (overlayControl) {
+                this.runtimeControl = ControlUtils.getRuntimeControl(overlayControl);
+                controlMetadata = this.runtimeControl.getMetadata();
+            } else {
+                throw new Error('Cannot get overlay control');
+            }
+            const allAggregations = Object.keys(controlMetadata.getAllAggregations());
+            const hiddenAggregations = [
+                'customData',
+                'layoutData',
+                'dependents'
+            ];
+            const targetAggregation = allAggregations.filter(item => {
+                if (hiddenAggregations.indexOf(item) === -1) {
+                    return item;
+                }
+                return false;
+            });
+            return {
+                controlMetadata,
+                targetAggregation
+            };
+        },
+        fillIndexArray: function _fillIndexArray(selectedControlChildren) {
+            let indexArray = [];
+            if (selectedControlChildren.length === 0) {
+                indexArray.push({
+                    key: 0,
+                    value: 0
+                });
+            } else {
+                indexArray = selectedControlChildren.map((elem, index) => {
+                    return {
+                        key: index + 1,
+                        value: elem + 1
+                    };
+                });
+                indexArray.unshift({
+                    key: 0,
+                    value: 0
+                });
+                indexArray.push({
+                    key: selectedControlChildren.length + 1,
+                    value: selectedControlChildren.length + 1
+                });
+            }
+            return indexArray;
+        },
+        onFragmentNameInputChange: function _onFragmentNameInputChange(event) {
+            const input = event.getSource();
+            const beginBtn = this.dialog.getBeginButton();
+            const fragmentName = input.getValue();
+            const fragmentList = this.model.getProperty('/fragmentList');
+            const updateDialogState = function (valueState) {
+                let valueStateText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+                input.setValueState(valueState).setValueStateText(valueStateText);
+                beginBtn.setEnabled(valueState === ValueState.Success);
+            };
+            if (fragmentName.length <= 0) {
+                updateDialogState(ValueState.None);
+                this.model.setProperty('/newFragmentName', null);
+                return;
+            }
+            const fileExists = fragmentList.some(f => f.fragmentName === `${ fragmentName }.fragment.xml`);
+            if (fileExists) {
+                updateDialogState(ValueState.Error, 'Enter a different name. The fragment name that you entered already exists in your project.');
+                return;
+            }
+            const isValidName = /^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(fragmentName);
+            if (!isValidName) {
+                updateDialogState(ValueState.Error, 'The fragment name cannot contain white spaces or special characters.');
+                return;
+            }
+            if (fragmentName.length > 64) {
+                updateDialogState(ValueState.Error, 'A fragment file name cannot contain more than 64 characters.');
+                return;
+            }
+            const changeExists = this.checkForExistingChange(fragmentName);
+            if (changeExists) {
+                updateDialogState(ValueState.Error, 'Enter a different name. The fragment name entered matches the name of an unsaved fragment.');
+                return;
+            }
+            updateDialogState(ValueState.Success);
+            this.model.setProperty('/newFragmentName', fragmentName);
+        },
+        checkForExistingChange: function _checkForExistingChange(fragmentName) {
+            const allCommands = this.rta.getCommandStack().getCommands();
+            return allCommands.some(command => {
+                if (typeof command.getCommands === 'function') {
+                    const addXmlCommand = command.getCommands().find(c => c?.getProperty('name') === 'addXMLAtExtensionPoint');
+                    return addXmlCommand && matchesFragmentName(addXmlCommand, fragmentName);
+                } else {
+                    return matchesFragmentName(command, fragmentName);
+                }
+            });
+        },
+        setEscapeHandler: function _setEscapeHandler() {
+            this.dialog.setEscapeHandler(_ref => {
+                let {resolve} = _ref;
+                this.handleDialogClose();
+                resolve();
+            });
+        },
+        handleDialogClose: function _handleDialogClose() {
+            this.dialog.close();
+            this.dialog.destroy();
+        },
+        handleError: function _handleError(e) {
+            const error = getError(e);
+            MessageToast.show(error.message, { duration: 5000 });
+            throw error;
+        },
+        specialIndexHandling: function _specialIndexHandling(specialIndexAggregation) {
+            const overlay = OverlayRegistry.getOverlay(this.runtimeControl);
+            const aggregations = overlay.getDesignTimeMetadata().getData().aggregations;
+            if (specialIndexAggregation in aggregations && 'specialIndexHandling' in aggregations[specialIndexAggregation]) {
+                const controlType = this.runtimeControl.getMetadata().getName();
+                this.model.setProperty('/indexHandlingFlag', false);
+                this.model.setProperty('/specialIndexHandlingIcon', true);
+                this.model.setProperty('/iconTooltip', `Index is defined by special logic of ${ controlType } and can't be set here`);
+            } else {
+                this.model.setProperty('/indexHandlingFlag', true);
+                this.model.setProperty('/specialIndexHandlingIcon', false);
+                this.model.setProperty('/specialIndexHandlingIconPressed', false);
+            }
+        }
+    });
+    return BaseDialog;
+});

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

@@ -18,6 +18,9 @@ import { getControlById } from '../../utils/core';
 import ControlUtils from '../control-utils';
 import type ElementOverlay from 'sap/ui/dt/ElementOverlay';
 import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
+import { reportTelemetry } from '@sap-ux-private/control-property-editor-common';
+import Log from 'sap/base/Log';
 
 type BaseDialogModel = JSONModel & {
     getProperty(sPath: '/fragmentList'): Fragments;
@@ -58,6 +61,17 @@ export default abstract class BaseDialog<T extends BaseDialogModel = BaseDialogM
 
     abstract buildDialogData(): Promise<void> | void;
 
+    constructor(name: string, private readonly telemetryData?: QuickActionTelemetryData | undefined) {
+        super(name);
+    }
+    public async onCreateBtnPressHandler(): Promise<void> {
+        try {
+            await reportTelemetry({ category: 'Dialog', dialogName: this.dialog.getId(), ...this.telemetryData });
+        } catch (error) {
+            Log.error('Error in reporting Telemetry:', error);
+        }
+    }
+
     /**
      * Method is used in add fragment dialog controllers to get current control metadata which are needed on the dialog
      * @returns control metadata and target aggregations

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

@@ -19,8 +19,8 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/library", "sap/ui/model/json/J
    * @namespace open.ux.preview.client.adp.controllers
    */
   const ControllerExtension = BaseDialog.extend("open.ux.preview.client.adp.controllers.ControllerExtension", {
-    constructor: function _constructor(name, overlays, rta) {
-      BaseDialog.prototype.constructor.call(this, name);
+    constructor: function _constructor(name, overlays, rta, telemetryData) {
+      BaseDialog.prototype.constructor.call(this, name, telemetryData);
       this.rta = rta;
       this.overlays = overlays;
       this.model = new JSONModel();
@@ -80,6 +80,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/library", "sap/ui/model/json/J
      * @param event Event
      */
     onCreateBtnPress: async function _onCreateBtnPress(event) {
+      await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
       const source = event.getSource();
       const controllerExists = this.model.getProperty('/controllerExists');
       if (!controllerExists) {

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

@@ -27,6 +27,7 @@ import type { CodeExtResponse, ControllersResponse } from '../api-handler';
 import { getExistingController, readControllers, writeChange, writeController } from '../api-handler';
 import BaseDialog from './BaseDialog.controller';
 import { getControllerInfo } from '../utils';
+import { QuickActionTelemetryData } from '../../cpe/quick-actions/quick-action-definition';
 
 interface ControllerExtensionService {
     add: (codeRef: string, viewId: string) => Promise<{ creation: string }>;
@@ -45,8 +46,8 @@ type ControllerModel = JSONModel & {
  * @namespace open.ux.preview.client.adp.controllers
  */
 export default class ControllerExtension extends BaseDialog<ControllerModel> {
-    constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring) {
-        super(name);
+    constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring, telemetryData?: QuickActionTelemetryData) {
+        super(name, telemetryData);
         this.rta = rta;
         this.overlays = overlays;
         this.model = new JSONModel();
@@ -127,6 +128,7 @@ export default class ControllerExtension extends BaseDialog<ControllerModel> {
      * @param event Event
      */
     async onCreateBtnPress(event: Event) {
+        await super.onCreateBtnPressHandler();
         const source = event.getSource<Button>();
         const controllerExists = this.model.getProperty('/controllerExists');
 

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

@@ -36,7 +36,8 @@ sap.ui.define(["sap/ui/model/json/JSONModel", "../api-handler", "./BaseDialog.co
      *
      * @param event Event
      */
-    onCreateBtnPress: function _onCreateBtnPress(event) {
+    onCreateBtnPress: async function _onCreateBtnPress(event) {
+      await BaseDialog.prototype.onCreateBtnPressHandler.call(this);
       const source = event.getSource();
       source.setEnabled(false);
       const fragmentName = this.model.getProperty('/newFragmentName');

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

@@ -60,7 +60,8 @@ export default class ExtensionPoint extends BaseDialog<ExtensionPointModel> {
      *
      * @param event Event
      */
-    onCreateBtnPress(event: Event): void {
+    async onCreateBtnPress(event: Event) {
+        await super.onCreateBtnPressHandler();
         const source = event.getSource<Button>();
         source.setEnabled(false);
 

package/dist/client/adp/dialog-factory.js

@@ -42,9 +42,11 @@ sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.con
      * @param dialogName - Dialog name.
      * @param extensionPointData - Control ID.
      * @param options - Dialog options.
+     * @param telemetryData - Telemetry data.
      */
     static async createDialog(overlay, rta, dialogName, extensionPointData) {
       let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+      let telemetryData = arguments.length > 5 ? arguments[5] : undefined;
       if (this.isDialogOpen) {
         return;
       }
@@ -60,7 +62,7 @@ sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.con
               defaultAggregationArrayIndex: options.defaultAggregationArrayIndex
             }),
             title: resources.getText(options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE')
-          });
+          }, telemetryData);
           break;
         case DialogNames.ADD_TABLE_COLUMN_FRAGMENTS:
           controller = new AddTableColumnFragments(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta, {
@@ -68,10 +70,10 @@ sap.ui.define(["sap/ui/core/Fragment", "../i18n", "./controllers/AddFragment.con
               aggregation: options.aggregation
             }),
             title: resources.getText(options.title ?? 'ADP_ADD_FRAGMENT_DIALOG_TITLE')
-          });
+          }, telemetryData);
           break;
         case DialogNames.CONTROLLER_EXTENSION:
-          controller = new ControllerExtension(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta);
+          controller = new ControllerExtension(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta, telemetryData);
           break;
         case DialogNames.ADD_FRAGMENT_AT_EXTENSION_POINT:
           controller = new ExtensionPoint(`open.ux.preview.client.adp.controllers.${dialogName}`, overlay, rta, extensionPointData);