@reltio/components 1.4.1579 → 1.4.1580

package/esm/hooks/useAPI/helpers.d.ts

@@ -1,5 +1,10 @@
-export declare const isNewUI: (path?: string) => boolean;
+import { CustomActionTask, CustomActionTaskParams, CustomScript, RequestHandler, ResponseHandler } from '@reltio/mdm-sdk';
+export declare const isValidCustomScript: (config?: CustomScript) => boolean;
+export declare const isURLtoProcess: (url: string, processApi?: string[]) => boolean;
 export declare const getWorkerURL: (uiPath: string, tenant: string) => string;
+export declare const getRequestFakeUrl: (url: string, apiPath: string, reltioPath: string, tenant: string) => string;
+export declare const getResponseFakeUrl: (url: string, apiPath: string, reltioPath: string) => string;
+export declare const getProcessedTask: (task: CustomActionTask, apiPath: string, reltioPath: string, tenant: string) => CustomActionTask;
 export declare const getFilesWithArrayBuffer: (files: FileList) => Promise<unknown[]>;
 type ResetHTMLParams = {
     worker: Worker;
@@ -10,18 +15,6 @@ type ResetHTMLParams = {
     setHtml: any;
 };
 export declare const resetHtml: ({ worker, setTooltip, innerText, html, setListenersToReset, setHtml }: ResetHTMLParams) => void;
-export declare const setUpQooxdooRequestInterceptor: ({ workerRef, setRequestListeners }: {
-    workerRef: any;
-    setRequestListeners: any;
-}) => {
-    processApiRequest: (url: any, method: any, headers: any, data: any, next: any) => void;
-};
-export declare const setUpQooxdooResponseInterceptor: ({ workerRef, setResponseListeners }: {
-    workerRef: any;
-    setResponseListeners: any;
-}) => {
-    processApiResponse: (url: any, method: any, data: any, next: any) => void;
-};
 export declare const setUpRequestInterceptor: ({ apiPath, reltioPath, tenant, processApiRequest, workerRef, setRequestListeners }: {
     apiPath: any;
     reltioPath: any;
@@ -29,24 +22,12 @@ export declare const setUpRequestInterceptor: ({ apiPath, reltioPath, tenant, pr
     processApiRequest: any;
     workerRef: any;
     setRequestListeners: any;
-}) => ({ options, url, next, resolve }: {
-    next: (url: string, options: RequestInit) => void;
-    abort?: (error: Error) => void;
-    resolve: (data: unknown) => void;
-    url: string;
-    options: RequestInit;
-}) => void;
+}) => RequestHandler<RequestInit & CustomActionTaskParams>;
 export declare const setUpResponseInterceptor: ({ reltioPath, apiPath, processApiResponse, workerRef, setResponseListeners }: {
     reltioPath: any;
     apiPath: any;
     processApiResponse: any;
     workerRef: any;
     setResponseListeners: any;
-}) => ({ url, response, next, options, abort }: {
-    url: any;
-    response: any;
-    next: any;
-    options: any;
-    abort: any;
-}) => void;
+}) => ResponseHandler<RequestInit & CustomActionTaskParams>;
 export {};

package/esm/hooks/useAPI/helpers.js

@@ -9,17 +9,37 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { CustomScriptPlatform, RequestAction, isEmptyValue } from '@reltio/mdm-sdk';
 import { nanoid } from 'nanoid';
-export var isNewUI = function (path) {
-    return path === null || path === void 0 ? void 0 : path.includes('/nui');
+export var isValidCustomScript = function (config) {
+    var _a = config || {}, files = _a.files, platform = _a.platform;
+    return !isEmptyValue(files) && platform !== CustomScriptPlatform.CLASSIC;
+};
+export var isURLtoProcess = function (url, processApi) {
+    if (processApi === void 0) { processApi = []; }
+    return processApi.some(function (request) {
+        var regExp = new RegExp("^".concat(request, "$"));
+        return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
+    });
 };
 export var getWorkerURL = function (uiPath, tenant) {
-    if (isNewUI(uiPath)) {
-        return "".concat(uiPath.replace("".concat(tenant, "/"), ''), "worker_api.js");
-    }
-    else {
-        return "".concat(uiPath, "worker_api.js");
+    return "".concat(uiPath.replace("".concat(tenant, "/"), ''), "worker_api.js");
+};
+export var getRequestFakeUrl = function (url, apiPath, reltioPath, tenant) {
+    return url.startsWith(apiPath) ? "".concat(reltioPath).concat(url.replace(apiPath, '')) : "".concat(reltioPath, "/api/").concat(tenant).concat(url);
+};
+export var getResponseFakeUrl = function (url, apiPath, reltioPath) {
+    return "".concat(reltioPath).concat(url.replace(apiPath, ''));
+};
+export var getProcessedTask = function (task, apiPath, reltioPath, tenant) {
+    var _a = task.params, url = _a.url, name = _a.name;
+    if (!url) {
+        return task;
     }
+    var isApiAction = name === RequestAction.API;
+    var isGlobalUrl = url.startsWith('/') && !url.startsWith(apiPath);
+    var newUrl = isGlobalUrl && isApiAction ? "".concat(apiPath, "/api/").concat(tenant).concat(url) : url.replace(reltioPath, apiPath);
+    return __assign(__assign({}, task), { params: __assign(__assign({}, task.params), { url: newUrl, validationUrl: url }) });
 };
 export var getFilesWithArrayBuffer = function (files) {
     var readFilePromises = Array.from(files).map(function (file) {
@@ -88,54 +108,12 @@ export var resetHtml = function (_a) {
     setListenersToReset(handlersToReset);
     setHtml(docBlock);
 };
-var isURLtoProcess = function (processApi, url) {
-    return (processApi || []).some(function (request) {
-        var regExp = new RegExp("^".concat(request, "$"));
-        return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
-    });
-};
-export var setUpQooxdooRequestInterceptor = function (_a) {
-    var workerRef = _a.workerRef, setRequestListeners = _a.setRequestListeners;
-    return ({
-        processApiRequest: function (url, method, headers, data, next) {
-            var requestId = nanoid();
-            var options = { url: url, method: method, headers: headers, noRequestProcessor: true };
-            setRequestListeners(options, next, requestId);
-            workerRef.current.postMessage({
-                action: 'apiRequest',
-                id: requestId,
-                url: url,
-                method: method,
-                headers: headers,
-                data: data
-            });
-        }
-    });
-};
-export var setUpQooxdooResponseInterceptor = function (_a) {
-    var workerRef = _a.workerRef, setResponseListeners = _a.setResponseListeners;
-    return ({
-        processApiResponse: function (url, method, data, next) {
-            var responseId = nanoid();
-            setResponseListeners(next, responseId);
-            workerRef.current.postMessage({
-                action: 'apiResponse',
-                id: responseId,
-                url: url,
-                method: method,
-                data: data
-            });
-        }
-    });
-};
 export var setUpRequestInterceptor = function (_a) {
     var apiPath = _a.apiPath, reltioPath = _a.reltioPath, tenant = _a.tenant, processApiRequest = _a.processApiRequest, workerRef = _a.workerRef, setRequestListeners = _a.setRequestListeners;
     return function (_a) {
-        var _b = _a.options, options = _b === void 0 ? {} : _b, url = _a.url, next = _a.next, resolve = _a.resolve;
-        var fakeURL = url.startsWith('/') && !url.startsWith(apiPath)
-            ? "".concat(reltioPath, "/api/").concat(tenant).concat(url)
-            : "".concat(reltioPath).concat(url.replace(apiPath, ''));
-        var isProcessableUrl = isURLtoProcess(processApiRequest, fakeURL);
+        var url = _a.url, next = _a.next, resolve = _a.resolve, _b = _a.options, options = _b === void 0 ? {} : _b;
+        var fakeURL = getRequestFakeUrl(url, apiPath, reltioPath, tenant);
+        var isProcessableUrl = isURLtoProcess(fakeURL, processApiRequest);
         if (isProcessableUrl) {
             var requestId = nanoid();
             setRequestListeners(options, next, requestId, resolve);
@@ -144,7 +122,7 @@ export var setUpRequestInterceptor = function (_a) {
                 id: requestId,
                 url: fakeURL,
                 method: options.method,
-                headers: __assign(__assign({}, options.headers), { origin: 'ui', requestId: requestId }),
+                headers: options.headers,
                 data: options.body
             });
         }
@@ -156,19 +134,21 @@ export var setUpRequestInterceptor = function (_a) {
 export var setUpResponseInterceptor = function (_a) {
     var reltioPath = _a.reltioPath, apiPath = _a.apiPath, processApiResponse = _a.processApiResponse, workerRef = _a.workerRef, setResponseListeners = _a.setResponseListeners;
     return function (_a) {
-        var _b;
         var url = _a.url, response = _a.response, next = _a.next, options = _a.options, abort = _a.abort;
-        if (((_b = options === null || options === void 0 ? void 0 : options.headers) === null || _b === void 0 ? void 0 : _b.origin) === 'ui') {
+        var fakeURL = getResponseFakeUrl(url, apiPath, reltioPath);
+        var isProcessableUrl = isURLtoProcess(fakeURL, processApiResponse);
+        if (isProcessableUrl) {
+            var responseId_1 = nanoid();
             response
                 .json()
                 .then(function (data) {
-                var _a, _b;
-                setResponseListeners(next, options.headers.requestId);
+                setResponseListeners(next, responseId_1);
                 workerRef.current.postMessage({
-                    action: 'response',
-                    result: { data: data, status: response.status },
-                    id: options === null || options === void 0 ? void 0 : options.id,
-                    name: (_b = (_a = options === null || options === void 0 ? void 0 : options.task) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.name
+                    action: 'apiResponse',
+                    id: responseId_1,
+                    url: fakeURL,
+                    method: options.method,
+                    data: data
                 });
             })
                 .catch(function (error) {
@@ -176,29 +156,7 @@ export var setUpResponseInterceptor = function (_a) {
             });
         }
         else {
-            var fakeURL_1 = "".concat(reltioPath).concat(url.replace(apiPath, ''));
-            var isProcessableUrl = isURLtoProcess(processApiResponse, fakeURL_1);
-            if (isProcessableUrl) {
-                var responseId_1 = nanoid();
-                response
-                    .json()
-                    .then(function (data) {
-                    setResponseListeners(next, responseId_1);
-                    workerRef.current.postMessage({
-                        action: 'apiResponse',
-                        id: responseId_1,
-                        url: fakeURL_1,
-                        method: options.method,
-                        data: data
-                    });
-                })
-                    .catch(function (error) {
-                    abort(error);
-                });
-            }
-            else {
-                next(response);
-            }
+            next(response);
         }
     };
 };

package/esm/hooks/useAPI/types.d.ts

@@ -1,16 +1,13 @@
-import { CustomActionTask, CustomActionTaskParams, CustomActionExtension, CustomActionViewConfig, CustomScriptExtension, RequestAction, Entity } from '@reltio/mdm-sdk';
+import { CustomActionTask, CustomActionTaskParams, CustomActionExtension, CustomActionViewConfig, CustomScriptExtension, Entity } from '@reltio/mdm-sdk';
 export type ProcessRequestParams = {
-    name: RequestAction;
-    paramObject: {
-        params: CustomActionTaskParams;
-    };
+    params: CustomActionTaskParams;
     permissions?: string[];
     worker: Worker;
     metadata: any;
     config: CustomActionExtension | CustomActionViewConfig | CustomScriptExtension;
     user: any;
     apiPath: string;
-    workflowPath: string;
+    workflowPath?: string;
     environment: string;
     entity: any;
     tenant: any;

package/esm/hooks/useAPI/useAPI.js

@@ -12,23 +12,23 @@ var __assign = (this && this.__assign) || function () {
 import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue, RequestAction } from '@reltio/mdm-sdk';
-import { always, assocPath, both, concat, evolve, has, ifElse, omit, pathEq, pathOr, pipe, replace, startsWith, when } from 'ramda';
+import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
+import { omit } from 'ramda';
 import { useWorkflowCheckPermission } from '../../components/workflow';
 import { useHtmlSanitizer } from '../useHtmlSanitizer';
 import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../../contexts';
 import { processRequest } from './API';
-import { getWorkerURL, isNewUI, resetHtml, setUpQooxdooRequestInterceptor, setUpQooxdooResponseInterceptor, setUpRequestInterceptor, setUpResponseInterceptor } from './helpers';
+import { getWorkerURL, isValidCustomScript, resetHtml, getProcessedTask, setUpRequestInterceptor, setUpResponseInterceptor } from './helpers';
 export var useAPI = function (config) {
-    var _a, _b, _c, _d;
     if (config === void 0) { config = {}; }
-    var _e = useState(), html = _e[0], setHtml = _e[1];
-    var _f = useState([]), listenersToReset = _f[0], setListenersToReset = _f[1];
-    var _g = useState([]), popupListenersToReset = _g[0], setPopupListenersToReset = _g[1];
-    var _h = useState(true), visible = _h[0], setVisible = _h[1];
-    var _j = useState(), popup = _j[0], setPopup = _j[1];
-    var _k = useState(null), tooltip = _k[0], setTooltip = _k[1];
-    var _l = useState({}), customStyles = _l[0], setCustomStyles = _l[1];
+    var _a = config.action || {}, processApiRequest = _a.processApiRequest, processApiResponse = _a.processApiResponse, platform = _a.platform;
+    var _b = useState(), html = _b[0], setHtml = _b[1];
+    var _c = useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
+    var _d = useState([]), popupListenersToReset = _d[0], setPopupListenersToReset = _d[1];
+    var _e = useState(true), visible = _e[0], setVisible = _e[1];
+    var _f = useState(), popup = _f[0], setPopup = _f[1];
+    var _g = useState(null), tooltip = _g[0], setTooltip = _g[1];
+    var _h = useState({}), customStyles = _h[0], setCustomStyles = _h[1];
     var workerRef = useRef();
     var requestListeners = useRef({});
     var responseListeners = useRef({});
@@ -51,10 +51,8 @@ export var useAPI = function (config) {
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var isEditableMode = useSelector(mdmModule.selectors.getIsEditableMode);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
-    var _m = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _m.type, search = _m.data;
+    var _j = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _j.type, search = _j.data;
     var searchQuery = typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null;
-    var isOldUI = !isNewUI(servicesPath);
-    var supportedInterceptHandlers = isOldUI ? qxApi.interceptors : interceptHandlers;
     var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
     var innerText = '';
     var popupText = '';
@@ -143,15 +141,8 @@ export var useAPI = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
-                    var processedApiPath = isOldUI ? reltioPath : apiPath;
-                    var isGlobalUrl = startsWith('/', pathOr('', ['params', 'url'], task)) &&
-                        !startsWith(apiPath, pathOr('', ['params', 'url'], task));
-                    var isApiAction = pathEq(['params', 'name'], RequestAction.API, task);
-                    var processedParams = pipe(evolve({
-                        url: ifElse(both(always(isGlobalUrl), always(isApiAction)), concat("".concat(processedApiPath, "/api/").concat(tenant)), replace(reltioPath, apiPath))
-                    }), when(has('url'), assocPath(['validationUrl'], task.params.url)))(task.params);
-                    var processedTask = __assign(__assign({}, task), { params: processedParams });
-                    processRequest(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    var processedTask = getProcessedTask(task, apiPath, reltioPath, tenant);
+                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -181,20 +172,18 @@ export var useAPI = function (config) {
         var _a;
         responseListeners.current = __assign(__assign({}, responseListeners.current), (_a = {}, _a[responseId] = { next: next }, _a));
     };
-    var qooxdooRequestInterceptor = setUpQooxdooRequestInterceptor({ workerRef: workerRef, setRequestListeners: setRequestListeners });
-    var qooxdooResponseInterceptor = setUpQooxdooResponseInterceptor({ workerRef: workerRef, setResponseListeners: setResponseListeners });
     var requestInterceptor = setUpRequestInterceptor({
         apiPath: apiPath,
         reltioPath: reltioPath,
         tenant: tenant,
-        processApiRequest: (_a = config === null || config === void 0 ? void 0 : config.action) === null || _a === void 0 ? void 0 : _a.processApiRequest,
+        processApiRequest: processApiRequest,
         workerRef: workerRef,
         setRequestListeners: setRequestListeners
     });
     var responseInterceptor = setUpResponseInterceptor({
         reltioPath: reltioPath,
         apiPath: apiPath,
-        processApiResponse: (_b = config === null || config === void 0 ? void 0 : config.action) === null || _b === void 0 ? void 0 : _b.processApiResponse,
+        processApiResponse: processApiResponse,
         workerRef: workerRef,
         setResponseListeners: setResponseListeners
     });
@@ -203,11 +192,10 @@ export var useAPI = function (config) {
         (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({ action: 'event', type: type, data: data });
     };
     var pendingInterceptors = useRef(false);
-    var needDelayedRequestForInterceptors = !isOldUI &&
-        interceptHandlers &&
+    var needDelayedRequestForInterceptors = interceptHandlers &&
         !isEmptyValue(config.action) &&
-        config.action.platform !== CustomScriptPlatform.CLASSIC &&
-        (((_c = config === null || config === void 0 ? void 0 : config.action) === null || _c === void 0 ? void 0 : _c.processApiRequest) || ((_d = config === null || config === void 0 ? void 0 : config.action) === null || _d === void 0 ? void 0 : _d.processApiResponse));
+        platform !== CustomScriptPlatform.CLASSIC &&
+        (processApiRequest || processApiResponse);
     if (needDelayedRequestForInterceptors) {
         if (!pendingInterceptors.current && !workerRef.current) {
             interceptHandlers.startInterceptorInit();
@@ -215,7 +203,7 @@ export var useAPI = function (config) {
         }
     }
     useEffect(function () {
-        if (!isEmptyValue(config.action) && config.action.platform !== CustomScriptPlatform.CLASSIC) {
+        if (isValidCustomScript(config.action)) {
             workerRef.current = initializeWebWorker(workerUrl, process, config);
             if (pendingInterceptors.current) {
                 interceptHandlers.finishInterceptorInit();
@@ -244,30 +232,18 @@ export var useAPI = function (config) {
         postEventMessage('execute', null);
     }, [config]);
     useEffect(function () {
-        var _a, _b, _c, _d;
-        if (!isEmptyValue(supportedInterceptHandlers) &&
-            (((_a = config === null || config === void 0 ? void 0 : config.action) === null || _a === void 0 ? void 0 : _a.processApiRequest) || ((_b = config === null || config === void 0 ? void 0 : config.action) === null || _b === void 0 ? void 0 : _b.processApiResponse))) {
-            var addInternalRequestInterceptor = supportedInterceptHandlers.addInternalRequestInterceptor, addInternalResponseInterceptor = supportedInterceptHandlers.addInternalResponseInterceptor, removeInternalRequestInterceptor_1 = supportedInterceptHandlers.removeInternalRequestInterceptor, removeInternalResponseInterceptor_1 = supportedInterceptHandlers.removeInternalResponseInterceptor;
-            if (isOldUI) {
-                addInternalRequestInterceptor((_c = config === null || config === void 0 ? void 0 : config.action) === null || _c === void 0 ? void 0 : _c.processApiRequest, qooxdooRequestInterceptor);
-                addInternalResponseInterceptor((_d = config === null || config === void 0 ? void 0 : config.action) === null || _d === void 0 ? void 0 : _d.processApiResponse, qooxdooResponseInterceptor);
-                return function () {
-                    removeInternalRequestInterceptor_1(qooxdooRequestInterceptor);
-                    removeInternalResponseInterceptor_1(qooxdooResponseInterceptor);
-                };
-            }
-            else {
-                addInternalRequestInterceptor(requestInterceptor);
-                addInternalResponseInterceptor(responseInterceptor);
-                workerRef.current.onerror = function () {
-                    removeInternalRequestInterceptor_1(requestInterceptor);
-                    removeInternalResponseInterceptor_1(responseInterceptor);
-                };
-                return function () {
-                    removeInternalRequestInterceptor_1(requestInterceptor);
-                    removeInternalResponseInterceptor_1(responseInterceptor);
-                };
-            }
+        if (!isEmptyValue(interceptHandlers) && (processApiRequest || processApiResponse)) {
+            var addInternalRequestInterceptor = interceptHandlers.addInternalRequestInterceptor, addInternalResponseInterceptor = interceptHandlers.addInternalResponseInterceptor, removeInternalRequestInterceptor_1 = interceptHandlers.removeInternalRequestInterceptor, removeInternalResponseInterceptor_1 = interceptHandlers.removeInternalResponseInterceptor;
+            addInternalRequestInterceptor(requestInterceptor);
+            addInternalResponseInterceptor(responseInterceptor);
+            workerRef.current.onerror = function () {
+                removeInternalRequestInterceptor_1(requestInterceptor);
+                removeInternalResponseInterceptor_1(responseInterceptor);
+            };
+            return function () {
+                removeInternalRequestInterceptor_1(requestInterceptor);
+                removeInternalResponseInterceptor_1(responseInterceptor);
+            };
         }
     }, [config]);
     return { html: html, visible: visible, tooltip: tooltip, customStyles: customStyles, onClick: onClick, popup: popup };

package/esm/hooks/useCustomScripts.js

@@ -32,19 +32,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { useContext, useEffect, useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
-import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue, RequestAction } from '@reltio/mdm-sdk';
+import { CustomAction, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import { nanoid } from 'nanoid';
-import { always, assocPath, both, concat, evolve, find, has, ifElse, map, omit, pathEq, pathOr, pick, pipe, prop, replace, startsWith, when } from 'ramda';
+import { omit } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
 import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../contexts';
 import { getWorkerURL, processRequest } from './useAPI';
-import { isNewUI } from './useAPI/helpers';
-var isURLtoProcess = function (processApi, url) {
-    return (processApi || []).some(function (request) {
-        var regExp = new RegExp("^".concat(request, "$"));
-        return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
-    });
-};
+import { isValidCustomScript, isURLtoProcess, getProcessedTask, getRequestFakeUrl, getResponseFakeUrl } from './useAPI/helpers';
 var getCustomViewConfig = function (config) {
     var processApiResponse = config.processApiResponse, processApiRequest = config.processApiRequest, permissions = config.permissions, files = config.files, otherProps = __rest(config, ["processApiResponse", "processApiRequest", "permissions", "files"]);
     return __assign({ action: { processApiResponse: processApiResponse, processApiRequest: processApiRequest, permissions: permissions, files: files } }, otherProps);
@@ -52,7 +46,7 @@ var getCustomViewConfig = function (config) {
 export var useCustomScripts = function (config) {
     var _a;
     var customScripts = config.reduce(function (acc, customScript) {
-        if (customScript.platform !== CustomScriptPlatform.CLASSIC) {
+        if (isValidCustomScript(customScript)) {
             return __spreadArray(__spreadArray([], acc, true), [__assign(__assign({}, customScript), { actionId: nanoid() })], false);
         }
         return acc;
@@ -92,16 +86,8 @@ export var useCustomScripts = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
-                    var isOldUI = !isNewUI(servicesPath);
-                    var processedApiPath = isOldUI ? reltioPath : apiPath;
-                    var isGlobalUrl = startsWith('/', pathOr('', ['params', 'url'], task)) &&
-                        !startsWith(apiPath, pathOr('', ['params', 'url'], task));
-                    var isApiAction = pathEq(['params', 'name'], RequestAction.API, task);
-                    var processedParams = pipe(evolve({
-                        url: ifElse(both(always(isGlobalUrl), always(isApiAction)), concat("".concat(processedApiPath, "/api/").concat(tenant)), replace(reltioPath, apiPath))
-                    }), when(has('url'), assocPath(['validationUrl'], task.params.url)))(task.params);
-                    var processedTask = __assign(__assign({}, task), { params: processedParams });
-                    processRequest(__assign({ name: processedTask.params.name, paramObject: processedTask, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    var processedTask = getProcessedTask(task, apiPath, reltioPath, tenant);
+                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -140,14 +126,13 @@ export var useCustomScripts = function (config) {
     }, [config, metadata]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;
-        var _c = _a.options, options = _c === void 0 ? {} : _c, url = _a.url, next = _a.next, resolve = _a.resolve;
-        var fakeURL = url.startsWith('/') && !url.startsWith(apiPath)
-            ? "".concat(reltioPath, "/api/").concat(tenant).concat(url)
-            : "".concat(reltioPath).concat(url.replace(apiPath, ''));
-        var actionId = pipe(map(pick(['actionId', 'processApiRequest'])), find(function (_a) {
+        var url = _a.url, next = _a.next, resolve = _a.resolve, options = _a.options;
+        var fakeURL = getRequestFakeUrl(url, apiPath, reltioPath, tenant);
+        var customScript = customScripts.find(function (_a) {
             var processApiRequest = _a.processApiRequest;
-            return isURLtoProcess(processApiRequest, fakeURL);
-        }), prop('actionId'))(customScripts);
+            return isURLtoProcess(fakeURL, processApiRequest);
+        });
+        var actionId = customScript === null || customScript === void 0 ? void 0 : customScript.actionId;
         if (actionId) {
             var requestId = nanoid();
             requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId, resolve: resolve }, _b));
@@ -156,7 +141,7 @@ export var useCustomScripts = function (config) {
                 id: requestId,
                 url: fakeURL,
                 method: options.method,
-                headers: __assign(__assign({}, options.headers), { origin: 'ui', requestId: requestId, actionId: actionId }),
+                headers: __assign(__assign({}, options.headers), { actionId: actionId }),
                 data: options.body || options.data
             });
         }
@@ -165,20 +150,26 @@ export var useCustomScripts = function (config) {
         }
     };
     var customScriptResponseInterceptor = function (_a) {
-        var _b;
         var url = _a.url, response = _a.response, next = _a.next, options = _a.options, abort = _a.abort;
-        if (((_b = options === null || options === void 0 ? void 0 : options.headers) === null || _b === void 0 ? void 0 : _b.origin) === 'ui') {
+        var fakeURL = getResponseFakeUrl(url, apiPath, reltioPath);
+        var customScript = customScripts.find(function (_a) {
+            var processApiResponse = _a.processApiResponse;
+            return isURLtoProcess(fakeURL, processApiResponse);
+        });
+        var actionId = customScript === null || customScript === void 0 ? void 0 : customScript.actionId;
+        if (actionId) {
+            var responseId_1 = nanoid();
             response
                 .json()
                 .then(function (data) {
                 var _a;
-                var _b, _c, _d;
-                responseListeners.current = __assign(__assign({}, responseListeners.current), (_a = {}, _a[options.headers.requestId] = { next: next }, _a));
-                workers.current[(_b = options.headers) === null || _b === void 0 ? void 0 : _b.actionId].postMessage({
-                    action: 'response',
-                    result: { data: data, status: response.status },
-                    id: options === null || options === void 0 ? void 0 : options.id,
-                    name: (_d = (_c = options === null || options === void 0 ? void 0 : options.task) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.name
+                responseListeners.current = __assign(__assign({}, responseListeners.current), (_a = {}, _a[responseId_1] = { next: next }, _a));
+                workers.current[actionId].postMessage({
+                    action: 'apiResponse',
+                    id: responseId_1,
+                    url: fakeURL,
+                    method: options.method,
+                    data: data
                 });
             })
                 .catch(function (error) {
@@ -186,33 +177,7 @@ export var useCustomScripts = function (config) {
             });
         }
         else {
-            var fakeURL_1 = "".concat(reltioPath).concat(url.replace(apiPath, ''));
-            var actionId_1 = pipe(map(pick(['actionId', 'processApiResponse'])), find(function (_a) {
-                var processApiResponse = _a.processApiResponse;
-                return isURLtoProcess(processApiResponse, fakeURL_1);
-            }), prop('actionId'))(customScripts);
-            if (actionId_1) {
-                var responseId_1 = nanoid();
-                response
-                    .json()
-                    .then(function (data) {
-                    var _a;
-                    responseListeners.current = __assign(__assign({}, responseListeners.current), (_a = {}, _a[responseId_1] = { next: next }, _a));
-                    workers.current[actionId_1].postMessage({
-                        action: 'apiResponse',
-                        id: responseId_1,
-                        url: fakeURL_1,
-                        method: options.method,
-                        data: data
-                    });
-                })
-                    .catch(function (error) {
-                    abort(error);
-                });
-            }
-            else {
-                next(response);
-            }
+            next(response);
         }
     };
     useEffect(function () {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1579",
+  "version": "1.4.1580",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1579",
-    "@reltio/mdm-sdk": "^1.4.1579",
+    "@reltio/mdm-module": "^1.4.1580",
+    "@reltio/mdm-sdk": "^1.4.1580",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",