@sap-ux/preview-middleware 0.23.99 → 0.23.101

package/dist/base/config.d.ts

@@ -29,6 +29,7 @@ export type PreviewUrls = {
  */
 export interface TemplateConfig {
     basePath: string;
+    baseUrl: string;
     apps: Record<string, {
         title: string;
         description: string;

package/dist/base/config.js

@@ -281,6 +281,7 @@ function createFlpTemplateConfig(config, manifest, resources = {}) {
     }
     return {
         basePath: basePath,
+        baseUrl: '',
         apps: {},
         init: initPath,
         ui5: {
@@ -385,9 +386,7 @@ async function generatePreviewFiles(basePath, config, fs, logger = new logger_1.
     // remove incorrect configurations
     sanitizeConfig(config, logger);
     // create file system if not provided
-    if (!fs) {
-        fs = (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
-    }
+    fs ??= (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
     // generate FLP configuration
     const flpTemplate = (0, node_fs_1.readFileSync)((0, node_path_1.join)(TEMPLATE_PATH, 'flp/sandbox.ejs'), 'utf-8');
     const flpConfig = getFlpConfigWithDefaults(config.flp);

package/dist/base/flp.d.ts

@@ -34,7 +34,7 @@ export declare class FlpSandbox {
     readonly rta?: RtaConfig;
     readonly test?: TestConfig[];
     readonly router: EnhancedRouter;
-    private fs;
+    private readonly fs;
     private readonly logger;
     private readonly utils;
     private readonly project;
@@ -103,6 +103,7 @@ export declare class FlpSandbox {
     /**
      * Handler for the GET requests to the runtime adaptation editor in developer mode.
      *
+     * @param req the request
      * @param res the response
      * @param rta runtime adaptation configuration
      * @param previewUrl the url of the preview

package/dist/base/flp.js

@@ -78,6 +78,7 @@ class FlpSandbox {
      * @param logger logger instance
      */
     constructor(config, project, utils, logger) {
+        this.fs = (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
         this.logger = logger;
         this.project = project;
         this.utils = utils;
@@ -220,12 +221,19 @@ class FlpSandbox {
             ? '@sap-ux/control-property-editor'
             : '@sap-ux/preview-middleware';
         await this.setApplicationDependencies();
-        const config = { ...this.templateConfig };
-        /* sap.ui.rta needs to be added to the list of preload libs for variants management and adaptation projects */
+        this.templateConfig.baseUrl = req['ui5-patched-router']?.baseUrl ?? '';
+        const ui5Version = await this.getUi5Version(req.protocol, req.headers.host, this.templateConfig.baseUrl);
+        this.checkDeleteConnectors(ui5Version.major, ui5Version.minor, ui5Version.isCdn);
+        if (ui5Version.major === 1 && ui5Version.minor <= 71) {
+            this.removeAsyncHintsRequests();
+        }
+        const config = structuredClone(this.templateConfig);
         if (!config.ui5.libs.includes('sap.ui.rta')) {
-            const libs = config.ui5.libs.split(',');
-            libs.push('sap.ui.rta');
-            config.ui5.libs = libs.join(',');
+            // sap.ui.rta needs to be added to the list of preload libs for variants management and adaptation projects
+            config.ui5.libs += ',sap.ui.rta';
+        }
+        if (editor.developerMode) {
+            config.ui5.bootstrapOptions = serializeUi5Configuration(this.getDeveloperModeConfig(ui5Version.major));
         }
         config.flexSettings = {
             layer: rta.layer ?? 'CUSTOMER_BASE',
@@ -235,14 +243,6 @@ class FlpSandbox {
             pluginScript: editor.pluginScript
         };
         config.features = feature_toggle_1.FeatureToggleAccess.getAllFeatureToggles();
-        const ui5Version = await this.getUi5Version(req.protocol, req.headers.host, req['ui5-patched-router']?.baseUrl);
-        this.checkDeleteConnectors(ui5Version.major, ui5Version.minor, ui5Version.isCdn);
-        if (editor.developerMode === true) {
-            config.ui5.bootstrapOptions = serializeUi5Configuration(this.getDeveloperModeConfig(ui5Version.major));
-        }
-        if (ui5Version.major === 1 && ui5Version.minor <= 71) {
-            this.removeAsyncHintsRequests();
-        }
         return (0, ejs_1.render)(this.getSandboxTemplate(ui5Version), config);
     }
     /**
@@ -261,12 +261,13 @@ class FlpSandbox {
     /**
      * Handler for the GET requests to the runtime adaptation editor in developer mode.
      *
+     * @param req the request
      * @param res the response
      * @param rta runtime adaptation configuration
      * @param previewUrl the url of the preview
      * @private
      */
-    async editorGetHandlerDeveloperMode(res, rta, previewUrl) {
+    async editorGetHandlerDeveloperMode(req, res, rta, previewUrl) {
         const scenario = rta.options?.scenario;
         let templatePreviewUrl = `${previewUrl}?sap-ui-xx-viewCache=false&fiori-tools-rta-mode=forAdaptation&sap-ui-rta-skip-flex-validation=true&sap-ui-xx-condense-changes=true#${this.flpConfig.intent.object}-${this.flpConfig.intent.action}`;
         if (scenario === 'ADAPTATION_PROJECT') {
@@ -280,12 +281,13 @@ class FlpSandbox {
         const envLivereloadUrl = (0, btp_utils_1.isAppStudio)() ? await (0, btp_utils_1.exposePort)(livereloadPort) : undefined;
         const html = (0, ejs_1.render)(template, {
             previewUrl: templatePreviewUrl,
-            telemetry: rta.options?.telemetry ?? false,
+            telemetry: !!rta.options?.telemetry,
             appName: rta.options?.appName,
             scenario,
             livereloadPort,
             livereloadUrl: envLivereloadUrl,
-            features: JSON.stringify(features)
+            features: JSON.stringify(features),
+            baseUrl: req['ui5-patched-router']?.baseUrl ?? ''
         });
         this.sendResponse(res, 'text/html', 200, html);
     }
@@ -302,7 +304,9 @@ class FlpSandbox {
     async editorGetHandler(req, res, rta, previewUrl, editor) {
         if (!req.query['fiori-tools-rta-mode']) {
             this.logger.debug(`Adjusting URL parameters for runtime adaptation mode. Redirecting to correct URL.`);
-            const url = 'ui5-patched-router' in req ? (0, node_path_1.join)(req['ui5-patched-router']?.baseUrl ?? '', previewUrl) : previewUrl;
+            const url = 'ui5-patched-router' in req
+                ? node_path_1.posix.join(req['ui5-patched-router']?.baseUrl ?? '', previewUrl)
+                : previewUrl;
             const params = structuredClone(req.query);
             params['sap-ui-xx-viewCache'] = 'false';
             params['fiori-tools-rta-mode'] = 'true';
@@ -326,8 +330,8 @@ class FlpSandbox {
             if (editor.developerMode) {
                 previewUrl = `${previewUrl}.inner.html`;
                 editor.pluginScript ??= 'open/ux/preview/client/cpe/init';
-                this.router.get(editor.path, async (_req, res) => {
-                    await this.editorGetHandlerDeveloperMode(res, rta, previewUrl);
+                this.router.get(editor.path, async (req, res) => {
+                    await this.editorGetHandlerDeveloperMode(req, res, rta, previewUrl);
                 });
                 let path = (0, node_path_1.dirname)(editor.path);
                 if (!path.endsWith('/')) {
@@ -352,7 +356,7 @@ class FlpSandbox {
         // connect API (karma test runner) has no request query property
         if ('query' in req && 'redirect' in res && !req.query['sap-ui-xx-viewCache']) {
             this.logger.debug(`Adjusting URL parameters for preview. Redirecting to correct URL.`);
-            const url = 'ui5-patched-router' in req ? (0, node_path_1.join)(req['ui5-patched-router']?.baseUrl ?? '', req.path) : req.path;
+            const url = 'ui5-patched-router' in req ? node_path_1.posix.join(req['ui5-patched-router']?.baseUrl ?? '', req.path) : req.path;
             const params = structuredClone(req.query);
             params['sap-ui-xx-viewCache'] = 'false';
             res.redirect(302, `${url}?${new URLSearchParams(params)}`);
@@ -368,12 +372,15 @@ class FlpSandbox {
             next();
         }
         else {
+            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+            this.templateConfig.baseUrl = ('ui5-patched-router' in req && req['ui5-patched-router']?.baseUrl) || '';
             const ui5Version = await this.getUi5Version(
             //use protocol from request header referer as fallback for connect API (karma test runner)
             'protocol' in req
                 ? req.protocol
-                : (req.headers.referer?.substring(0, req.headers.referer.indexOf(':')) ?? 'http'), req.headers.host, 'ui5-patched-router' in req ? req['ui5-patched-router']?.baseUrl : undefined);
+                : (req.headers.referer?.substring(0, req.headers.referer.indexOf(':')) ?? 'http'), req.headers.host, this.templateConfig.baseUrl);
             this.checkDeleteConnectors(ui5Version.major, ui5Version.minor, ui5Version.isCdn);
+            //for consistency reasons, we also add the baseUrl to the HTML here, although it is only used in editor mode
             const html = (0, ejs_1.render)(this.getSandboxTemplate(ui5Version), this.templateConfig);
             this.sendResponse(res, 'text/html', 200, html);
         }
@@ -492,7 +499,6 @@ class FlpSandbox {
         for (const app of this.flpConfig.apps) {
             let manifest;
             if (app.local) {
-                this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
                 const webappPath = await (0, project_access_1.getWebappPath)(app.local, this.fs);
                 manifest = JSON.parse((0, node_fs_1.readFileSync)((0, node_path_1.join)(webappPath, 'manifest.json'), 'utf-8'));
                 this.router.use(app.target, (0, express_1.static)(webappPath));
@@ -534,7 +540,6 @@ class FlpSandbox {
     async flexGetHandler(res) {
         const changes = await (0, flex_1.readChanges)(this.project, this.logger);
         if (this.onChangeRequest) {
-            this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
             for (const change of Object.values(changes)) {
                 await this.onChangeRequest('read', change, this.fs, this.logger);
             }
@@ -549,7 +554,6 @@ class FlpSandbox {
      * @private
      */
     async flexPostHandler(req, res) {
-        this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
         try {
             const body = req.body;
             if (this.onChangeRequest) {
@@ -788,7 +792,6 @@ class FlpSandbox {
     async storeCardManifestHandler(req, res) {
         try {
             const { floorplan, localPath, fileName = project_access_1.FileName.Manifest, manifests } = req.body;
-            this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
             const webappPath = await (0, project_access_1.getWebappPath)(node_path_1.default.resolve(), this.fs);
             const fullPath = (0, node_path_1.join)(webappPath, localPath);
             const filePath = fileName.endsWith('.json') ? (0, node_path_1.join)(fullPath, fileName) : `${(0, node_path_1.join)(fullPath, fileName)}.json`;
@@ -838,7 +841,6 @@ class FlpSandbox {
      */
     async storeI18nKeysHandler(req, res) {
         try {
-            this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
             const webappPath = await (0, project_access_1.getWebappPath)(node_path_1.default.resolve(), this.fs);
             const i18nConfig = this.manifest['sap.app'].i18n;
             let i18nPath = 'i18n/i18n.properties';
@@ -853,7 +855,7 @@ class FlpSandbox {
                 supportedLocales = locales;
                 fallbackLocale = fallback;
             }
-            const requestedLocale = req.query.locale || fallbackLocale || '';
+            const requestedLocale = req.query.locale ?? fallbackLocale ?? '';
             const baseFilePath = (0, node_path_1.join)(webappPath, i18nPath);
             const filePath = requestedLocale
                 ? baseFilePath.replace('.properties', `_${requestedLocale}.properties`)

package/dist/client/adp/api-handler.js

@@ -38,7 +38,8 @@ sap.ui.define(["../utils/error"], function (___utils_error) {
       }
     };
     try {
-      const response = await fetch(endpoint, config);
+      const baseUrl = document.getElementById('root')?.dataset.openUxPreviewBaseUrl ?? '';
+      const response = await fetch(`${baseUrl}${endpoint}`, config);
       if (!response.ok) {
         const errorData = await response.json();
         const message = errorData?.message ? ` Server message: ${errorData.message}.` : '';

package/dist/client/adp/api-handler.ts

@@ -83,7 +83,8 @@ export async function request<T>(endpoint: ApiEndpoints, method: RequestMethod,
     };
 
     try {
-        const response: Response = await fetch(endpoint, config);
+        const baseUrl = document.getElementById('root')?.dataset.openUxPreviewBaseUrl ?? '';
+        const response: Response = await fetch(`${baseUrl}${endpoint}`, config);
 
         if (!response.ok) {
             const errorData = (await response.json()) as ResponseMessage;

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

@@ -38,14 +38,6 @@ sap.ui.define(["./BaseDialog.controller", "sap/ui/model/json/JSONModel", "../../
       };
     }
 
-    // Check for spaces
-    if (actionId.includes(' ')) {
-      return {
-        isValid: false,
-        errorMessage: resource.getText('ACTION_ID_CANNOT_CONTAIN_SPACES')
-      };
-    }
-
     // Check starts and only allowed characters
     if (!/(^([A-Za-z_][-A-Za-z0-9_.:]*)$)/.test(actionId)) {
       return {
@@ -186,7 +178,13 @@ sap.ui.define(["./BaseDialog.controller", "sap/ui/model/json/JSONModel", "../../
               press: this.options.controllerReference,
               visible: true,
               enabled: true,
-              text: actionLabel
+              text: actionLabel,
+              ...(this.options.actionType === 'tableAction' ? {
+                requiresSelection: false
+              } : {}),
+              ...(this.options.position && {
+                position: this.options.position
+              })
             }
           }
         }

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

@@ -29,10 +29,15 @@ type AddActionFragmentsModel = JSONModel & {
 export interface AddActionOptions {
     name: string;
     propertyPath: string;
+    actionType: 'pageAction' | 'tableAction';
     title: string;
     controllerReference: string;
     appDescriptor?: PageDescriptorV4;
     validateActionId?: (actionId: string) => boolean;
+    position?: {
+        placement: 'Before' | 'After';
+        anchor: string;
+    };
 }
 
 /**
@@ -58,11 +63,6 @@ function validateActionId(
         return { isValid: false, errorMessage: resource.getText('ACTION_WITH_GIVEN_ID_ALREADY_EXISTS', [actionId]) };
     }
 
-    // Check for spaces
-    if (actionId.includes(' ')) {
-        return { isValid: false, errorMessage: resource.getText('ACTION_ID_CANNOT_CONTAIN_SPACES') };
-    }
-
     // Check starts and only allowed characters
     if (!/(^([A-Za-z_][-A-Za-z0-9_.:]*)$)/.test(actionId)) {
         return { isValid: false, errorMessage: resource.getText('ACTION_ID_INVALID_FORMAT') };
@@ -213,7 +213,9 @@ export default class AddActionFragment extends BaseDialog<AddActionFragmentsMode
                         press: this.options.controllerReference,
                         visible: true,
                         enabled: true,
-                        text: actionLabel
+                        text: actionLabel,
+                        ...(this.options.actionType === 'tableAction' ? { requiresSelection: false } : {}),
+                        ...(this.options.position && { position: this.options.position })
                     }
                 }
             }

package/dist/client/adp/quick-actions/fe-v4/create-table-action-config-change.js

@@ -0,0 +1,129 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../../../utils/version", "../dialog-enablement-validator", "../../api-handler", "../../utils", "../../../utils/fe-v4", "../table-quick-action-base", "../control-types", "../../../utils/core", "./utils"], function (OverlayRegistry, ____dialog_factory, _____utils_version, ___dialog_enablement_validator, ____api_handler, ____utils, _____utils_fe_v4, ___table_quick_action_base, ___control_types, _____utils_core, ___utils) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getExistingController = ____api_handler["getExistingController"];
+  const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const isA = _____utils_core["isA"];
+  const getActionsPropertyPath = ___utils["getActionsPropertyPath"];
+  const CREATE_TABLE_ACTION = 'create-table-action';
+  const regexForAnnotationPath = /controlConfiguration\/(?:[^@]+\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/actions\//;
+
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddTableActionQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CREATE_TABLE_ACTION, [MDC_TABLE_TYPE], 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      this.pageId = this.context.view.getViewData()?.stableId.split('::').pop();
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 120
+      })) {
+        return;
+      }
+      await super.initialize();
+    }
+    async execute(path) {
+      const {
+        table
+      } = this.tableMap[path];
+      const propertyPath = `${getActionsPropertyPath(table)}`;
+      if (!table || !propertyPath) {
+        return [];
+      }
+      if (table) {
+        const overlay = OverlayRegistry.getOverlay(table) || [];
+        const controlInfo = getControllerInfoForControl(table);
+        const data = await getExistingController(controlInfo.controllerName);
+        const controllerPath = data.controllerPathFromRoot.replaceAll('/', '.').replace(/\.[^.]+$/, '');
+        await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_ACTION, undefined, {
+          title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION',
+          controllerReference: controllerPath ? `.extension.${controllerPath}.<methodName>` : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+          actionType: 'tableAction',
+          appDescriptor: {
+            appComponent: getV4AppComponent(this.context.view),
+            appType: 'fe-v4',
+            pageId: this.pageId,
+            projectId: this.context.flexSettings.projectId
+          },
+          validateActionId: actionId => {
+            const actionPaths = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(path => regexForAnnotationPath.test(path));
+            const idInPendingChanges = actionPaths.includes(`${propertyPath}${actionId}`);
+            if (idInPendingChanges) {
+              return false;
+            }
+            if (isA(MDC_TABLE_TYPE, table) && table.getActions().every(action => !action.getAction().getId().endsWith(`CustomAction::${actionId}`))) {
+              return true;
+            }
+            return false;
+          },
+          position: calculatePosition(table, this.context.view),
+          propertyPath
+        }, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      return [];
+    }
+  }
+  function calculatePosition(table, view) {
+    const actions = table.getActions();
+    if (!actions.length) {
+      return undefined;
+    }
+    const annotationAction = actions.findIndex(action => action.getAction().getId().includes('::DataFieldForAction::'));
+    const customAction = actions.findIndex(action => action.getAction().getId().includes('::CustomAction::'));
+    if (annotationAction === -1 && customAction === -1) {
+      return undefined;
+    }
+    // determine the least index of either annotation or custom action
+    let actionIndex;
+    if (annotationAction === -1) {
+      actionIndex = customAction;
+    } else if (customAction === -1) {
+      actionIndex = annotationAction;
+    } else {
+      actionIndex = Math.min(annotationAction, customAction);
+    }
+    const actionToolBarAction = actions[actionIndex];
+    let anchor;
+    let action = actionToolBarAction?.getAction();
+    if (action) {
+      const localId = view.getLocalId(action.getId()) ?? '';
+      if (localId.includes('CustomAction::')) {
+        const str = localId.substring(Math.max(0, localId.lastIndexOf('CustomAction::')));
+        anchor = str.split('::').pop();
+      } else {
+        anchor = localId.substring(localId.lastIndexOf('DataFieldForAction::'));
+      }
+    }
+    if (!anchor) {
+      return undefined;
+    }
+    return {
+      placement: 'Before',
+      anchor
+    };
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CREATE_TABLE_ACTION = CREATE_TABLE_ACTION;
+  __exports.AddTableActionQuickAction = AddTableActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-table-action-config-change.js.map

package/dist/client/adp/quick-actions/fe-v4/create-table-action-config-change.ts

@@ -0,0 +1,151 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { NestedQuickActionDefinition, QuickActionContext } from '../../../cpe/quick-actions/quick-action-definition';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getExistingController } from '../../api-handler';
+import { getControllerInfoForControl } from '../../utils';
+import { getV4AppComponent } from '../../../utils/fe-v4';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { MDC_TABLE_TYPE } from '../control-types';
+import { isA } from '../../../utils/core';
+import Table from 'sap/ui/mdc/Table';
+import XMLView from 'sap/ui/core/mvc/XMLView';
+import ActionToolbarAction from 'sap/ui/mdc/actiontoolbar/ActionToolbarAction';
+import { getActionsPropertyPath } from './utils';
+
+export const CREATE_TABLE_ACTION = 'create-table-action';
+
+interface ViewDataType {
+    stableId: string;
+}
+const regexForAnnotationPath =
+    /controlConfiguration\/(?:[^@]+\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/actions\//;
+
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddTableActionQuickAction extends TableQuickActionDefinitionBase implements NestedQuickActionDefinition {
+    protected pageId: string | undefined;
+    constructor(context: QuickActionContext) {
+        super(CREATE_TABLE_ACTION, [MDC_TABLE_TYPE], 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        this.pageId = (this.context.view.getViewData() as ViewDataType)?.stableId.split('::').pop() as string;
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 120 })) {
+            return;
+        }
+        await super.initialize();
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table } = this.tableMap[path];
+        const propertyPath = `${getActionsPropertyPath(table)}`;
+        if (!table || !propertyPath) {
+            return [];
+        }
+        if (table) {
+            const overlay = OverlayRegistry.getOverlay(table) || [];
+            const controlInfo = getControllerInfoForControl(table);
+            const data = await getExistingController(controlInfo.controllerName);
+            const controllerPath = data.controllerPathFromRoot.replaceAll('/', '.').replace(/\.[^.]+$/, '');
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_ACTION,
+                undefined,
+                {
+                    title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION',
+                    controllerReference: controllerPath
+                        ? `.extension.${controllerPath}.<methodName>`
+                        : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+                    actionType: 'tableAction',
+                    appDescriptor: {
+                        appComponent: getV4AppComponent(this.context.view)!,
+                        appType: 'fe-v4',
+                        pageId: this.pageId!,
+                        projectId: this.context.flexSettings.projectId
+                    },
+                    validateActionId: (actionId) => {
+                        const actionPaths = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(
+                            (path) => regexForAnnotationPath.test(path)
+                        );
+                        const idInPendingChanges = actionPaths.includes(`${propertyPath}${actionId}`);
+                        if (idInPendingChanges) {
+                            return false;
+                        }
+                        if (
+                            isA(MDC_TABLE_TYPE, table) &&
+                            (table as Table)
+                                .getActions()
+                                .every(
+                                    (action) =>
+                                        !(action as ActionToolbarAction)
+                                            .getAction()
+                                            .getId()
+                                            .endsWith(`CustomAction::${actionId}`)
+                                )
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    },
+                    position: calculatePosition(table as Table, this.context.view),
+                    propertyPath
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}
+
+function calculatePosition(table: Table, view: XMLView): { placement: 'Before' | 'After'; anchor: string } | undefined {
+    const actions = table.getActions() as ActionToolbarAction[];
+    if (!actions.length) {
+        return undefined;
+    }
+    const annotationAction = actions.findIndex((action) =>
+        action.getAction().getId().includes('::DataFieldForAction::')
+    );
+    const customAction = actions.findIndex((action) => action.getAction().getId().includes('::CustomAction::'));
+    if (annotationAction === -1 && customAction === -1) {
+        return undefined;
+    }
+    // determine the least index of either annotation or custom action
+    let actionIndex: number;
+    if (annotationAction === -1) {
+        actionIndex = customAction;
+    } else if (customAction === -1) {
+        actionIndex = annotationAction;
+    } else {
+        actionIndex = Math.min(annotationAction, customAction);
+    }
+    const actionToolBarAction = actions[actionIndex];
+    let anchor;
+    let action = actionToolBarAction?.getAction();
+
+    if (action) {
+        const localId = view.getLocalId(action.getId()) ?? '';
+        if (localId.includes('CustomAction::')) {
+            const str = localId.substring(Math.max(0, localId.lastIndexOf('CustomAction::')));
+            anchor = str.split('::').pop();
+        } else {
+            anchor = localId.substring(localId.lastIndexOf('DataFieldForAction::'));
+        }
+    }
+    if (!anchor) {
+        return undefined;
+    }
+
+    return {
+        placement: 'Before',
+        anchor
+    };
+}

package/dist/client/adp/quick-actions/fe-v4/registry.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "./op-add-custom-section", "./create-table-custom-column", "./create-page-action", "./create-table-action", "./lr-enable-table-filtering", "./lr-enable-semantic-date-range-filter-bar", "./op-enable-empty-row-mode", "../common/add-new-annotation-file", "./enable-variant-management", "../fe-v4/add-new-subpage", "../fe-v4/change-table-actions"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___op_add_custom_section, ___create_table_custom_column, ___create_page_action, ___create_table_action, ___lr_enable_table_filtering, ___lr_enable_semantic_date_range_filter_bar, ___op_enable_empty_row_mode, ___common_add_new_annotation_file, ___enable_variant_management, ___fe_v4_add_new_subpage, ___fe_v4_change_table_actions) {
+sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "./op-add-custom-section", "./create-table-custom-column", "./create-page-action", "./lr-enable-table-filtering", "./lr-enable-semantic-date-range-filter-bar", "./op-enable-empty-row-mode", "../common/add-new-annotation-file", "./enable-variant-management", "../fe-v4/add-new-subpage", "../fe-v4/change-table-actions", "./create-table-action-config-change"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___op_add_custom_section, ___create_table_custom_column, ___create_page_action, ___lr_enable_table_filtering, ___lr_enable_semantic_date_range_filter_bar, ___op_enable_empty_row_mode, ___common_add_new_annotation_file, ___enable_variant_management, ___fe_v4_add_new_subpage, ___fe_v4_change_table_actions, ___create_table_action_config_change) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -11,7 +11,6 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
   const AddCustomSectionQuickAction = ___op_add_custom_section["AddCustomSectionQuickAction"];
   const AddTableCustomColumnQuickAction = ___create_table_custom_column["AddTableCustomColumnQuickAction"];
   const AddPageActionQuickAction = ___create_page_action["AddPageActionQuickAction"];
-  const AddTableActionQuickAction = ___create_table_action["AddTableActionQuickAction"];
   const EnableTableFilteringQuickAction = ___lr_enable_table_filtering["EnableTableFilteringQuickAction"];
   const ToggleSemanticDateRangeFilterBar = ___lr_enable_semantic_date_range_filter_bar["ToggleSemanticDateRangeFilterBar"];
   const EnableTableEmptyRowModeQuickAction = ___op_enable_empty_row_mode["EnableTableEmptyRowModeQuickAction"];
@@ -19,6 +18,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
   const EnableVariantManagementQuickAction = ___enable_variant_management["EnableVariantManagementQuickAction"];
   const AddNewSubpage = ___fe_v4_add_new_subpage["AddNewSubpage"];
   const ChangeTableActionsQuickAction = ___fe_v4_change_table_actions["ChangeTableActionsQuickAction"];
+  const AddTableActionQuickAction = ___create_table_action_config_change["AddTableActionQuickAction"];
   const LIST_REPORT_TYPE = 'sap.fe.templates.ListReport.ListReport';
   const OBJECT_PAGE_TYPE = 'sap.fe.templates.ObjectPage.ObjectPage';
 

package/dist/client/adp/quick-actions/fe-v4/registry.ts

@@ -11,7 +11,6 @@ import { AddHeaderFieldQuickAction } from '../common/op-add-header-field';
 import { AddCustomSectionQuickAction } from './op-add-custom-section';
 import { AddTableCustomColumnQuickAction } from './create-table-custom-column';
 import { AddPageActionQuickAction } from './create-page-action';
-import { AddTableActionQuickAction } from './create-table-action';
 import { EnableTableFilteringQuickAction } from './lr-enable-table-filtering';
 import { ToggleSemanticDateRangeFilterBar } from './lr-enable-semantic-date-range-filter-bar';
 import { EnableTableEmptyRowModeQuickAction } from './op-enable-empty-row-mode';
@@ -19,6 +18,7 @@ import { AddNewAnnotationFile } from '../common/add-new-annotation-file';
 import { EnableVariantManagementQuickAction } from './enable-variant-management';
 import { AddNewSubpage } from '../fe-v4/add-new-subpage';
 import { ChangeTableActionsQuickAction } from '../fe-v4/change-table-actions';
+import { AddTableActionQuickAction } from './create-table-action-config-change';
 
 type PageName = 'listReport' | 'objectPage';
 

package/dist/client/adp/quick-actions/fe-v4/utils.js

@@ -4,6 +4,7 @@ sap.ui.define(["../../../utils/core", "sap/ui/rta/command/CommandFactory", "../.
   "use strict";
 
   const getControlById = _____utils_core["getControlById"];
+  const isA = _____utils_core["isA"];
   const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
   const getPageName = _____utils_fe_v4["getPageName"];
   const getReference = _____utils_fe_v4["getReference"];
@@ -64,11 +65,89 @@ sap.ui.define(["../../../utils/core", "sap/ui/rta/command/CommandFactory", "../.
     parts.push(PATTERN_SUFFIX);
     return parts.join('');
   }
+  /**
+   * Get LineItem annotation - tries to use design-time helper if available, falls back to local implementation.
+   *
+   * @param table - table control
+   * @returns LineItem annotation string
+   */
+  function getLineItemAnnotation(table) {
+    try {
+      const helper = sap.ui.require('sap/fe/macros/table/designtime/Table.designtime.helper');
+      if (helper && typeof helper.getLineItemAnnotation === 'function') {
+        return helper.getLineItemAnnotation(table);
+      }
+    } catch {
+      // Module not available or error occurred
+    }
+    return getLineItemAnnotationForTable(table);
+  }
+
+  /**
+   * Get property path for table action.
+   *
+   * @param table - table control
+   * @returns string
+   */
+  function getActionsPropertyPath(table) {
+    const macroTable = table.getParent();
+    const configPath = '';
+    if (macroTable && isA('sap.fe.macros.table.TableAPI', macroTable)) {
+      const lineItemAnnotation = getLineItemAnnotation(macroTable);
+      const navigationPath = macroTable.metaPath.split(macroTable.getProperty('contextPath'))[1];
+      if (!lineItemAnnotation) {
+        throw new Error('Line item annotation could not be determined for the table.');
+      }
+      if (navigationPath) {
+        return configPath.concat('controlConfiguration/', navigationPath.split('@')[0], lineItemAnnotation, '/actions/');
+      } else {
+        let contextString = macroTable.metaPath;
+        const firstSlash = contextString.indexOf('/');
+        if (firstSlash >= 0) {
+          contextString = contextString.substring(firstSlash + 1);
+        }
+        const secondSlash = contextString.indexOf('/');
+        if (secondSlash >= 0) {
+          contextString = contextString.substring(0, secondSlash);
+        }
+        return configPath.concat('controlConfiguration/', '/', contextString, '/', lineItemAnnotation, '/actions/');
+      }
+    }
+    return undefined;
+  }
+
+  /**
+   * Return the line item annotation that defines the table.
+   * This may come from a Presentation Variant, a Selection Presentation Variant or the default.
+   * @param table - The table control
+   * @returns The line item annotation used to define the table
+   */
+  function getLineItemAnnotationForTable(table) {
+    const presentation = table.getModel()?.getMetaModel()?.getObject(table.metaPath);
+    let lineItemAnnotation = '';
+    // default line item annotation
+    if (!presentation.Visualizations && !presentation.PresentationVariant) {
+      lineItemAnnotation = table.metaPath.split('/').pop();
+    } else if (presentation.Visualizations) {
+      lineItemAnnotation = presentation.Visualizations[0].$AnnotationPath;
+    } else if (presentation.PresentationVariant) {
+      if (presentation.PresentationVariant.Visualizations) {
+        lineItemAnnotation = presentation.PresentationVariant.Visualizations[0].$AnnotationPath;
+      } else {
+        const contextPath = table.metaPath.startsWith('/') ? table.metaPath.split('@')[0] : table.contextPath;
+        const pathForLineItems = contextPath + presentation.PresentationVariant.$Path;
+        const presentationVariantType = table.getModel()?.getMetaModel()?.getObject(pathForLineItems);
+        lineItemAnnotation = presentationVariantType.Visualizations[0].$AnnotationPath;
+      }
+    }
+    return lineItemAnnotation;
+  }
   var __exports = {
     __esModule: true
   };
   __exports.executeToggleAction = executeToggleAction;
   __exports.generateRoutePattern = generateRoutePattern;
+  __exports.getActionsPropertyPath = getActionsPropertyPath;
   return __exports;
 });
 //# sourceMappingURL=utils.js.map

package/dist/client/adp/quick-actions/fe-v4/utils.ts

@@ -1,8 +1,10 @@
-import { getControlById } from '../../../utils/core';
+import { getControlById, isA } from '../../../utils/core';
 import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import type { QuickActionContext } from '../../../cpe/quick-actions/quick-action-definition';
 import CommandFactory from 'sap/ui/rta/command/CommandFactory';
 import { getV4AppComponent, getPageName, getReference } from '../../../utils/fe-v4';
+import TableAPI from 'sap/fe/macros/table/TableAPI';
+import UI5Element from 'sap/ui/core/Element';
 
 export async function executeToggleAction(
     context: QuickActionContext,
@@ -62,11 +64,7 @@ const PATTERN_SUFFIX = ':?query:';
  * @param targetEntitySet navigation target entity set
  * @returns the generated pattern as string
  */
-export function generateRoutePattern(
-    sourceRoutePattern: string,
-    navProperty: string,
-    targetEntitySet: string
-): string {
+export function generateRoutePattern(sourceRoutePattern: string, navProperty: string, targetEntitySet: string): string {
     const parts: string[] = [];
     const basePattern = sourceRoutePattern.replace(PATTERN_SUFFIX, '');
     if (basePattern) {
@@ -80,3 +78,93 @@ export function generateRoutePattern(
     parts.push(PATTERN_SUFFIX);
     return parts.join('');
 }
+
+export type MacroTable = TableAPI & {
+    metaPath: string;
+    contextPath: string;
+};
+
+/**
+ * Get LineItem annotation - tries to use design-time helper if available, falls back to local implementation.
+ *
+ * @param table - table control
+ * @returns LineItem annotation string
+ */
+function getLineItemAnnotation(table: MacroTable): string | undefined {
+    try {
+        const helper = sap.ui.require('sap/fe/macros/table/designtime/Table.designtime.helper');
+        if (helper && typeof helper.getLineItemAnnotation === 'function') {
+            return helper.getLineItemAnnotation(table);
+        }
+    } catch {
+        // Module not available or error occurred
+    }
+    return getLineItemAnnotationForTable(table);
+}
+
+/**
+ * Get property path for table action.
+ *
+ * @param table - table control
+ * @returns string
+ */
+export function getActionsPropertyPath(table: UI5Element): string | undefined {
+    const macroTable = table.getParent();
+    const configPath = '';
+    if (macroTable && isA<MacroTable>('sap.fe.macros.table.TableAPI', macroTable)) {
+        const lineItemAnnotation = getLineItemAnnotation(macroTable);
+
+        const navigationPath = macroTable.metaPath.split(macroTable.getProperty('contextPath'))[1];
+        if (!lineItemAnnotation) {
+            throw new Error('Line item annotation could not be determined for the table.');
+        }
+        if (navigationPath) {
+            return configPath.concat(
+                'controlConfiguration/',
+                navigationPath.split('@')[0],
+                lineItemAnnotation,
+                '/actions/'
+            );
+        } else {
+            let contextString = macroTable.metaPath;
+            const firstSlash = contextString.indexOf('/');
+            if (firstSlash >= 0) {
+                contextString = contextString.substring(firstSlash + 1);
+            }
+            const secondSlash = contextString.indexOf('/');
+            if (secondSlash >= 0) {
+                contextString = contextString.substring(0, secondSlash);
+            }
+            return configPath.concat('controlConfiguration/', '/', contextString, '/', lineItemAnnotation, '/actions/');
+        }
+    }
+    return undefined;
+}
+
+/**
+ * Return the line item annotation that defines the table.
+ * This may come from a Presentation Variant, a Selection Presentation Variant or the default.
+ * @param table - The table control
+ * @returns The line item annotation used to define the table
+ */
+function getLineItemAnnotationForTable(table: MacroTable): string | undefined {
+    const presentation = table.getModel()?.getMetaModel()?.getObject(table.metaPath);
+
+    let lineItemAnnotation: string | undefined = '';
+    // default line item annotation
+    if (!presentation.Visualizations && !presentation.PresentationVariant) {
+        lineItemAnnotation = table.metaPath.split('/').pop();
+    } else if (presentation.Visualizations) {
+        lineItemAnnotation = presentation.Visualizations[0].$AnnotationPath;
+    } else if (presentation.PresentationVariant) {
+        if (presentation.PresentationVariant.Visualizations) {
+            lineItemAnnotation = presentation.PresentationVariant.Visualizations[0].$AnnotationPath;
+        } else {
+            const contextPath = table.metaPath.startsWith('/') ? table.metaPath.split('@')[0] : table.contextPath;
+            const pathForLineItems = contextPath + presentation.PresentationVariant.$Path;
+            const presentationVariantType = table.getModel()?.getMetaModel()?.getObject(pathForLineItems);
+            lineItemAnnotation = presentationVariantType.Visualizations[0].$AnnotationPath;
+        }
+    }
+    return lineItemAnnotation;
+}

package/dist/client/flp/WorkspaceConnector.js

@@ -3,11 +3,13 @@
 sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStorageConnector", "sap/ui/fl/Layer", "./common", "../utils/version", "../utils/additional-change-info"], function (merge, ObjectStorageConnector, Layer, ___common, ___utils_version, ___utils_additional_change_info) {
   "use strict";
 
-  const CHANGES_API_PATH = ___common["CHANGES_API_PATH"];
+  const CHANGES_API_PATH_STATIC = ___common["CHANGES_API_PATH"];
   const getFlexSettings = ___common["getFlexSettings"];
   const getUi5Version = ___utils_version["getUi5Version"];
   const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
   const getAdditionalChangeInfo = ___utils_additional_change_info["getAdditionalChangeInfo"];
+  const baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ?? '';
+  const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
   const connector = merge({}, ObjectStorageConnector, {
     layers: [Layer.VENDOR, Layer.CUSTOMER_BASE],
     storage: {
@@ -31,7 +33,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
           change,
           additionalChangeInfo
         };
-        return fetch(CHANGES_API_PATH, {
+        return fetch(changesApiPath, {
           method: 'POST',
           body: JSON.stringify(body, null, 2),
           headers: {
@@ -47,7 +49,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
             // exceptions in the listener call are ignored
           }
         }
-        return fetch(CHANGES_API_PATH, {
+        return fetch(changesApiPath, {
           method: 'DELETE',
           body: JSON.stringify({
             fileName: key
@@ -64,7 +66,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
         // not implemented
       },
       getItems: async function () {
-        const response = await fetch(CHANGES_API_PATH, {
+        const response = await fetch(changesApiPath, {
           method: 'GET',
           headers: {
             'content-type': 'application/json'

package/dist/client/flp/WorkspaceConnector.ts

@@ -2,10 +2,13 @@ import merge from 'sap/base/util/merge';
 import ObjectStorageConnector from 'sap/ui/fl/write/api/connectors/ObjectStorageConnector';
 import Layer from 'sap/ui/fl/Layer';
 import type { FlexChange } from './common';
-import { CHANGES_API_PATH, getFlexSettings } from './common';
+import { CHANGES_API_PATH as CHANGES_API_PATH_STATIC, getFlexSettings } from './common';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../utils/version';
 import { getAdditionalChangeInfo } from '../utils/additional-change-info';
 
+const baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ??'';
+const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
+
 const connector = merge({}, ObjectStorageConnector, {
     layers: [Layer.VENDOR, Layer.CUSTOMER_BASE],
     storage: {
@@ -33,7 +36,7 @@ const connector = merge({}, ObjectStorageConnector, {
                 additionalChangeInfo
             };
 
-            return fetch(CHANGES_API_PATH, {
+            return fetch(changesApiPath, {
                 method: 'POST',
                 body: JSON.stringify(body, null, 2),
                 headers: {
@@ -50,7 +53,7 @@ const connector = merge({}, ObjectStorageConnector, {
                 }
             }
 
-            return fetch(CHANGES_API_PATH, {
+            return fetch(changesApiPath, {
                 method: 'DELETE',
                 body: JSON.stringify({ fileName: key }),
                 headers: {
@@ -65,7 +68,7 @@ const connector = merge({}, ObjectStorageConnector, {
             // not implemented
         },
         getItems: async function () {
-            const response = await fetch(CHANGES_API_PATH, {
+            const response = await fetch(changesApiPath, {
                 method: 'GET',
                 headers: {
                     'content-type': 'application/json'

package/dist/client/flp/enableFakeConnector.js

@@ -4,8 +4,11 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../uti
   "use strict";
 
   const getAdditionalChangeInfo = ___utils_additional_change_info["getAdditionalChangeInfo"];
-  const CHANGES_API_PATH = ___common["CHANGES_API_PATH"];
+  const CHANGES_API_PATH_STATIC = ___common["CHANGES_API_PATH"];
   const getFlexSettings = ___common["getFlexSettings"];
+  const baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ?? '';
+  const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
+
   /**
    * Processes an array of FlexChange objects.
    * It updates each change object with settings and sends them to a API endpoint.
@@ -32,7 +35,7 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../uti
         change,
         additionalChangeInfo
       };
-      return fetch(CHANGES_API_PATH, {
+      return fetch(changesApiPath, {
         method: 'POST',
         body: JSON.stringify(body, null, 2),
         headers: {
@@ -50,7 +53,7 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../uti
    */
   async function loadChanges(...args) {
     const lrep = new LrepConnector();
-    const response = await fetch(CHANGES_API_PATH, {
+    const response = await fetch(changesApiPath, {
       method: 'GET',
       headers: {
         'content-type': 'application/json'

package/dist/client/flp/enableFakeConnector.ts

@@ -3,7 +3,7 @@ import FakeLrepConnector from 'sap/ui/fl/FakeLrepConnector';
 import { getAdditionalChangeInfo } from '../utils/additional-change-info';
 
 import type { FlexChange } from './common';
-import { CHANGES_API_PATH, getFlexSettings } from './common';
+import { CHANGES_API_PATH as CHANGES_API_PATH_STATIC, getFlexSettings } from './common';
 
 interface FetchedChanges {
     [key: string]: FlexChange;
@@ -23,6 +23,9 @@ interface LoadChangesResult {
     messagebundle: string | undefined;
 }
 
+const baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ?? '';
+const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
+
 /**
  * Processes an array of FlexChange objects.
  * It updates each change object with settings and sends them to a API endpoint.
@@ -55,7 +58,7 @@ export async function create(changes: FlexChange | FlexChange[]): Promise<void>
             };
 
 
-            return fetch(CHANGES_API_PATH, {
+            return fetch(changesApiPath, {
                 method: 'POST',
                 body: JSON.stringify(body, null, 2),
                 headers: {
@@ -75,7 +78,7 @@ export async function create(changes: FlexChange | FlexChange[]): Promise<void>
 export async function loadChanges(...args: []): Promise<LoadChangesResult> {
     const lrep = new LrepConnector();
 
-    const response = await fetch(CHANGES_API_PATH, {
+    const response = await fetch(changesApiPath, {
         method: 'GET',
         headers: {
             'content-type': 'application/json'

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Apreview-middleware"
   },
-  "version": "0.23.99",
+  "version": "0.23.101",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -30,11 +30,11 @@
     "@sap-ux/adp-tooling": "0.18.45",
     "@sap-ux/btp-utils": "1.1.6",
     "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.7.9",
-    "@sap-ux/feature-toggle": "0.3.5",
     "@sap-ux/logger": "0.8.0",
     "@sap-ux/project-access": "1.34.2",
     "@sap-ux/system-access": "0.6.43",
-    "@sap-ux/i18n": "0.3.7"
+    "@sap-ux/i18n": "0.3.7",
+    "@sap-ux/feature-toggle": "0.3.5"
   },
   "devDependencies": {
     "@sap-ux-private/playwright": "0.2.5",
@@ -53,7 +53,7 @@
     "nock": "13.4.0",
     "npm-run-all2": "6.2.0",
     "supertest": "7.1.4",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.18.11",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.18.13",
     "@sap-ux/axios-extension": "1.25.7",
     "@sap-ux/store": "1.5.1",
     "@sap-ux/ui5-info": "0.13.8"

package/templates/flp/cdm.ejs

@@ -24,10 +24,6 @@
          for productive scenarios.
     -->
 
-    <script type="text/javascript">
-        window["data-open-ux-preview-basePath"] = "<%- basePath %>";
-    </script>
-
     <!-- Bootstrap the UI5 core library. 'data-sap-ui-frameOptions="allow"' is a NON-SECURE setting for test environments -->
     <script id="sap-ui-bootstrap"
         src="<%- basePath %>/resources/sap-ui-core.js"
@@ -49,6 +45,7 @@
         data-open-ux-preview-features='<%- JSON.stringify(features) %>'
         data-open-ux-preview-flex-settings='<%- JSON.stringify(flexSettings) %>'<% } if (locals.locateReuseLibsScript) { %>
         data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-base-url='<%- baseUrl %>'
         data-open-ux-preview-enhanced-homepage='true'>
     </script>
 

package/templates/flp/editor.ejs

@@ -10,7 +10,7 @@
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>
-        <div id="root"></div>
+        <div id="root" data-open-ux-preview-base-url="<%- baseUrl %>"></div>
         <script type="module">
             import { start } from './editor/app.js';
             start({

package/templates/flp/sandbox.ejs

@@ -40,10 +40,6 @@
         };
     </script>
 
-    <script type="text/javascript">
-        window["data-open-ux-preview-basePath"] = "<%- basePath %>";
-    </script>
-
     <script src="<%- basePath %>/test-resources/sap/ushell/bootstrap/sandbox.js" id="sap-ushell-bootstrap"></script>
     <!-- Bootstrap the UI5 core library. 'data-sap-ui-frameOptions="allow"' is a NON-SECURE setting for test environments -->
     <script id="sap-ui-bootstrap"
@@ -65,7 +61,8 @@
         data-open-ux-preview-custom-init='<%- init %>'<% } if (locals.flexSettings) { %>
         data-open-ux-preview-features='<%- JSON.stringify(features) %>'
         data-open-ux-preview-flex-settings='<%- JSON.stringify(flexSettings) %>'<% } if (locals.locateReuseLibsScript) { %>
-        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>>
+        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-base-url='<%- baseUrl %>'>
     </script>
 
 <% if (locals.flexSettings && flexSettings?.developerMode) { %>

package/templates/flp/sandbox2.ejs

@@ -40,10 +40,6 @@
         };
     </script>
 
-    <script type="text/javascript">
-        window["data-open-ux-preview-basePath"] = "<%- basePath %>";
-    </script>
-
     <script src="<%- basePath %>/resources/sap/ushell/bootstrap/sandbox2.js" id="sap-ushell-bootstrap"></script>
     <!-- Bootstrap the UI5 core library. 'data-sap-ui-frameOptions="allow"' is a NON-SECURE setting for test environments -->
     <script id="sap-ui-bootstrap"
@@ -63,7 +59,8 @@
         data-open-ux-preview-custom-init='<%- init %>'<% } if (locals.flexSettings) { %>
         data-open-ux-preview-features='<%- JSON.stringify(features) %>'
         data-open-ux-preview-flex-settings='<%- JSON.stringify(flexSettings) %>'<% } if (locals.locateReuseLibsScript) { %>
-        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>>
+        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-base-url='<%- baseUrl %>'>
     </script>
 
 <% if (locals.flexSettings && flexSettings?.developerMode) { %>

package/dist/client/adp/quick-actions/fe-v4/create-table-action.js

@@ -1,55 +0,0 @@
-"use strict";
-
-sap.ui.define(["sap/ui/dt/OverlayUtil", "../../../utils/core", "../../dialog-factory", "../dialog-enablement-validator", "../table-quick-action-base", "../control-types", "../fe-v2/create-table-custom-column"], function (OverlayUtil, _____utils_core, ____dialog_factory, ___dialog_enablement_validator, ___table_quick_action_base, ___control_types, ___fe_v2_create_table_custom_column) {
-  "use strict";
-
-  const getControlById = _____utils_core["getControlById"];
-  const DialogFactory = ____dialog_factory["DialogFactory"];
-  const DialogNames = ____dialog_factory["DialogNames"];
-  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
-  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
-  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
-  const preprocessActionExecution = ___fe_v2_create_table_custom_column["preprocessActionExecution"];
-  const CREATE_TABLE_ACTION = 'create-table-action';
-
-  /**
-   * Quick Action for creating table action.
-   */
-  class AddTableActionQuickAction extends TableQuickActionDefinitionBase {
-    constructor(context) {
-      super(CREATE_TABLE_ACTION, [MDC_TABLE_TYPE], 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [DIALOG_ENABLEMENT_VALIDATOR]);
-    }
-    async execute(path) {
-      const {
-        table,
-        sectionInfo,
-        iconTabBarFilterKey
-      } = this.tableMap[path];
-      if (!table) {
-        return [];
-      }
-      preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
-      const tableControl = getControlById(table.getId());
-      const controlOverlay = OverlayUtil.getClosestOverlayFor(tableControl);
-      if (controlOverlay) {
-        controlOverlay.setSelected(true);
-        await DialogFactory.createDialog(controlOverlay, this.context.rta, DialogNames.ADD_FRAGMENT, undefined, {
-          aggregation: 'actions',
-          defaultAggregationArrayIndex: 0,
-          title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION'
-        }, {
-          actionName: this.type,
-          telemetryEventIdentifier: this.getTelemetryIdentifier()
-        });
-      }
-      return [];
-    }
-  }
-  var __exports = {
-    __esModule: true
-  };
-  __exports.CREATE_TABLE_ACTION = CREATE_TABLE_ACTION;
-  __exports.AddTableActionQuickAction = AddTableActionQuickAction;
-  return __exports;
-});
-//# sourceMappingURL=create-table-action.js.map

package/dist/client/adp/quick-actions/fe-v4/create-table-action.ts

@@ -1,55 +0,0 @@
-import OverlayUtil from 'sap/ui/dt/OverlayUtil';
-import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
-
-import {
-    QuickActionContext,
-    NestedQuickActionDefinition
-} from '../../../cpe/quick-actions/quick-action-definition';
-import { getControlById } from '../../../utils/core';
-import { DialogFactory, DialogNames } from '../../dialog-factory';
-import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
-import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
-import { MDC_TABLE_TYPE } from '../control-types';
-import { preprocessActionExecution } from '../fe-v2/create-table-custom-column';
-
-export const CREATE_TABLE_ACTION = 'create-table-action';
-
-/**
- * Quick Action for creating table action.
- */
-export class AddTableActionQuickAction extends TableQuickActionDefinitionBase implements NestedQuickActionDefinition {
-    constructor(context: QuickActionContext) {
-        super(CREATE_TABLE_ACTION, [MDC_TABLE_TYPE], 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [
-            DIALOG_ENABLEMENT_VALIDATOR
-        ]);
-    }
-
-    async execute(path: string): Promise<FlexCommand[]> {
-        const { table, sectionInfo, iconTabBarFilterKey } = this.tableMap[path];
-        if (!table) {
-            return [];
-        }
-
-        preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
-        const tableControl = getControlById(table.getId());
-        const controlOverlay = OverlayUtil.getClosestOverlayFor(tableControl);
-        if (controlOverlay) {
-            controlOverlay.setSelected(true);
-
-            await DialogFactory.createDialog(
-                controlOverlay,
-                this.context.rta,
-                DialogNames.ADD_FRAGMENT,
-                undefined,
-                {
-                    aggregation: 'actions',
-                    defaultAggregationArrayIndex: 0,
-                    title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION'
-                },
-                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
-            );
-        }
-
-        return [];
-    }
-}