@reltio/components 1.4.1434 → 1.4.1436

package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.js

@@ -7,6 +7,7 @@ import Title from '../../../Title/Title';
 import ShowMore from '../../pagersCommon/ShowMore';
 import ShowLess from '../../pagersCommon/ShowLess';
 import OvIcon from '../../OvIcon';
+import DescriptionIcon from '../../DescriptionIcon';
 var MultiLineRenderer = function (_a) {
     var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = useMultiLineStyles();
@@ -14,7 +15,7 @@ var MultiLineRenderer = function (_a) {
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
-    var label = attributeType.label;
+    var label = attributeType.label, description = attributeType.description;
     var onShowMore = function () {
         if (values.length < totalVisibleValues) {
             requestNextPageOfAttributeValues({
@@ -35,6 +36,7 @@ var MultiLineRenderer = function (_a) {
     return (React.createElement("div", { className: styles.wrapper },
         React.createElement("div", { className: styles.titleRow },
             React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { description: description }),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
         React.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (React.createElement(Attribute, { key: value.uri, className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),

package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -5,18 +5,20 @@ import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../../constants';
 import CommentsContainer from '../../../CommentsContainer/CommentsContainer';
 import Title from '../../../Title/Title';
 import OvIcon from '../../OvIcon';
+import DescriptionIcon from '../../DescriptionIcon/DescriptionIcon';
 import Attribute from '../AttributesFactory/Attribute';
 import { useOneLineStyles } from './styles';
 var OneLineRenderer = function (_a) {
     var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = useOneLineStyles();
-    var label = attributeType.label;
+    var label = attributeType.label, description = attributeType.description;
     var objectType = isRelationAttrType(attributeType)
         ? CollaborationObjectTypes.RELATION_ATTRIBUTE
         : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (React.createElement("div", { className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
         React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
             React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { description: description, className: styles.descriptionIcon }),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             React.createElement(Attribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(objectType, {

package/esm/components/attributes/readMode/AttributesPager/styles.d.ts

@@ -1,3 +1,3 @@
 export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
-export const useOneLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon">;
-export const useMultiLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon">;
+export const useOneLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export const useMultiLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;

package/esm/components/attributes/readMode/AttributesPager/styles.js

@@ -27,6 +27,11 @@ var commonStyles = {
         marginRight: '-3px',
         marginTop: '-1px',
         textIndent: 0
+    },
+    descriptionIcon: {
+        marginTop: '-1px',
+        textIndent: 0,
+        marginRight: '-10px'
     }
 };
 export var useStyles = makeStyles({

package/esm/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './activityLog';
 export { default as AttributeListItem } from './AttributeListItem/AttributeListItem';
 export { default as AttributesView } from './attributes/AttributesView';
+export { default as DescriptionIcon } from './attributes/DescriptionIcon';
 export { default as BranchDecorator } from './attributes/BranchDecorator/BranchDecorator';
 export { default as AttributesList } from './attributes/editMode/AttributesList';
 export { default as EntityCreator } from './attributes/editMode/EntityCreator';

package/esm/components/index.js

@@ -1,6 +1,7 @@
 export * from './activityLog';
 export { default as AttributeListItem } from './AttributeListItem/AttributeListItem';
 export { default as AttributesView } from './attributes/AttributesView';
+export { default as DescriptionIcon } from './attributes/DescriptionIcon';
 export { default as BranchDecorator } from './attributes/BranchDecorator/BranchDecorator';
 export { default as AttributesList } from './attributes/editMode/AttributesList';
 export { default as EntityCreator } from './attributes/editMode/EntityCreator';

package/esm/components/workflow/hooks/useWorkflowTasks.js

@@ -14,6 +14,7 @@ export var useWorkflowTasks = function (config) {
     var tenant = useSelector(mdmModule.selectors.getTenant);
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var isEditableMode = useSelector(mdmModule.selectors.getIsEditableMode);
+    var entityLastLoadedTime = useSelector(mdmModule.selectors.getProfileLastLoadedTime);
     var checkWorkflowPermission = useWorkflowCheckPermission();
     var canViewTasks = checkWorkflowPermission('VIEW_TASKS');
     var enabled = !!(workflowPath && environment) && isWorkflowEnabled && canViewTasks;
@@ -45,7 +46,18 @@ export var useWorkflowTasks = function (config) {
             .finally(function () {
             setLoading(false);
         });
-    }, [entityUri, environment, safePromise, tenant, workflowPath, assignee, showClosedTasks, processTypes]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        entityUri,
+        environment,
+        safePromise,
+        tenant,
+        workflowPath,
+        assignee,
+        showClosedTasks,
+        processTypes,
+        entityLastLoadedTime
+    ]);
     useEffect(function () {
         if (entityUri && enabled && !isTempUri(entityUri)) {
             loadTasks();

package/esm/contexts/FeaturesContext/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Features = {
+    showDescription?: boolean;
+};
+export declare const FeaturesContext: React.Context<Features>;
+export {};

package/esm/contexts/FeaturesContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var FeaturesContext = React.createContext({});
+FeaturesContext.displayName = 'FeaturesContext';

package/esm/contexts/index.d.ts

@@ -25,3 +25,4 @@ export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
 export { UrlGeneratorsContext } from './UrlGeneratorsContext';
 export { LabelsContext } from './LabelsContext';
+export { FeaturesContext } from './FeaturesContext';

package/esm/contexts/index.js

@@ -25,3 +25,4 @@ export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
 export { UrlGeneratorsContext } from './UrlGeneratorsContext';
 export { LabelsContext } from './LabelsContext';
+export { FeaturesContext } from './FeaturesContext';

package/esm/hooks/useAPI/API.js

@@ -57,7 +57,7 @@ var processFromQuery = function (params, permissions, workflowPath, tenant, envi
     if (!workflowPath) {
         return new Promise(function (resolve) { return resolve({ errorMessage: 'Workflow path is not defined' }); });
     }
-    var errors = validateParams(__assign({ url: '/processInstances/_generateFromQuery' }, params), permissions);
+    var errors = validateParams(__assign({ validationUrl: '/processInstances/_generateFromQuery' }, params), permissions);
     if (errors) {
         return new Promise(function (resolve) { return resolve(errors); });
     }
@@ -117,7 +117,7 @@ var sendApiRequest = function (params, permissions, signHandler) { return __awai
             case 0:
                 errors = validateParams(params, permissions);
                 if (errors) {
-                    return [2 /*return*/, errors];
+                    return [2 /*return*/, Promise.reject(errors)];
                 }
                 return [4 /*yield*/, getHeaders(params, signHandler)];
             case 1:
@@ -134,18 +134,18 @@ var sendApiRequest = function (params, permissions, signHandler) { return __awai
     });
 }); };
 var validateParams = function (params, permissions) {
-    var url = params.url;
-    if (!url)
+    var validationUrl = params.validationUrl;
+    if (!validationUrl)
         return { errorMessage: 'URL is empty' };
     var allowed = permissions === null || permissions === void 0 ? void 0 : permissions.some(function (permission) {
         var _a;
-        var urlOrigin = (_a = url.match(/^(https?:\/\/[^:/?#]*).*$/)) === null || _a === void 0 ? void 0 : _a[1];
+        var urlOrigin = (_a = validationUrl.match(/^(https?:\/\/[^:/?#]*).*$/)) === null || _a === void 0 ? void 0 : _a[1];
         var permRegex = new RegExp('^' + permission + '$');
         var decodedPerm = permission.replace(/\/*$/, '');
-        return (decodedPerm === url ||
+        return (decodedPerm === validationUrl ||
             (urlOrigin && urlOrigin === decodedPerm) ||
-            ((decodedPerm === null || decodedPerm === void 0 ? void 0 : decodedPerm.startsWith('/')) && (url === null || url === void 0 ? void 0 : url.startsWith(decodedPerm))) ||
-            (permission && permRegex.test(url)));
+            ((decodedPerm === null || decodedPerm === void 0 ? void 0 : decodedPerm.startsWith('/')) && (validationUrl === null || validationUrl === void 0 ? void 0 : validationUrl.startsWith(decodedPerm))) ||
+            (permission && permRegex.test(validationUrl)));
     });
     if (!allowed || ((permissions === null || permissions === void 0 ? void 0 : permissions.length) || 0) === 0) {
         return { errorMessage: 'Not enough permissions' };
@@ -156,8 +156,13 @@ export var processRequest = function (_a) {
     var name = _a.name, paramObject = _a.paramObject, permissions = _a.permissions, worker = _a.worker, metadata = _a.metadata, config = _a.config, apiPath = _a.apiPath, servicesPath = _a.servicesPath, user = _a.user, workflowPath = _a.workflowPath, entity = _a.entity, tenant = _a.tenant, entityUri = _a.entityUri, query = _a.query, openSearch = _a.openSearch, environment = _a.environment, getCurrentPerspectiveId = _a.getCurrentPerspectiveId, showPerspective = _a.showPerspective, workflowCheckPermission = _a.workflowCheckPermission, setEntityUri = _a.setEntityUri;
     var handleRequest = function (request) {
         request
+            .then(function (response) { return (response.json ? response.json() : response); })
             .then(function (data) {
-            worker.postMessage(__assign({ action: 'response', result: { data: data, headers: paramObject.params.headers, status: 200 } }, paramObject.params));
+            worker.postMessage(__assign({ action: 'response', result: {
+                    data: JSON.parse(JSON.stringify(data)),
+                    headers: paramObject.params.headers,
+                    status: 200
+                } }, paramObject.params));
         })
             .catch(function (error) {
             worker.postMessage(__assign({ action: 'response', result: { data: error, headers: paramObject.params.headers, status: 0 } }, paramObject.params));

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

@@ -29,9 +29,10 @@ export declare const setUpRequestInterceptor: ({ apiPath, reltioPath, tenant, pr
     processApiRequest: any;
     workerRef: any;
     setRequestListeners: any;
-}) => ({ options, url, next }: {
+}) => ({ options, url, next, resolve }: {
     next: (url: string, options: RequestInit) => void;
     abort?: (error: Error) => void;
+    resolve: (data: unknown) => void;
     url: string;
     options: RequestInit;
 }) => void;

package/esm/hooks/useAPI/helpers.js

@@ -131,14 +131,14 @@ export var setUpQooxdooResponseInterceptor = function (_a) {
 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;
+        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);
         if (isProcessableUrl) {
             var requestId = nanoid();
-            setRequestListeners(options, next, requestId);
+            setRequestListeners(options, next, requestId, resolve);
             workerRef.current.postMessage({
                 action: 'apiRequest',
                 id: requestId,

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { CustomActionViewConfig, CustomActionExtension } from '@reltio/mdm-sdk';
+import { CustomActionExtension, CustomActionViewConfig } from '@reltio/mdm-sdk';
 declare type Config = CustomActionViewConfig | CustomActionExtension;
 export declare const useAPI: (config?: Config) => {
     html: HTMLElement;

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 } from '@reltio/mdm-sdk';
-import { omit } from 'ramda';
+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 { useWorkflowCheckPermission } from '../../components/workflow';
 import { useHtmlSanitizer } from '../useHtmlSanitizer';
 import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../../contexts';
 import { processRequest } from './API';
-import { getWorkerURL, resetHtml, isNewUI, setUpResponseInterceptor, setUpRequestInterceptor, setUpQooxdooRequestInterceptor, setUpQooxdooResponseInterceptor } from './helpers';
+import { getWorkerURL, isNewUI, resetHtml, setUpQooxdooRequestInterceptor, setUpQooxdooResponseInterceptor, setUpRequestInterceptor, setUpResponseInterceptor } from './helpers';
 export var useAPI = function (config) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (config === void 0) { config = {}; }
-    var _c = useState(), html = _c[0], setHtml = _c[1];
-    var _d = useState([]), listenersToReset = _d[0], setListenersToReset = _d[1];
-    var _e = useState([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
-    var _f = useState(true), visible = _f[0], setVisible = _f[1];
-    var _g = useState(), popup = _g[0], setPopup = _g[1];
-    var _h = useState(null), tooltip = _h[0], setTooltip = _h[1];
-    var _j = useState({}), customStyles = _j[0], setCustomStyles = _j[1];
+    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 workerRef = useRef();
     var requestListeners = useRef({});
     var responseListeners = useRef({});
@@ -51,7 +51,7 @@ export var useAPI = function (config) {
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var isEditableMode = useSelector(mdmModule.selectors.getIsEditableMode);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
-    var _k = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _k.type, search = _k.data;
+    var _m = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _m.type, search = _m.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;
@@ -59,7 +59,6 @@ export var useAPI = function (config) {
     var innerText = '';
     var popupText = '';
     var process = function (_a) {
-        var _b, _c;
         var task = _a.task, worker = _a.worker;
         if (task) {
             switch (task.action) {
@@ -143,40 +142,38 @@ export var useAPI = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
-                    if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
-                        processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: isOldUI ? apiPath : reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
-                    }
-                    else {
-                        var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
-                        var url = fakeURL.replace(reltioPath, apiPath);
-                        if (requestListeners.current[headers.requestId]) {
-                            requestListeners.current[headers.requestId].next(url, {
-                                body: data,
-                                id: id,
-                                task: task,
-                                headers: headers,
-                                method: method
-                            });
-                            requestListeners.current = omit([headers.requestId], requestListeners.current);
-                        }
-                    }
+                    var processedApiPath = isOldUI ? reltioPath : apiPath;
+                    var isGlobalUrl = startsWith('/', pathOr('', ['params', 'url'], task)) &&
+                        !startsWith(apiPath, pathOr('', ['params', 'url'], task));
+                    var processedParams = pipe(evolve({
+                        url: ifElse(both(always(isGlobalUrl), always(pathEq(['params', 'name'], RequestAction.API, task))), 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: processedApiPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
-                case CustomAction.RETURN_PROCESSED_API_RESPONSE:
-                case CustomAction.RETURN_PROCESSED_API_REQUEST: {
-                    var _e = task.params, id = _e.id, data = _e.data;
+                case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
+                    var _b = task.params, id = _b.id, data = _b.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
                         responseListeners.current = omit([id], responseListeners.current);
                     }
                     break;
                 }
+                case CustomAction.RETURN_PROCESSED_API_REQUEST: {
+                    var _c = task.params, id = _c.id, data = _c.data;
+                    if (requestListeners.current[id]) {
+                        requestListeners.current[id].resolve(data);
+                        requestListeners.current = omit([id], requestListeners.current);
+                    }
+                    break;
+                }
             }
         }
     };
-    var setRequestListeners = function (options, next, requestId) {
+    var setRequestListeners = function (options, next, requestId, resolve) {
         var _a;
-        requestListeners.current = __assign(__assign({}, requestListeners.current), (_a = {}, _a[requestId] = { options: options, next: next, id: requestId }, _a));
+        requestListeners.current = __assign(__assign({}, requestListeners.current), (_a = {}, _a[requestId] = { options: options, next: next, id: requestId, resolve: resolve }, _a));
     };
     var setResponseListeners = function (next, responseId) {
         var _a;
@@ -203,9 +200,25 @@ export var useAPI = function (config) {
         var _a;
         (_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 &&
+        !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));
+    if (needDelayedRequestForInterceptors) {
+        if (!pendingInterceptors.current && !workerRef.current) {
+            interceptHandlers.startInterceptorInit();
+            pendingInterceptors.current = true;
+        }
+    }
     useEffect(function () {
         if (!isEmptyValue(config.action) && config.action.platform !== CustomScriptPlatform.CLASSIC) {
             workerRef.current = initializeWebWorker(workerUrl, process, config);
+            if (pendingInterceptors.current) {
+                interceptHandlers.finishInterceptorInit();
+                pendingInterceptors.current = false;
+            }
             postEventMessage('updateEntity', entity);
         }
     }, [entity, config]);
@@ -244,6 +257,10 @@ export var useAPI = function (config) {
             else {
                 addInternalRequestInterceptor(requestInterceptor);
                 addInternalResponseInterceptor(responseInterceptor);
+                workerRef.current.onerror = function () {
+                    removeInternalRequestInterceptor_1(requestInterceptor);
+                    removeInternalResponseInterceptor_1(responseInterceptor);
+                };
                 return function () {
                     removeInternalRequestInterceptor_1(requestInterceptor);
                     removeInternalResponseInterceptor_1(responseInterceptor);

package/esm/hooks/useCustomScripts.js

@@ -34,7 +34,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { ui } from '@reltio/mdm-module';
 import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import nanoid from 'nanoid';
-import { find, map, omit, pick, pipe, prop } from 'ramda';
+import { assocPath, evolve, find, has, map, omit, pick, pipe, prop, replace, when } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
 import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../contexts';
 import { getWorkerURL, processRequest } from './useAPI';
@@ -49,6 +49,7 @@ var getCustomViewConfig = function (config) {
     return __assign({ action: { processApiResponse: processApiResponse, processApiRequest: processApiRequest, permissions: permissions, files: files } }, otherProps);
 };
 export var useCustomScripts = function (config) {
+    var _a;
     var customScripts = config.reduce(function (acc, customScript) {
         if (customScript.platform !== CustomScriptPlatform.CLASSIC) {
             return __spreadArray(__spreadArray([], acc, true), [__assign(__assign({}, customScript), { actionId: nanoid() })], false);
@@ -56,10 +57,10 @@ export var useCustomScripts = function (config) {
         return acc;
     }, []);
     var showSnackbarMessage = useContext(SnackbarContext);
-    var _a = useContext(InterceptHandlersContext), addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
+    var _b = useContext(InterceptHandlersContext), addInternalRequestInterceptor = _b.addInternalRequestInterceptor, addInternalResponseInterceptor = _b.addInternalResponseInterceptor, removeInternalRequestInterceptor = _b.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _b.removeInternalResponseInterceptor;
     var qxApi = useContext(SandboxAPIContext);
     var dispatch = useDispatch();
-    var metadata = useSelector(mdmModule.selectors.getMetadata) || {};
+    var metadata = (_a = useSelector(mdmModule.selectors.getMetadata)) !== null && _a !== void 0 ? _a : null;
     var entity = useSelector(mdmModule.selectors.getEntity) || {};
     var uiPath = useSelector(mdmModule.selectors.getUIPath);
     var servicesPath = useSelector(mdmModule.selectors.getServicesPath);
@@ -72,13 +73,12 @@ export var useCustomScripts = function (config) {
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var _b = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _b.type, search = _b.data;
+    var _c = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _c.type, search = _c.data;
     var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var workers = useRef({});
-    var process = function (_a) {
-        var _b, _c;
+    var processMessageFromWorker = function (_a) {
         var task = _a.task, worker = _a.worker, config = _a.config;
         if (task) {
             switch (task.action) {
@@ -91,52 +91,50 @@ export var useCustomScripts = function (config) {
                     break;
                 }
                 case CustomAction.REQUEST: {
-                    if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
-                        processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: apiPath, 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));
-                    }
-                    else {
-                        var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
-                        var url = fakeURL.replace(reltioPath, apiPath);
-                        if (requestListeners.current[headers.requestId]) {
-                            requestListeners.current[headers.requestId].next(url, {
-                                body: data,
-                                id: id,
-                                task: task,
-                                headers: headers,
-                                method: method
-                            });
-                            requestListeners.current = omit([headers.requestId], requestListeners.current);
-                        }
-                    }
+                    var processedParams = pipe(evolve({
+                        url: 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: apiPath, 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:
-                case CustomAction.RETURN_PROCESSED_API_REQUEST: {
-                    var _e = task.params, id = _e.id, data = _e.data;
+                case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
+                    var _b = task.params, id = _b.id, data = _b.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
                         responseListeners.current = omit([id], responseListeners.current);
                     }
                     break;
                 }
+                case CustomAction.RETURN_PROCESSED_API_REQUEST: {
+                    var _c = task.params, id = _c.id, data = _c.data;
+                    if (requestListeners.current[id]) {
+                        requestListeners.current[id].resolve(data);
+                        requestListeners.current = omit([id], requestListeners.current);
+                    }
+                    break;
+                }
             }
         }
     };
     useEffect(function () {
+        if (metadata === null) {
+            return;
+        }
         workers.current = customScripts.reduce(function (acc, customScript) {
             var _a;
             var customViewConfig = getCustomViewConfig(customScript);
-            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, process, customViewConfig), _a));
+            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, processMessageFromWorker, customViewConfig), _a));
         }, workers.current);
         return function () {
             Object.keys(workers.current).forEach(function (actionId) {
                 workers.current[actionId].terminate();
             });
         };
-    }, [config]);
+    }, [config, metadata]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;
-        var _c = _a.options, options = _c === void 0 ? {} : _c, url = _a.url, next = _a.next;
+        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, ''));
@@ -146,7 +144,7 @@ export var useCustomScripts = function (config) {
         }), prop('actionId'))(customScripts);
         if (actionId) {
             var requestId = nanoid();
-            requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId }, _b));
+            requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId, resolve: resolve }, _b));
             workers.current[actionId].postMessage({
                 action: 'apiRequest',
                 id: requestId,
@@ -172,7 +170,7 @@ export var useCustomScripts = function (config) {
                 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 },
+                    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
                 });
@@ -212,13 +210,14 @@ export var useCustomScripts = function (config) {
         }
     };
     useEffect(function () {
-        if (!isEmptyValue(customScripts)) {
-            addInternalRequestInterceptor(customScriptRequestInterceptor);
-            addInternalResponseInterceptor(customScriptResponseInterceptor);
-            return function () {
-                removeInternalRequestInterceptor(customScriptRequestInterceptor);
-                removeInternalResponseInterceptor(customScriptResponseInterceptor);
-            };
+        if (isEmptyValue(customScripts) || !metadata) {
+            return;
         }
-    }, [config]);
+        addInternalRequestInterceptor(customScriptRequestInterceptor);
+        addInternalResponseInterceptor(customScriptResponseInterceptor);
+        return function () {
+            removeInternalRequestInterceptor(customScriptRequestInterceptor);
+            removeInternalResponseInterceptor(customScriptResponseInterceptor);
+        };
+    }, [config, metadata]);
 };

package/esm/icons/Description.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgDescription: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgDescription;

package/esm/icons/Description.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgDescription = function (props) {
+    return (React.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M5.417 9.5h1.166V8.333H5.417V9.5zM6 .167A5.835 5.835 0 00.167 6 5.835 5.835 0 006 11.833 5.835 5.835 0 0011.833 6 5.835 5.835 0 006 .167zm0 10.5A4.673 4.673 0 011.333 6 4.673 4.673 0 016 1.333 4.673 4.673 0 0110.667 6 4.673 4.673 0 016 10.667zM6 2.5a2.333 2.333 0 00-2.333 2.333h1.166A1.17 1.17 0 016 3.667a1.17 1.17 0 011.167 1.166c0 1.167-1.75 1.021-1.75 2.917h1.166c0-1.313 1.75-1.458 1.75-2.917A2.333 2.333 0 006 2.5z", fill: "#000", fillOpacity: 0.54 })));
+};
+export default SvgDescription;

package/esm/icons/index.d.ts

@@ -11,6 +11,7 @@ export { default as DcrTaskIcon } from './DcrTaskIcon';
 export { default as DefaultImage } from './DefaultImage';
 export { default as DefaultTaskIcon } from './DefaultTaskIcon';
 export { default as DeleteRequestTaskIcon } from './DeleteRequestTaskIcon';
+export { default as Description } from './Description';
 export { default as Details } from './Details';
 export { default as Download } from './Download';
 export { default as Draw } from './Draw';
@@ -22,20 +23,22 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
+export { default as MlMatch } from './MlMatch';
+export { default as NegativeRuleIcon } from './NegativeRuleIcon';
+export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
 export { default as NoData } from './NoData';
 export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';