@reltio/components 1.4.1101 → 1.4.1104

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

@@ -0,0 +1,90 @@
+import { CustomScript, CustomViewConfig, PrimitiveValue } from '@reltio/mdm-sdk';
+export declare enum RequestAction {
+    WORKFLOW = "workflow",
+    WORKFLOW_START_PROCESS_FROM_QUERY = "workflow/startProcessFromQuery",
+    API = "api",
+    GET_ENTITY_URI = "getEntityUri",
+    GET_ENTITY = "getEntity",
+    GET_API_PATH = "getApiPath",
+    WORKFLOW_GET_WORKFLOW_PATH = "workflow/getWorkflowPath",
+    GET_SEARCH_QUERY = "getSearchQuery",
+    GET_TENANT = "getTenant",
+    GET_USER = "getUser",
+    GET_PERSPECTIVE = "getPerspective",
+    SET_PERSPECTIVE = "setPerspective",
+    SET_ENTITY_URI = "setEntityUri",
+    ALERT = "alert",
+    CONFIRM = "confirm",
+    PROMPT = "prompt",
+    OPEN_WINDOW = "openWindow",
+    GET_CONFIGURATION = "getConfiguration",
+    GET_UI_CONFIGURATION = "getUiConfiguration",
+    OPEN_SEARCH = "openSearch",
+    WORKFLOW_CHECK_PERMISSION = "workflow/checkPermission"
+}
+export declare type Params = {
+    url?: string;
+    name?: RequestAction;
+    id?: string | number;
+    method?: 'PUT' | 'DELETE' | 'GET' | 'POST';
+    data?: {
+        [key: string]: unknown;
+    };
+    headers?: {
+        [key: string]: string;
+    };
+    processDefinitionId?: string;
+    searchString?: string;
+    perspective?: string;
+    permission?: string;
+    searchState?: unknown;
+    defaultText?: string;
+    text?: string;
+    html?: string;
+};
+export declare type ProcessRequestParams = {
+    name: RequestAction;
+    paramObject: {
+        params: Params;
+    };
+    permissions?: string[];
+    worker: Worker;
+    metadata: any;
+    config: CustomViewConfig | {
+        action: CustomScript;
+    };
+    user: any;
+    apiPath: string;
+    workflowPath: string;
+    environment: string;
+    entity: any;
+    tenant: any;
+    entityUri: string;
+    query: any;
+    openSearch: (search: any) => void;
+    workflowCheckPermission: (permission?: string) => boolean;
+    getCurrentPerspectiveId: () => string;
+    showPerspective: (perspective: any) => void;
+    setEntityUri: (entityUri: string, listener: () => void) => void;
+};
+export declare enum CustomAction {
+    SET_HTML = "setHtml",
+    LOG = "log",
+    SET_VISIBILITY = "setVisibility",
+    MESSAGE = "message",
+    SET_ENABLED = "setEnabled",
+    SET_TOOLTIP = "setToolTip",
+    SET_LABEL = "setLabel",
+    SET_HEIGHT = "setHeight",
+    SET_WIDTH = "setWidth",
+    RETURN_PROCESSED_API_RESPONSE = "returnProcessedApiResponse",
+    RETURN_PROCESSED_API_REQUEST = "returnProcessedApiRequest",
+    REQUEST = "request"
+}
+export declare type CustomActionTask = {
+    action: CustomAction;
+    params: Params | PrimitiveValue;
+};
+export declare type Request = Omit<CustomActionTask, 'params'> & {
+    params: Params;
+};

package/cjs/hooks/useAPI/types.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomAction = exports.RequestAction = void 0;
+var RequestAction;
+(function (RequestAction) {
+    RequestAction["WORKFLOW"] = "workflow";
+    RequestAction["WORKFLOW_START_PROCESS_FROM_QUERY"] = "workflow/startProcessFromQuery";
+    RequestAction["API"] = "api";
+    RequestAction["GET_ENTITY_URI"] = "getEntityUri";
+    RequestAction["GET_ENTITY"] = "getEntity";
+    RequestAction["GET_API_PATH"] = "getApiPath";
+    RequestAction["WORKFLOW_GET_WORKFLOW_PATH"] = "workflow/getWorkflowPath";
+    RequestAction["GET_SEARCH_QUERY"] = "getSearchQuery";
+    RequestAction["GET_TENANT"] = "getTenant";
+    RequestAction["GET_USER"] = "getUser";
+    RequestAction["GET_PERSPECTIVE"] = "getPerspective";
+    RequestAction["SET_PERSPECTIVE"] = "setPerspective";
+    RequestAction["SET_ENTITY_URI"] = "setEntityUri";
+    RequestAction["ALERT"] = "alert";
+    RequestAction["CONFIRM"] = "confirm";
+    RequestAction["PROMPT"] = "prompt";
+    RequestAction["OPEN_WINDOW"] = "openWindow";
+    RequestAction["GET_CONFIGURATION"] = "getConfiguration";
+    RequestAction["GET_UI_CONFIGURATION"] = "getUiConfiguration";
+    RequestAction["OPEN_SEARCH"] = "openSearch";
+    RequestAction["WORKFLOW_CHECK_PERMISSION"] = "workflow/checkPermission";
+})(RequestAction = exports.RequestAction || (exports.RequestAction = {}));
+var CustomAction;
+(function (CustomAction) {
+    CustomAction["SET_HTML"] = "setHtml";
+    CustomAction["LOG"] = "log";
+    CustomAction["SET_VISIBILITY"] = "setVisibility";
+    CustomAction["MESSAGE"] = "message";
+    CustomAction["SET_ENABLED"] = "setEnabled";
+    CustomAction["SET_TOOLTIP"] = "setToolTip";
+    CustomAction["SET_LABEL"] = "setLabel";
+    CustomAction["SET_HEIGHT"] = "setHeight";
+    CustomAction["SET_WIDTH"] = "setWidth";
+    CustomAction["RETURN_PROCESSED_API_RESPONSE"] = "returnProcessedApiResponse";
+    CustomAction["RETURN_PROCESSED_API_REQUEST"] = "returnProcessedApiRequest";
+    CustomAction["REQUEST"] = "request";
+})(CustomAction = exports.CustomAction || (exports.CustomAction = {}));

package/cjs/hooks/useAPI/useAPI.d.ts

@@ -0,0 +1,13 @@
+import { CustomViewConfig } from '@reltio/mdm-sdk';
+export declare const useAPI: (config: CustomViewConfig) => {
+    html: HTMLElement;
+    visible: boolean;
+    tooltip: string;
+    customStyles: {
+        height?: number | string;
+        width?: number | string;
+        'pointer-events'?: string;
+    };
+    message: string;
+    onClosePopup: () => void;
+};

package/cjs/hooks/useAPI/useAPI.js

@@ -0,0 +1,192 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAPI = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var workflow_1 = require("../../components/workflow");
+var contexts_1 = require("../../contexts");
+var API_1 = require("./API");
+var helpers_1 = require("./helpers");
+var types_1 = require("./types");
+var useAPI = function (config) {
+    var _a = config.action, files = _a.files, permissions = _a.permissions;
+    var _b = react_1.useState(), html = _b[0], setHtml = _b[1];
+    var _c = react_1.useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
+    var _d = react_1.useState(true), visible = _d[0], setVisible = _d[1];
+    var _e = react_1.useState(null), tooltip = _e[0], setTooltip = _e[1];
+    var _f = react_1.useState(null), customStyles = _f[0], setCustomStyles = _f[1];
+    var _g = react_1.useState(''), message = _g[0], setMessage = _g[1];
+    var dispatch = react_redux_1.useDispatch();
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
+    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
+    var workerUrl = helpers_1.getWorkerURL(uiPath, tenant);
+    var apiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getApiPath);
+    var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
+    var user = react_redux_1.useSelector(mdm_module_1.default.selectors.getUser);
+    var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
+    var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
+    var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
+    var workflowCheckPermission = workflow_1.useWorkflowCheckPermission();
+    var _h = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    var openSearch = function (search) { return dispatch(mdm_module_1.ui.actions.openSearch(search)); };
+    var process = function (task, worker, innerText) {
+        if (task) {
+            var handlersToReset_1 = [];
+            var processInnerHtml_1 = function (parent) {
+                var uiActions = parent.getAttribute('ui-actions');
+                var uiTooltip = parent.getAttribute('ui-tooltip');
+                var id = parent.getAttribute('id') || parent.getAttribute('name');
+                if (uiActions) {
+                    uiActions.split(',').forEach(function (uiAction) {
+                        var handler = function () {
+                            var data = {
+                                action: 'event',
+                                type: 'uiAction',
+                                data: {
+                                    type: uiAction,
+                                    id: id
+                                }
+                            };
+                            worker.postMessage(data);
+                        };
+                        parent.addEventListener(uiAction, handler);
+                        handlersToReset_1.push(function () {
+                            parent.removeEventListener(uiAction, handler);
+                        });
+                    });
+                    parent.removeAttribute('ui-actions');
+                }
+                if (uiTooltip) {
+                    setTooltip(uiTooltip);
+                }
+                parent.childNodes.forEach(function (child) {
+                    if (child.nodeType === 1) {
+                        //Node.ELEMENT_NODE
+                        processInnerHtml_1(child);
+                    }
+                });
+            };
+            var resetHtml = function (html) {
+                var docBlock = document.createElement('div');
+                docBlock.innerHTML = html || innerText;
+                processInnerHtml_1(docBlock);
+                setListenersToReset(handlersToReset_1);
+                setHtml(docBlock);
+            };
+            if (task.action === types_1.CustomAction.SET_HTML && innerText !== task.params.html) {
+                resetHtml(task.params.html);
+            }
+            switch (task.action) {
+                case types_1.CustomAction.LOG: {
+                    console.log(task.params); //eslint-disable-line no-console
+                    break;
+                }
+                case types_1.CustomAction.SET_VISIBILITY: {
+                    if (task.params === 'visible') {
+                        setVisible(true);
+                        resetHtml();
+                    }
+                    else {
+                        setVisible(false);
+                    }
+                    break;
+                }
+                case types_1.CustomAction.SET_TOOLTIP: {
+                    setTooltip(task.params);
+                    resetHtml();
+                    break;
+                }
+                case types_1.CustomAction.SET_HEIGHT: {
+                    setCustomStyles(function (prev) { return (__assign(__assign({}, (prev || {})), { height: task.params })); });
+                    break;
+                }
+                case types_1.CustomAction.SET_WIDTH: {
+                    setCustomStyles(function (prev) { return (__assign(__assign({}, (prev || {})), { width: task.params })); });
+                    break;
+                }
+                case types_1.CustomAction.SET_ENABLED: {
+                    setCustomStyles(function (prev) {
+                        var newStyles = __assign({}, (prev || {}));
+                        if (!task.params) {
+                            newStyles['pointer-events'] = 'none';
+                        }
+                        else {
+                            delete newStyles['pointer-events'];
+                        }
+                        return newStyles;
+                    });
+                    break;
+                }
+                case types_1.CustomAction.MESSAGE: {
+                    setMessage(task.params);
+                    break;
+                }
+                case types_1.CustomAction.REQUEST: {
+                    API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: permissions,
+                        worker: worker,
+                        metadata: metadata, config: config, user: user,
+                        apiPath: apiPath,
+                        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;
+                }
+            }
+        }
+    };
+    react_1.useEffect(function () {
+        var worker = mdm_sdk_1.initializeWebWorker(workerUrl, files, process);
+        return function () {
+            worker.terminate();
+        };
+    }, []);
+    react_1.useEffect(function () { return function () {
+        listenersToReset.forEach(function (listener) { return listener(); });
+    }; }, [listenersToReset]);
+    return {
+        html: html,
+        visible: visible,
+        tooltip: tooltip,
+        customStyles: customStyles,
+        message: message,
+        onClosePopup: function () { return setMessage(''); }
+    };
+};
+exports.useAPI = useAPI;

package/cjs/hooks/useCustomScripts.d.ts

@@ -0,0 +1,9 @@
+import { createRequestProvider, CustomScript } from '@reltio/mdm-sdk';
+declare type InterceptHandlers = {
+    addInternalRequestInterceptor: ReturnType<typeof createRequestProvider>['addRequestInterceptor'];
+    addInternalResponseInterceptor: ReturnType<typeof createRequestProvider>['addResponseInterceptor'];
+    removeInternalRequestInterceptor: ReturnType<typeof createRequestProvider>['removeRequestInterceptor'];
+    removeInternalResponseInterceptor: ReturnType<typeof createRequestProvider>['removeResponseInterceptor'];
+};
+export declare const useCustomScripts: (config: CustomScript[], { addInternalRequestInterceptor, addInternalResponseInterceptor, removeInternalRequestInterceptor, removeInternalResponseInterceptor }: InterceptHandlers) => void;
+export {};

package/cjs/hooks/useCustomScripts.js

@@ -0,0 +1,215 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomScripts = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var nanoid_1 = __importDefault(require("nanoid"));
+var ramda_1 = require("ramda");
+var workflow_1 = require("../components/workflow");
+var contexts_1 = require("../contexts");
+var useAPI_1 = require("./useAPI");
+var isURLtoProcess = function (processApi, url) {
+    return (processApi || []).some(function (request) {
+        var regExp = new RegExp("^" + request + "$");
+        return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
+    });
+};
+var useCustomScripts = function (config, _a) {
+    var addInternalRequestInterceptor = _a.addInternalRequestInterceptor, addInternalResponseInterceptor = _a.addInternalResponseInterceptor, removeInternalRequestInterceptor = _a.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _a.removeInternalResponseInterceptor;
+    var customScripts = config.map(function (customScript) { return (__assign(__assign({}, customScript), { actionId: nanoid_1.default() })); });
+    var dispatch = react_redux_1.useDispatch();
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
+    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+    var reltioPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getReltioPath);
+    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
+    var workerUrl = useAPI_1.getWorkerURL(uiPath, tenant);
+    var apiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getApiPath);
+    var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
+    var user = react_redux_1.useSelector(mdm_module_1.default.selectors.getUser);
+    var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
+    var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
+    var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
+    var workflowCheckPermission = workflow_1.useWorkflowCheckPermission();
+    var _b = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _b.type, search = _b.data;
+    var openSearch = function (search) { return dispatch(mdm_module_1.ui.actions.openSearch(search)); };
+    var requestListeners = react_1.useRef({});
+    var responseListeners = react_1.useRef({});
+    var workers = react_1.useRef({});
+    var process = function (task, worker) {
+        var _a, _b;
+        if (task) {
+            switch (task.action) {
+                case useAPI_1.CustomAction.REQUEST: {
+                    if (((_b = (_a = task.params) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.origin) !== 'ui') {
+                        useAPI_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: customScripts[0].permissions, worker: worker,
+                            metadata: metadata, config: { action: customScripts[0] }, user: user,
+                            apiPath: apiPath,
+                            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 _c = task.params, headers = _c.headers, id = _c.id, fakeURL = _c.url, method = _c.method, data = _c.data;
+                        var url = fakeURL.replace(reltioPath, apiPath);
+                        if (requestListeners.current[headers.requestId]) {
+                            requestListeners.current[headers.requestId].next(url, __assign(__assign({}, data), { id: id,
+                                task: task,
+                                headers: headers,
+                                method: method }));
+                            requestListeners.current = ramda_1.omit([headers.requestId], requestListeners.current);
+                        }
+                    }
+                    break;
+                }
+                case useAPI_1.CustomAction.RETURN_PROCESSED_API_RESPONSE:
+                case useAPI_1.CustomAction.RETURN_PROCESSED_API_REQUEST: {
+                    var _d = task.params, id = _d.id, data = _d.data;
+                    if (responseListeners.current[id]) {
+                        responseListeners.current[id].next(data);
+                        responseListeners.current = ramda_1.omit([id], responseListeners.current);
+                    }
+                    break;
+                }
+            }
+        }
+    };
+    react_1.useEffect(function () {
+        workers.current = customScripts.reduce(function (acc, customScript) {
+            var _a;
+            acc = __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = mdm_sdk_1.initializeWebWorker(workerUrl, customScript.files, process), _a));
+            return acc;
+        }, workers.current);
+        return function () {
+            Object.keys(workers.current).forEach(function (actionId) {
+                workers.current[actionId].terminate();
+            });
+        };
+    }, [config]);
+    var customScriptRequestInterceptor = function (_a) {
+        var _b;
+        var _c = _a.options, options = _c === void 0 ? {} : _c, url = _a.url, next = _a.next;
+        var fakeURL = url.startsWith('/') && !url.startsWith(apiPath)
+            ? reltioPath + "/api/" + tenant + url
+            : "" + reltioPath + url.replace(apiPath, '');
+        var actionId = ramda_1.pipe(ramda_1.map(ramda_1.pick(['actionId', 'processApiRequest'])), ramda_1.find(function (_a) {
+            var processApiRequest = _a.processApiRequest;
+            return isURLtoProcess(processApiRequest, fakeURL);
+        }), ramda_1.prop('actionId'))(customScripts);
+        if (actionId) {
+            var requestId = nanoid_1.default();
+            requestListeners.current = __assign(__assign({}, requestListeners.current), (_b = {}, _b[requestId] = { options: options, next: next, id: requestId }, _b));
+            workers.current[actionId].postMessage({
+                action: 'apiRequest',
+                id: requestId,
+                url: fakeURL,
+                method: options.method,
+                headers: __assign(__assign({}, options.headers), { origin: 'ui', requestId: requestId, actionId: actionId }),
+                data: options
+            });
+        }
+        else {
+            next(url, options);
+        }
+    };
+    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') {
+            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 },
+                    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
+                });
+            })
+                .catch(function (error) {
+                abort(error);
+            });
+        }
+        else {
+            var fakeURL_1 = "" + reltioPath + url.replace(apiPath, '');
+            var actionId_1 = ramda_1.pipe(ramda_1.map(ramda_1.pick(['actionId', 'processApiResponse'])), ramda_1.find(function (_a) {
+                var processApiResponse = _a.processApiResponse;
+                return isURLtoProcess(processApiResponse, fakeURL_1);
+            }), ramda_1.prop('actionId'))(customScripts);
+            if (actionId_1) {
+                var responseId_1 = nanoid_1.default();
+                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);
+            }
+        }
+    };
+    react_1.useEffect(function () {
+        if (!mdm_sdk_1.isEmptyValue(config)) {
+            addInternalRequestInterceptor(customScriptRequestInterceptor);
+            addInternalResponseInterceptor(customScriptResponseInterceptor);
+            return function () {
+                removeInternalRequestInterceptor(customScriptRequestInterceptor);
+                removeInternalResponseInterceptor(customScriptResponseInterceptor);
+            };
+        }
+    }, [config]);
+};
+exports.useCustomScripts = useCustomScripts;

package/esm/components/ActionButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "button" | "startIcon" | "menuItem" | "menuText" | "iconButton" | "overflowStyle" | "menuIcon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "button" | "menuItem" | "menuText" | "startIcon" | "iconButton" | "overflowStyle" | "menuIcon">;

package/esm/components/AttributesFiltersButton/ActionButtons/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"buttonsWrapper" | "cancelButton" | "applyButton" | "clearButon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"cancelButton" | "buttonsWrapper" | "applyButton" | "clearButon">;

package/esm/components/DropDownSelector/styles.d.ts

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"control" | "valueContainer" | "dropdownIndicator" | "formControl" | "inputLabel" | "filledInputUnderline" | "filledInputRoot">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inputLabel" | "formControl" | "control" | "valueContainer" | "dropdownIndicator" | "filledInputUnderline" | "filledInputRoot">;
 export namespace customStyles {
     function menu(baseStyles: any): any;
     function menuList(baseStyles: any): any;

package/esm/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.js

@@ -25,9 +25,10 @@ import classnames from 'classnames';
 import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
 import useStyles from './styles';
 var MatchRulesBadge = forwardRef(function (_a, ref) {
+    var _b;
     var children = _a.children, expanded = _a.expanded, onExpand = _a.onExpand, className = _a.className, otherProps = __rest(_a, ["children", "expanded", "onExpand", "className"]);
     var styles = useStyles();
-    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className) }, otherProps),
+    return (React.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
         React.createElement(ArrowExpandButton, { expanded: expanded }),
         React.createElement("div", { className: styles.label }, children)));
 });

package/esm/components/MatchRulesBlock/MatchRulesBadge/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "expanded" | "container">;
 export default styles;

package/esm/components/MatchRulesBlock/MatchRulesBadge/styles.js

@@ -4,16 +4,18 @@ var styles = makeStyles(function (theme) {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',
             fontSize: '12px',
-            lineHeight: '14px',
+            lineHeight: '15px',
             color: theme.palette.text.primary,
             display: 'flex',
             alignItems: 'center',
-            padding: '4px 8px'
+            padding: '2px 7px'
         },
         container: {
             display: 'flex',
             alignItems: 'center',
-            cursor: 'pointer',
+            cursor: 'pointer'
+        },
+        expanded: {
             marginBottom: '8px'
         }
     };

package/esm/components/MergeButton/MergeButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/esm/components/ModeSwitcherSelect/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "currentValue" | "menuItem" | "arrowIcon" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "currentValue" | "arrowIcon" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;

package/esm/components/NotMatchButton/NotMatchButton.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entities: Entity[];
     entity: Entity;
     mode?: ActionButtonMode;
+    size?: string;
     onMenuClose?: () => void;
     disabled?: boolean;
     onStartRequest?: () => void;

package/esm/components/Popper/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"popper" | "backdrop">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"backdrop" | "popper">;

package/esm/components/ProfileBand/styles.d.ts

@@ -1,2 +1,2 @@
 export default useStyles;
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "entityId" | "businessCard" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "entityId" | "badge" | "profileIcon" | "businessCard" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo">;