@reltio/components 1.4.1532 → 1.4.1534

package/cjs/components/ArrowExpandButton/ArrowExpandButton.js

@@ -34,6 +34,6 @@ var ArrowExpandButton = function (props) {
     var _a;
     var styles = (0, styles_1.useStyles)();
     var expanded = props.expanded, className = props.className, otherProps = __rest(props, ["expanded", "className"]);
-    return (react_1.default.createElement(SmallIconButton_1.default, __assign({ icon: ArrowRight_1.default, size: "XXS", disableRipple: true, iconClassName: (0, classnames_1.default)(styles.expandIcon, (_a = {}, _a[styles.expanded] = expanded, _a)), className: (0, classnames_1.default)(className, styles.expandButton) }, otherProps)));
+    return (react_1.default.createElement(SmallIconButton_1.default, __assign({ icon: ArrowRight_1.default, size: "XXS", disableRipple: true, iconClassName: (0, classnames_1.default)(styles.expandIcon, (_a = {}, _a[styles.expanded] = expanded, _a)), className: (0, classnames_1.default)(className, styles.expandButton), "data-reltio-id": "arrow-expand-button" }, otherProps)));
 };
 exports.default = ArrowExpandButton;

package/cjs/components/ProfileMatchCard/ProfileMatchCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Entity, Metadata, Match } from '@reltio/mdm-sdk';
+import { Entity, Match, Metadata } from '@reltio/mdm-sdk';
 declare type Props = {
     entitiesMap: {
         [key: string]: Pick<Entity, 'uri' | 'type' | 'label'>;

package/cjs/components/ProfileMatchCard/ProfileMatchCard.js

@@ -5,17 +5,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProfileMatchCard = void 0;
 var react_1 = __importDefault(require("react"));
-var styles_1 = require("./styles");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var classnames_1 = __importDefault(require("classnames"));
+var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
 var ProfileCard_1 = __importDefault(require("../ProfileCard/ProfileCard"));
 var MatchRulesBlock_1 = __importDefault(require("../MatchRulesBlock/MatchRulesBlock"));
-var classnames_1 = __importDefault(require("classnames"));
+var RelevanceScoreBadge_1 = require("../RelevanceScoreBadge/RelevanceScoreBadge");
+var styles_1 = require("./styles");
 var ProfileMatchCard = function (_a) {
+    var _b;
     var children = _a.children, entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata, className = _a.className;
     var styles = (0, styles_1.useStyles)();
+    var showRelevanceBadge = (_b = match.matchRuleSummaries) === null || _b === void 0 ? void 0 : _b.some(mdm_sdk_1.checkMatchRuleSummaryRelevance);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement("div", { className: styles.profileCardWrapper },
             react_1.default.createElement(ProfileCard_1.default, { entity: match.object, classes: { container: styles.profileCardContainer } }),
             children),
-        react_1.default.createElement("div", { className: styles.rulesContainer }, match.matchRules && (react_1.default.createElement(MatchRulesBlock_1.default, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity })))));
+        react_1.default.createElement("div", { className: styles.rulesContainer },
+            match.matchRules && (react_1.default.createElement(MatchRulesBlock_1.default, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity })),
+            showRelevanceBadge && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: styles.dividerWrapper },
+                    react_1.default.createElement(Divider_1.default, { orientation: "vertical", className: styles.divider })),
+                react_1.default.createElement(RelevanceScoreBadge_1.RelevanceScoreBadge, { className: styles.relevanceBadge, matchRuleSummaries: match.matchRuleSummaries }))))));
 };
 exports.ProfileMatchCard = ProfileMatchCard;

package/cjs/components/ProfileMatchCard/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "profileCardWrapper" | "profileCardContainer" | "rulesContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "divider" | "rulesContainer" | "profileCardWrapper" | "profileCardContainer" | "dividerWrapper" | "relevanceBadge">;

package/cjs/components/ProfileMatchCard/styles.js

@@ -26,6 +26,18 @@ exports.useStyles = (0, styles_1.makeStyles)({
     },
     rulesContainer: {
         paddingLeft: '52px',
-        marginBottom: '8px'
+        marginBottom: '8px',
+        display: 'flex',
+        alignItems: 'center'
+    },
+    dividerWrapper: {
+        marginLeft: '12px',
+        alignSelf: 'stretch'
+    },
+    divider: {
+        background: 'rgba(0,0,0,0.12)'
+    },
+    relevanceBadge: {
+        marginLeft: '12px'
     }
 });

package/cjs/components/RelevanceScoreBadge/RelevanceScoreBadge.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MatchRuleSummary } from '@reltio/mdm-sdk';
+declare type Props = {
+    className?: string;
+    matchRuleSummaries?: MatchRuleSummary[];
+};
+export declare const RelevanceScoreBadge: ({ className, matchRuleSummaries }: Props) => JSX.Element;
+export {};

package/cjs/components/RelevanceScoreBadge/RelevanceScoreBadge.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelevanceScoreBadge = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_redux_1 = require("react-redux");
+var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var styles_1 = require("./styles");
+var RelevanceScoreBadge = function (_a) {
+    var className = _a.className, matchRuleSummaries = _a.matchRuleSummaries;
+    var styles = (0, styles_1.useStyles)();
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
+    var matchRuleSummaryWithBestScore = matchRuleSummaries === null || matchRuleSummaries === void 0 ? void 0 : matchRuleSummaries.filter(mdm_sdk_1.checkMatchRuleSummaryRelevance).sort(function (a, b) { return b.relevance - a.relevance; })[0];
+    if (!matchRuleSummaryWithBestScore) {
+        return null;
+    }
+    var matchRule = matchRuleSummaryWithBestScore.uri;
+    var relevancePercentage = (0, mdm_sdk_1.formatRelevanceScore)(matchRuleSummaryWithBestScore);
+    var tooltipTitle = ui_i18n_1.default.text('Relevance score based on ${ruleName}', {
+        ruleName: (0, mdm_sdk_1.getMatchRuleLabel)(metadata, entity.type, matchRule)
+    });
+    return (react_1.default.createElement(Tooltip_1.default, { title: tooltipTitle },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(className, styles.badge) },
+            relevancePercentage, ": ".concat(ui_i18n_1.default.text('Relevance score')))));
+};
+exports.RelevanceScoreBadge = RelevanceScoreBadge;

package/cjs/components/RelevanceScoreBadge/styles.d.ts

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

package/cjs/components/RelevanceScoreBadge/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    badge: {
+        background: 'rgba(0, 0, 0, 0.03)',
+        borderRadius: '2px',
+        padding: '2px 7px',
+        fontSize: '12px',
+        wordBreak: 'break-word'
+    }
+});

package/cjs/components/index.d.ts

@@ -147,3 +147,4 @@ export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
 export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
 export { HierarchyNodeTitle } from './HierarchyNodeTitle/HierarchyNodeTitle';
 export { default as RequiredMark } from './RequiredMark/RequiredMark';
+export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';

package/cjs/components/index.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
-exports.RequiredMark = exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = void 0;
+exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -316,3 +316,5 @@ var HierarchyNodeTitle_1 = require("./HierarchyNodeTitle/HierarchyNodeTitle");
 Object.defineProperty(exports, "HierarchyNodeTitle", { enumerable: true, get: function () { return HierarchyNodeTitle_1.HierarchyNodeTitle; } });
 var RequiredMark_1 = require("./RequiredMark/RequiredMark");
 Object.defineProperty(exports, "RequiredMark", { enumerable: true, get: function () { return __importDefault(RequiredMark_1).default; } });
+var RelevanceScoreBadge_1 = require("./RelevanceScoreBadge/RelevanceScoreBadge");
+Object.defineProperty(exports, "RelevanceScoreBadge", { enumerable: true, get: function () { return RelevanceScoreBadge_1.RelevanceScoreBadge; } });

package/cjs/hooks/useAPI/API.js

@@ -168,7 +168,11 @@ var processRequest = function (_a) {
                 } }, paramObject.params));
         })
             .catch(function (error) {
-            worker.postMessage(__assign({ action: 'response', result: { data: error, headers: paramObject.params.headers, status: 0 } }, paramObject.params));
+            worker.postMessage(__assign({ action: 'response', result: {
+                    data: JSON.parse(JSON.stringify(error)),
+                    headers: paramObject.params.headers,
+                    status: 0
+                } }, paramObject.params));
         });
     };
     var shouldSignRequest = (0, helpers_1.isNewUI)(servicesPath);

package/esm/components/ArrowExpandButton/ArrowExpandButton.js

@@ -29,6 +29,6 @@ var ArrowExpandButton = function (props) {
     var _a;
     var styles = useStyles();
     var expanded = props.expanded, className = props.className, otherProps = __rest(props, ["expanded", "className"]);
-    return (React.createElement(SmallIconButton, __assign({ icon: ArrowRight, size: "XXS", disableRipple: true, iconClassName: classnames(styles.expandIcon, (_a = {}, _a[styles.expanded] = expanded, _a)), className: classnames(className, styles.expandButton) }, otherProps)));
+    return (React.createElement(SmallIconButton, __assign({ icon: ArrowRight, size: "XXS", disableRipple: true, iconClassName: classnames(styles.expandIcon, (_a = {}, _a[styles.expanded] = expanded, _a)), className: classnames(className, styles.expandButton), "data-reltio-id": "arrow-expand-button" }, otherProps)));
 };
 export default ArrowExpandButton;

package/esm/components/ProfileMatchCard/ProfileMatchCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Entity, Metadata, Match } from '@reltio/mdm-sdk';
+import { Entity, Match, Metadata } from '@reltio/mdm-sdk';
 declare type Props = {
     entitiesMap: {
         [key: string]: Pick<Entity, 'uri' | 'type' | 'label'>;

package/esm/components/ProfileMatchCard/ProfileMatchCard.js

@@ -1,14 +1,24 @@
 import React from 'react';
-import { useStyles } from './styles';
+import { checkMatchRuleSummaryRelevance } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import Divider from '@material-ui/core/Divider';
 import ProfileCard from '../ProfileCard/ProfileCard';
 import MatchRulesBlock from '../MatchRulesBlock/MatchRulesBlock';
-import classnames from 'classnames';
+import { RelevanceScoreBadge } from '../RelevanceScoreBadge/RelevanceScoreBadge';
+import { useStyles } from './styles';
 export var ProfileMatchCard = function (_a) {
+    var _b;
     var children = _a.children, entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata, className = _a.className;
     var styles = useStyles();
+    var showRelevanceBadge = (_b = match.matchRuleSummaries) === null || _b === void 0 ? void 0 : _b.some(checkMatchRuleSummaryRelevance);
     return (React.createElement("div", { className: classnames(styles.root, className) },
         React.createElement("div", { className: styles.profileCardWrapper },
             React.createElement(ProfileCard, { entity: match.object, classes: { container: styles.profileCardContainer } }),
             children),
-        React.createElement("div", { className: styles.rulesContainer }, match.matchRules && (React.createElement(MatchRulesBlock, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity })))));
+        React.createElement("div", { className: styles.rulesContainer },
+            match.matchRules && (React.createElement(MatchRulesBlock, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity })),
+            showRelevanceBadge && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: styles.dividerWrapper },
+                    React.createElement(Divider, { orientation: "vertical", className: styles.divider })),
+                React.createElement(RelevanceScoreBadge, { className: styles.relevanceBadge, matchRuleSummaries: match.matchRuleSummaries }))))));
 };

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "profileCardWrapper" | "profileCardContainer" | "rulesContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "divider" | "rulesContainer" | "profileCardWrapper" | "profileCardContainer" | "dividerWrapper" | "relevanceBadge">;

package/esm/components/ProfileMatchCard/styles.js

@@ -23,6 +23,18 @@ export var useStyles = makeStyles({
     },
     rulesContainer: {
         paddingLeft: '52px',
-        marginBottom: '8px'
+        marginBottom: '8px',
+        display: 'flex',
+        alignItems: 'center'
+    },
+    dividerWrapper: {
+        marginLeft: '12px',
+        alignSelf: 'stretch'
+    },
+    divider: {
+        background: 'rgba(0,0,0,0.12)'
+    },
+    relevanceBadge: {
+        marginLeft: '12px'
     }
 });

package/esm/components/RelevanceScoreBadge/RelevanceScoreBadge.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MatchRuleSummary } from '@reltio/mdm-sdk';
+declare type Props = {
+    className?: string;
+    matchRuleSummaries?: MatchRuleSummary[];
+};
+export declare const RelevanceScoreBadge: ({ className, matchRuleSummaries }: Props) => JSX.Element;
+export {};

package/esm/components/RelevanceScoreBadge/RelevanceScoreBadge.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import classnames from 'classnames';
+import mdmModule from '@reltio/mdm-module';
+import { getMatchRuleLabel, formatRelevanceScore, checkMatchRuleSummaryRelevance } from '@reltio/mdm-sdk';
+import { useSelector } from 'react-redux';
+import Tooltip from '@material-ui/core/Tooltip';
+import i18n from 'ui-i18n';
+import { useStyles } from './styles';
+export var RelevanceScoreBadge = function (_a) {
+    var className = _a.className, matchRuleSummaries = _a.matchRuleSummaries;
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var entity = useSelector(mdmModule.selectors.getEntity);
+    var matchRuleSummaryWithBestScore = matchRuleSummaries === null || matchRuleSummaries === void 0 ? void 0 : matchRuleSummaries.filter(checkMatchRuleSummaryRelevance).sort(function (a, b) { return b.relevance - a.relevance; })[0];
+    if (!matchRuleSummaryWithBestScore) {
+        return null;
+    }
+    var matchRule = matchRuleSummaryWithBestScore.uri;
+    var relevancePercentage = formatRelevanceScore(matchRuleSummaryWithBestScore);
+    var tooltipTitle = i18n.text('Relevance score based on ${ruleName}', {
+        ruleName: getMatchRuleLabel(metadata, entity.type, matchRule)
+    });
+    return (React.createElement(Tooltip, { title: tooltipTitle },
+        React.createElement("div", { className: classnames(className, styles.badge) },
+            relevancePercentage, ": ".concat(i18n.text('Relevance score')))));
+};

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

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

package/esm/components/RelevanceScoreBadge/styles.js

@@ -0,0 +1,10 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    badge: {
+        background: 'rgba(0, 0, 0, 0.03)',
+        borderRadius: '2px',
+        padding: '2px 7px',
+        fontSize: '12px',
+        wordBreak: 'break-word'
+    }
+});

package/esm/components/index.d.ts

@@ -147,3 +147,4 @@ export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
 export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
 export { HierarchyNodeTitle } from './HierarchyNodeTitle/HierarchyNodeTitle';
 export { default as RequiredMark } from './RequiredMark/RequiredMark';
+export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';

package/esm/components/index.js

@@ -147,3 +147,4 @@ export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
 export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
 export { HierarchyNodeTitle } from './HierarchyNodeTitle/HierarchyNodeTitle';
 export { default as RequiredMark } from './RequiredMark/RequiredMark';
+export { RelevanceScoreBadge } from './RelevanceScoreBadge/RelevanceScoreBadge';

package/esm/hooks/useAPI/API.js

@@ -165,7 +165,11 @@ export var processRequest = function (_a) {
                 } }, paramObject.params));
         })
             .catch(function (error) {
-            worker.postMessage(__assign({ action: 'response', result: { data: error, headers: paramObject.params.headers, status: 0 } }, paramObject.params));
+            worker.postMessage(__assign({ action: 'response', result: {
+                    data: JSON.parse(JSON.stringify(error)),
+                    headers: paramObject.params.headers,
+                    status: 0
+                } }, paramObject.params));
         });
     };
     var shouldSignRequest = isNewUI(servicesPath);

package/package.json

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