@reltio/components 1.4.1173 → 1.4.1176

package/esm/components/activityLog/ActivityFilterEditor/ActivityFilterEditor.js

@@ -1,58 +1,42 @@
-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, { useState } from 'react';
+import { curry, pipe, assoc, when, mergeLeft, always } from 'ramda';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
 import i18n from 'ui-i18n';
-import classnames from 'classnames';
 import Button from '@material-ui/core/Button';
+import Divider from '@material-ui/core/Divider';
 import { ActivityTypes } from '../types';
 import { getSelectorActivityTypes } from './utils/getSelectorActivityTypes';
 import ActivitySelector from './ActivitySelector';
-import AttributeSelector from '../../AttributeSelector/AttributeSelector';
-import SourceSelector from './SourceSelector';
 import UserSelector from '../../UserSelector/UserSelector';
 import DateRangeSelector from './DateRangeSelector';
+import EntityChangedSelectors from './EntityChangedSelectors';
 import { useDidUpdateEffect } from '../../../hooks';
-import { curry, pipe } from 'ramda';
 import { useStyles } from './styles';
 var ActivityFilterEditor = function (_a) {
     var value = _a.value, open = _a.open, entityType = _a.entityType, onApply = _a.onApply, onCancel = _a.onCancel, onClear = _a.onClear;
     var styles = useStyles();
     var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var _b = useState(value), currentValue = _b[0], setCurrentValue = _b[1];
-    var clearCurrentValue = function () { return setCurrentValue(null); };
+    var _b = useState(value), currentFilter = _b[0], setCurrentFilter = _b[1];
+    var clearCurrentFilter = function () { return setCurrentFilter(null); };
     var handlePropChange = curry(function (propName, value) {
-        setCurrentValue(function (filterValue) {
-            var _a;
-            return (__assign(__assign({}, filterValue), (_a = {}, _a[propName] = value, _a)));
-        });
+        setCurrentFilter(pipe(when(always(propName === 'entityTypes'), assoc('attributes', [])), when(always(propName === 'activities'), mergeLeft({ attributes: [], entityTypes: [], sources: [] })), assoc(propName, value)));
     });
     useDidUpdateEffect(function () {
-        setCurrentValue(value);
+        setCurrentFilter(value);
     }, [value]);
-    var _c = currentValue || {}, _d = _c.activities, activities = _d === void 0 ? [] : _d, _e = _c.attributes, attributes = _e === void 0 ? [] : _e, _f = _c.sources, sources = _f === void 0 ? [] : _f, _g = _c.dateRange, dateRange = _g === void 0 ? null : _g, _h = _c.users, users = _h === void 0 ? [] : _h;
-    var hasEntityChanged = activities.includes(ActivityTypes.ENTITY_CHANGED);
-    var ActivityFilterRenderer = (React.createElement(React.Fragment, null,
+    var _c = currentFilter || {}, _d = _c.activities, activities = _d === void 0 ? [] : _d, _e = _c.dateRange, dateRange = _e === void 0 ? null : _e, _f = _c.users, users = _f === void 0 ? [] : _f;
+    var isEntityChangedActivity = activities.length === 1 && activities.includes(ActivityTypes.ENTITY_CHANGED);
+    return open ? (React.createElement("div", { className: styles.container },
         React.createElement(ActivitySelector, { activityTypes: getSelectorActivityTypes(metadata, entityType), selectedActivityTypes: activities, onChange: handlePropChange('activities') }),
-        hasEntityChanged && entityType && (React.createElement(React.Fragment, null,
-            React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.borderBottom, disableUnderline: true }),
-            React.createElement(SourceSelector, { selectedSources: sources, onChange: handlePropChange('sources') }))),
+        isEntityChangedActivity && (React.createElement(EntityChangedSelectors, { filter: currentFilter, entityType: entityType, onPropChange: handlePropChange })),
+        React.createElement(Divider, { light: true, className: styles.divider }),
         React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange') }),
+        React.createElement(Divider, { light: true, className: styles.divider }),
         React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), disableUnderline: true }),
-        React.createElement("div", { className: classnames(styles.borderBottom, styles.filterControls) },
-            React.createElement(Button, { onClick: pipe(clearCurrentValue, onClear), className: styles.clearButton }, i18n.text('Clear all')),
+        React.createElement("div", { className: styles.filterControls },
+            React.createElement(Button, { onClick: pipe(clearCurrentFilter, onClear), className: styles.clearButton }, i18n.text('Clear all')),
             React.createElement(Button, { onClick: onCancel }, i18n.text('Cancel')),
-            React.createElement(Button, { color: "primary", onClick: function () { return onApply(currentValue); } }, i18n.text('Apply')))));
-    return open && React.createElement("div", { className: styles.container }, ActivityFilterRenderer);
+            React.createElement(Button, { color: "primary", onClick: function () { return onApply(currentFilter); } }, i18n.text('Apply'))))) : null;
 };
 export default ActivityFilterEditor;

package/esm/components/activityLog/ActivityFilterEditor/ActivitySelector.js

@@ -3,6 +3,7 @@ import i18n from 'ui-i18n';
 import { defaultTo, pipe, pluck, sortBy } from 'ramda';
 import classnames from 'classnames';
 import Typography from '@material-ui/core/Typography';
+import { ActivityTypes } from '../types/ActivityTypes';
 import MultiSelect from '../../ReactSelect/MultiSelect';
 import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
 import { getActivityLabel } from '../utils/activities';
@@ -12,14 +13,16 @@ var ActivitySelector = function (_a) {
     var styles = useStyles();
     var valueToOption = function (value) { return ({ value: value, label: getActivityLabel(value) }); };
     var prepareValues = function (values) { return values.map(valueToOption); };
+    var showHint = selectedActivityTypes.length > 1 && selectedActivityTypes.includes(ActivityTypes.ENTITY_CHANGED);
     var options = pipe(sortBy(function (option) { return getActivityLabel(option); }), prepareValues)(activityTypes);
-    return (React.createElement("div", { className: styles.borderBottom },
+    return (React.createElement("div", { className: styles.selectorWrapper },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Activity')),
         React.createElement(MultiSelect, { value: prepareValues(selectedActivityTypes), onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {
                 DropdownIndicator: DropdownIndicatorWithIconButton
-            }, styles: customStyles, classes: styles, menuPlacement: "bottom" })));
+            }, styles: customStyles, classes: styles, menuPlacement: "bottom" }),
+        showHint && (React.createElement("span", { className: styles.selectorHint }, i18n.text('One at a time! Select a single Activity and any of its filters -OR- multiple Activities with no filters.')))));
 };
 export default ActivitySelector;

package/esm/components/activityLog/ActivityFilterEditor/DateRangeSelector.js

@@ -79,7 +79,7 @@ var DateRangeSelector = function (_a) {
             setAgoInterval(emptyInterval);
         }
     }, [value]);
-    return (React.createElement("div", { className: styles.borderBottom },
+    return (React.createElement("div", { className: styles.selectorWrapper },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Date')),
         React.createElement(RadioGroup, { value: (value === null || value === void 0 ? void 0 : value.type) || null, onChange: pipe(getValue, changeType) },
             React.createElement("div", { className: styles.dateOptionWithin },

package/esm/components/activityLog/ActivityFilterEditor/EntityChangedSelectors.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+import { ActivitiesFilter } from '../types';
+declare type Props = {
+    filter: ActivitiesFilter;
+    entityType?: TEntityType;
+    onPropChange: (propName: string) => (value: unknown) => void;
+};
+declare const EntityChangedSelectors: ({ filter, entityType, onPropChange }: Props) => JSX.Element;
+export default EntityChangedSelectors;

package/esm/components/activityLog/ActivityFilterEditor/EntityChangedSelectors.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { map, prop } from 'ramda';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { findClosestCommonAncestor, getEntityType } from '@reltio/mdm-sdk';
+import AttributeSelector from '../../AttributeSelector/AttributeSelector';
+import EntityTypesSelector from './EntityTypesSelector';
+import SourceSelector from './SourceSelector';
+import { useStyles } from './styles';
+var EntityChangedSelectors = function (_a) {
+    var filter = _a.filter, entityType = _a.entityType, onPropChange = _a.onPropChange;
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var _b = filter || {}, _c = _b.attributes, attributes = _c === void 0 ? [] : _c, _d = _b.sources, sources = _d === void 0 ? [] : _d, _e = _b.entityTypes, entityTypes = _e === void 0 ? [] : _e;
+    var closestEntityTypeAncestor = findClosestCommonAncestor(metadata, map(prop('uri'), entityTypes));
+    var attributesEntityType = entityType || getEntityType(metadata, closestEntityTypeAncestor);
+    return (React.createElement("div", { className: styles.selectorsGroup },
+        !entityType && (React.createElement(EntityTypesSelector, { entityTypes: metadata.entityTypes, selectedEntityTypes: entityTypes, onChange: onPropChange('entityTypes') })),
+        React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: attributesEntityType, onChange: onPropChange('attributes'), className: styles.selectorWrapper, disableUnderline: true }),
+        React.createElement(SourceSelector, { selectedSources: sources, onChange: onPropChange('sources') })));
+};
+export default EntityChangedSelectors;

package/esm/components/activityLog/ActivityFilterEditor/EntityTypesSelector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+declare type Props = {
+    entityTypes: TEntityType[];
+    selectedEntityTypes: TEntityType[];
+    onChange: (entityTypes: TEntityType[]) => void;
+};
+declare const EntityTypesSelector: ({ entityTypes, selectedEntityTypes, onChange }: Props) => JSX.Element;
+export default EntityTypesSelector;

package/esm/components/activityLog/ActivityFilterEditor/EntityTypesSelector.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import { defaultTo, pipe, pluck, sortBy } from 'ramda';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import MultiSelect from '../../ReactSelect/MultiSelect';
+import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
+import { customStyles, useStyles } from './styles';
+var EntityTypesSelector = function (_a) {
+    var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, onChange = _a.onChange;
+    var styles = useStyles();
+    var valueToOption = function (entityType) { return ({ value: entityType.uri, label: entityType.label, entityType: entityType }); };
+    var prepareValues = function (values) { return values.map(valueToOption); };
+    var options = pipe(sortBy(function (option) { return option.label; }), prepareValues)(entityTypes);
+    return (React.createElement("div", { className: styles.selectorWrapper },
+        React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Type')),
+        React.createElement(MultiSelect, { value: prepareValues(selectedEntityTypes), onChange: pipe(defaultTo([]), pluck('entityType'), onChange), options: options, TextFieldProps: {
+                InputProps: { disableUnderline: true },
+                classes: { root: styles.dropDownInput }
+            }, components: {
+                DropdownIndicator: DropdownIndicatorWithIconButton
+            }, styles: customStyles, classes: styles, menuPlacement: "bottom" })));
+};
+export default EntityTypesSelector;

package/esm/components/activityLog/ActivityFilterEditor/SourceSelector.js

@@ -13,7 +13,7 @@ var SourceSelector = function (_a) {
     var styles = useStyles();
     var metadata = useSelector(mdmModule.selectors.getMetadata);
     var options = sortBy(function (option) { return option.label; })(metadata.sources);
-    return (React.createElement("div", { className: styles.borderBottom },
+    return (React.createElement("div", { className: styles.selectorWrapper },
         React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Source')),
         React.createElement(MultiSelect, { value: selectedSources, onChange: pipe(defaultTo([]), onChange), options: options, TextFieldProps: {
                 InputProps: { disableUnderline: true },

package/esm/components/activityLog/ActivityFilterEditor/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
 };
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "labels" | "borderBottom" | "container" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "labels" | "container" | "divider" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;

package/esm/components/activityLog/ActivityFilterEditor/styles.js

@@ -15,8 +15,8 @@ export var customStyles = {
 };
 export var useStyles = makeStyles({
     container: {
-        padding: '24px 10px 0px',
-        margin: '0 6px'
+        padding: '12px 7px 0px',
+        borderBottom: 'solid 1px rgba(0, 0, 0, 0.12)'
     },
     labels: {
         fontSize: '14px'
@@ -54,18 +54,29 @@ export var useStyles = makeStyles({
     },
     filterControls: {
         display: 'flex',
-        paddingTop: '30px'
+        paddingTop: '30px',
+        marginBottom: 8
     },
     clearButton: {
         marginRight: 'auto'
     },
-    borderBottom: {
-        borderBottom: 'solid 1px rgba(0, 0, 0, 0.12)',
-        paddingBottom: '10px',
-        marginBottom: '15px'
+    selectorWrapper: {
+        marginBottom: '12px'
     },
     option: {
         fontSize: '14px',
         height: '32px'
+    },
+    selectorsGroup: {
+        display: 'flex',
+        flexDirection: 'column'
+    },
+    selectorHint: {
+        fontSize: 12,
+        lineHeight: '16px',
+        color: 'rgba(0,0,0,0.54)'
+    },
+    divider: {
+        marginBottom: 12
     }
 });

package/esm/components/activityLog/ActivityLogFilter/helpers.js

@@ -1,5 +1,5 @@
 import i18n from 'ui-i18n';
-import { curry, join, identity, isNil, map, pipe, reject, sortBy, defaultTo } from 'ramda';
+import { curry, join, identity, isNil, map, pipe, reject, sortBy, defaultTo, pluck } from 'ramda';
 import { DataTypes, formatDataTypeValue } from '@reltio/mdm-sdk';
 import { DateRangeTypes } from '../../../types';
 import { getActivityLabel } from '../utils/activities';
@@ -11,8 +11,9 @@ export var getFilterLabel = function (filters) {
     });
     var activityLabel = pipe(map(getActivityLabel), getLabel(i18n.text('activity'), i18n.text('activities')))(filters.activities);
     var userLabel = getLabel(i18n.text('user'), i18n.text('users'), filters.users);
-    var attributesLabel = pipe(defaultTo([]), map(function (attribute) { return attribute.label; }), sortBy(identity), getLabel(i18n.text('attribute'), i18n.text('attributes')))(filters.attributes);
-    var sourcesLabel = pipe(defaultTo([]), map(function (source) { return source.label; }), getLabel(i18n.text('source'), i18n.text('sources')))(filters.sources);
+    var entityTypesLabel = pipe(defaultTo([]), pluck('label'), sortBy(identity), getLabel(i18n.text('type'), i18n.text('types')))(filters.entityTypes);
+    var attributesLabel = pipe(defaultTo([]), pluck('label'), sortBy(identity), getLabel(i18n.text('attribute'), i18n.text('attributes')))(filters.attributes);
+    var sourcesLabel = pipe(defaultTo([]), pluck('label'), getLabel(i18n.text('source'), i18n.text('sources')))(filters.sources);
     var getDateLabel = function (date) {
         var formatDateValue = function (value) {
             return "" + formatDataTypeValue({ dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE } }, value);
@@ -31,5 +32,5 @@ export var getFilterLabel = function (filters) {
                 return null;
         }
     };
-    return pipe(reject(isNil), join(' | '))([activityLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
+    return pipe(reject(isNil), join(' | '))([activityLabel, entityTypesLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
 };

package/esm/components/activityLog/ActivityLogFilter/styles.js

@@ -13,6 +13,7 @@ export var useStyles = makeStyles(function () { return ({
         margin: '4px'
     },
     buttonsWrapper: {
-        marginLeft: 'auto'
+        marginLeft: 'auto',
+        display: 'flex'
     }
 }); });

package/esm/components/activityLog/types/ActivitiesFilter.d.ts

@@ -1,4 +1,4 @@
-import { Source } from '@reltio/mdm-sdk';
+import { Source, TEntityType } from '@reltio/mdm-sdk';
 import { ActivityTypes } from './ActivityTypes';
 import { AttributeOption, DateRangeFilter } from '../../../types';
 export declare type ActivitiesFilter = {
@@ -7,5 +7,6 @@ export declare type ActivitiesFilter = {
     dateRange: DateRangeFilter;
     attributes?: AttributeOption[];
     sources?: Source[];
+    entityTypes?: TEntityType[];
     entityUri?: string;
 };

package/esm/components/activityLog/utils/filters.js

@@ -16,6 +16,9 @@ var buildActivityFilterClause = function (activityType) {
 var buildSourceFilterClause = function (source) {
     return "equals(items.delta.sources, '" + source.abbreviation + "')";
 };
+var buildEntityTypeFilterClause = function (entityType) {
+    return "equals(items.objectType, '" + entityType.uri + "')";
+};
 var buildAttributeFilterClause = function (attribute) {
     return "equals(items.delta.attributeType, '" + attribute.value + "')";
 };
@@ -54,6 +57,7 @@ var getFilterClauseBuilder = cond([
     [equals('activities'), function () { return multiValueFilter(buildActivityFilterClause); }],
     [equals('sources'), function () { return multiValueFilter(buildSourceFilterClause); }],
     [equals('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
+    [equals('entityTypes'), function () { return multiValueFilter(buildEntityTypeFilterClause); }],
     [equals('dateRange'), function () { return buildDateRangeFilterClause; }],
     [equals('entityUri'), function () { return buildEntityUriFilterClause; }]
 ]);

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

@@ -1,2 +1,2 @@
 import { ProcessRequestParams } from './types';
-export declare const processRequest: ({ name, paramObject, permissions, worker, metadata, config, apiPath, user, workflowPath, entity, tenant, entityUri, query, openSearch, environment, getCurrentPerspectiveId, showPerspective, workflowCheckPermission, setEntityUri }: ProcessRequestParams) => void;
+export declare const processRequest: ({ name, paramObject, permissions, worker, metadata, config, apiPath, servicesPath, user, workflowPath, entity, tenant, entityUri, query, openSearch, environment, getCurrentPerspectiveId, showPerspective, workflowCheckPermission, setEntityUri }: ProcessRequestParams) => void;

package/esm/hooks/useAPI/API.js

@@ -9,7 +9,44 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { RequestAction, sendRequestFromCustomSandbox, sendWorkflowRequest, startProcessFromQuery } from '@reltio/mdm-sdk';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { getAccessToken, RequestAction, sendRequestFromCustomSandbox, sendWorkflowRequest, startProcessFromQuery } from '@reltio/mdm-sdk';
+import { isNewUI } from './helpers';
 var processFromQuery = function (params, permissions, workflowPath, tenant, environment) {
     if (!params.processDefinitionId) {
         return new Promise(function (resolve) { return resolve({ errorMessage: 'processDefinitionId is empty' }); });
@@ -32,37 +69,69 @@ var processFromQuery = function (params, permissions, workflowPath, tenant, envi
         environment: environment
     });
 };
-var workflowRequest = function (params, permissions, workflowPath, tenant) {
-    var url = params.url;
-    var errors = validateParams(params, permissions);
-    if (errors) {
-        return new Promise(function (resolve) { return resolve(errors); });
-    }
-    var isExternalUrl = url.includes('http:') || url.includes('https:');
-    if (!workflowPath && !isExternalUrl) {
-        return new Promise(function (resolve) { return resolve({ errorMessage: 'Workflow path is not defined' }); });
-    }
-    return sendWorkflowRequest({
-        url: url,
-        method: params.method || 'GET',
-        data: params.data,
-        tenant: tenant,
-        headers: params.headers,
-        workflowPath: workflowPath
+var getHeaders = function (params, signHandler) { return __awaiter(void 0, void 0, void 0, function () {
+    var accessToken;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, (signHandler === null || signHandler === void 0 ? void 0 : signHandler())];
+            case 1:
+                accessToken = (_a.sent()).accessToken;
+                return [2 /*return*/, accessToken
+                        ? __assign(__assign({}, params.headers), { Authorization: "Bearer " + accessToken }) : params.headers];
+        }
     });
-};
-var sendApiRequest = function (params, permissions) {
-    var errors = validateParams(params, permissions);
-    if (errors) {
-        return new Promise(function (resolve) { return resolve(errors); });
-    }
-    return sendRequestFromCustomSandbox({
-        url: params.url,
-        method: params.method,
-        data: params.data,
-        headers: params.headers
+}); };
+var workflowRequest = function (params, permissions, workflowPath, tenant, signHandler) { return __awaiter(void 0, void 0, void 0, function () {
+    var url, errors, isExternalUrl, headers;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                url = params.url;
+                errors = validateParams(params, permissions);
+                if (errors) {
+                    return [2 /*return*/, errors];
+                }
+                isExternalUrl = url.includes('http:') || url.includes('https:');
+                if (!workflowPath && !isExternalUrl) {
+                    return [2 /*return*/, { errorMessage: 'Workflow path is not defined' }];
+                }
+                return [4 /*yield*/, getHeaders(params, signHandler)];
+            case 1:
+                headers = _a.sent();
+                return [4 /*yield*/, sendWorkflowRequest({
+                        url: url,
+                        method: params.method || 'GET',
+                        data: params.data,
+                        tenant: tenant,
+                        headers: headers,
+                        workflowPath: workflowPath
+                    })];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
     });
-};
+}); };
+var sendApiRequest = function (params, permissions, signHandler) { return __awaiter(void 0, void 0, void 0, function () {
+    var errors, headers;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                errors = validateParams(params, permissions);
+                if (errors) {
+                    return [2 /*return*/, errors];
+                }
+                return [4 /*yield*/, getHeaders(params, signHandler)];
+            case 1:
+                headers = _a.sent();
+                return [4 /*yield*/, sendRequestFromCustomSandbox({
+                        url: params.url,
+                        method: params.method,
+                        data: params.data,
+                        headers: headers
+                    })];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
 var validateParams = function (params, permissions) {
     var url = params.url;
     if (!url)
@@ -86,7 +155,7 @@ var validateParams = function (params, permissions) {
     return false;
 };
 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, 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 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 (data) {
@@ -96,14 +165,18 @@ export var processRequest = function (_a) {
             worker.postMessage(__assign({ action: 'response', result: { data: {}, headers: '', status: 0 } }, paramObject.params));
         });
     };
+    var shouldSignRequest = isNewUI(servicesPath);
+    var signHandler = shouldSignRequest
+        ? function () { return getAccessToken({ servicesPath: servicesPath }); }
+        : function () { return Promise.resolve({ accessToken: '' }); };
     switch (name) {
         case RequestAction.API: {
-            var request = sendApiRequest(paramObject.params, permissions);
+            var request = sendApiRequest(paramObject.params, permissions, signHandler);
             handleRequest(request);
             break;
         }
         case RequestAction.WORKFLOW: {
-            var request = workflowRequest(paramObject.params, permissions, workflowPath, tenant);
+            var request = workflowRequest(paramObject.params, permissions, workflowPath, tenant, signHandler);
             handleRequest(request);
             break;
         }

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

@@ -1,2 +1,3 @@
+export declare const isNewUI: (path?: string) => boolean;
 export declare const getWorkerURL: (uiPath: string, tenant: string) => string;
 export declare const getFullApiPath: (apiPath: string) => string;

package/esm/hooks/useAPI/helpers.js

@@ -1,5 +1,8 @@
+export var isNewUI = function (path) {
+    return path === null || path === void 0 ? void 0 : path.includes('/nui');
+};
 export var getWorkerURL = function (uiPath, tenant) {
-    if (uiPath === null || uiPath === void 0 ? void 0 : uiPath.includes('nui')) {
+    if (isNewUI(uiPath)) {
         return uiPath.replace(tenant + "/", '') + "worker_api.js";
     }
     else {
@@ -7,7 +10,7 @@ export var getWorkerURL = function (uiPath, tenant) {
     }
 };
 export var getFullApiPath = function (apiPath) {
-    if (apiPath === null || apiPath === void 0 ? void 0 : apiPath.includes('nui')) {
+    if (isNewUI(apiPath)) {
         return "" + window.location.origin + apiPath;
     }
     else {

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

@@ -16,6 +16,7 @@ export declare type ProcessRequestParams = {
     environment: string;
     entity: any;
     tenant: any;
+    servicesPath: string;
     entityUri: string;
     query: any;
     openSearch: (search: any) => void;

package/esm/hooks/useAPI/useAPI.js

@@ -34,6 +34,7 @@ export var useAPI = function (config) {
     var apiPath = useSelector(mdmModule.selectors.getApiPath);
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var user = useSelector(mdmModule.selectors.getUser);
+    var servicesPath = useSelector(mdmModule.selectors.getServicesPath);
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
     var qxApi = useContext(SandboxAPIContext);
@@ -143,7 +144,8 @@ export var useAPI = function (config) {
                 }
                 case CustomAction.REQUEST: {
                     processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
-                        metadata: metadata, config: config, user: user, apiPath: getFullApiPath(apiPath), tenant: tenant,
+                        metadata: metadata, config: config, user: user,
+                        servicesPath: servicesPath, apiPath: getFullApiPath(apiPath), tenant: tenant,
                         workflowPath: workflowPath,
                         entity: entity,
                         entityUri: entityUri,

package/esm/hooks/useCustomScripts.js

@@ -57,6 +57,7 @@ export var useCustomScripts = function (config, _a) {
     var metadata = useSelector(mdmModule.selectors.getMetadata) || {};
     var entity = useSelector(mdmModule.selectors.getEntity) || {};
     var uiPath = useSelector(mdmModule.selectors.getUIPath);
+    var servicesPath = useSelector(mdmModule.selectors.getServicesPath);
     var reltioPath = useSelector(mdmModule.selectors.getReltioPath);
     var tenant = useSelector(mdmModule.selectors.getTenant);
     var workerUrl = getWorkerURL(uiPath, tenant);
@@ -92,6 +93,7 @@ export var useCustomScripts = function (config, _a) {
                             config: config,
                             user: user,
                             apiPath: apiPath,
+                            servicesPath: servicesPath,
                             tenant: tenant,
                             workflowPath: workflowPath,
                             entity: entity,

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1173",
+  "version": "1.4.1176",
   "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.1173",
-    "@reltio/mdm-sdk": "^1.4.1173",
+    "@reltio/mdm-module": "^1.4.1176",
+    "@reltio/mdm-sdk": "^1.4.1176",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",