@reltio/components 1.4.2179 → 1.4.2180

package/cjs/constants/segmantation.d.ts

@@ -13,3 +13,17 @@ export declare enum SegmentationColumnId {
     Destinations = "destinations",
     Actions = "actions"
 }
+export declare enum SegmentActivityLogAttributes {
+    label = "configuration/segments/attributes/label",
+    description = "configuration/segments/attributes/description",
+    sharing = "configuration/segments/attributes/sharing",
+    schedule = "configuration/segments/attributes/schedule",
+    rule = "configuration/segments/attributes/rule"
+}
+export declare const SEGMENT_ACTIVITY_LOG_ATTRIBUTES: {
+    "configuration/segments/attributes/label": string;
+    "configuration/segments/attributes/description": string;
+    "configuration/segments/attributes/sharing": string;
+    "configuration/segments/attributes/schedule": string;
+    "configuration/segments/attributes/rule": string;
+};

package/cjs/constants/segmantation.js

@@ -1,6 +1,7 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentationColumnId = void 0;
+exports.SEGMENT_ACTIVITY_LOG_ATTRIBUTES = exports.SegmentActivityLogAttributes = exports.SegmentationColumnId = void 0;
 var SegmentationColumnId;
 (function (SegmentationColumnId) {
     SegmentationColumnId["Label"] = "label";
@@ -17,3 +18,18 @@ var SegmentationColumnId;
     SegmentationColumnId["Destinations"] = "destinations";
     SegmentationColumnId["Actions"] = "actions";
 })(SegmentationColumnId || (exports.SegmentationColumnId = SegmentationColumnId = {}));
+var SegmentActivityLogAttributes;
+(function (SegmentActivityLogAttributes) {
+    SegmentActivityLogAttributes["label"] = "configuration/segments/attributes/label";
+    SegmentActivityLogAttributes["description"] = "configuration/segments/attributes/description";
+    SegmentActivityLogAttributes["sharing"] = "configuration/segments/attributes/sharing";
+    SegmentActivityLogAttributes["schedule"] = "configuration/segments/attributes/schedule";
+    SegmentActivityLogAttributes["rule"] = "configuration/segments/attributes/rule";
+})(SegmentActivityLogAttributes || (exports.SegmentActivityLogAttributes = SegmentActivityLogAttributes = {}));
+exports.SEGMENT_ACTIVITY_LOG_ATTRIBUTES = (_a = {},
+    _a[SegmentActivityLogAttributes.label] = 'Name',
+    _a[SegmentActivityLogAttributes.description] = 'Description',
+    _a[SegmentActivityLogAttributes.sharing] = 'Shared with',
+    _a[SegmentActivityLogAttributes.schedule] = 'Refresh frequency',
+    _a[SegmentActivityLogAttributes.rule] = 'Query',
+    _a);

package/cjs/features/activity-log/ActivitiesFactory/ActivitiesFactory.js

@@ -15,6 +15,7 @@ var RelationActivity_1 = require("./components/RelationActivity");
 var SearchActivity_1 = require("./components/SearchActivity");
 var SimpleActivity_1 = require("./components/SimpleActivity");
 var SynchronizationIssuesActivity_1 = require("./components/SynchronizationIssuesActivity");
+var SegmentActivity_1 = require("./components/SegmentActivity");
 var Add_1 = __importDefault(require("../../../icons/Add"));
 var CalendarToday_1 = __importDefault(require("@mui/icons-material/CalendarToday"));
 var Comment_1 = __importDefault(require("../../../icons/Comment"));
@@ -64,6 +65,10 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.GROUP_CREATED:
             case types_1.ActivityTypes.GROUP_REMOVED:
                 return react_1.default.createElement(GroupActivity_1.GroupActivity, { data: data, type: type });
+            case types_1.ActivityTypes.SEGMENT_CREATE:
+            case types_1.ActivityTypes.SEGMENT_DELETE:
+            case types_1.ActivityTypes.SEGMENT_UPDATE:
+                return react_1.default.createElement(SegmentActivity_1.SegmentActivity, { data: data, type: type });
             case types_1.ActivityTypes.USER_LOGIN:
             case types_1.ActivityTypes.USER_LOGOUT:
             case types_1.ActivityTypes.MODEL_UPDATED:
@@ -99,11 +104,13 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.ENTITY_CREATED:
             case types_1.ActivityTypes.RELATIONSHIP_CREATED:
             case types_1.ActivityTypes.GROUP_CREATED:
+            case types_1.ActivityTypes.SEGMENT_CREATE:
                 return react_1.default.createElement(Add_1.default, null);
             case types_1.ActivityTypes.ENTITY_REMOVED:
             case types_1.ActivityTypes.RELATIONSHIP_REMOVED:
             case types_1.ActivityTypes.POTENTIAL_MATCHES_REMOVED:
             case types_1.ActivityTypes.GROUP_REMOVED:
+            case types_1.ActivityTypes.SEGMENT_DELETE:
                 return react_1.default.createElement(Remove_1.default, null);
             case types_1.ActivityTypes.USER_SEARCH:
                 return react_1.default.createElement(Search_1.default, null);
@@ -120,6 +127,7 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.MODEL_UPDATED:
             case types_1.ActivityTypes.RELATIONSHIP_CHANGED:
             case types_1.ActivityTypes.GROUP_CHANGED:
+            case types_1.ActivityTypes.SEGMENT_UPDATE:
             default:
                 return react_1.default.createElement(Create_1.default, null);
         }

package/cjs/features/activity-log/ActivitiesFactory/components/SegmentActivity/SegmentActivity.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ActivityTypes, ActivityData } from '../../../types';
+type Props = {
+    data: ActivityData;
+    type: ActivityTypes;
+};
+export declare const SegmentActivity: ({ type, data }: Props) => React.JSX.Element;
+export {};

package/cjs/features/activity-log/ActivitiesFactory/components/SegmentActivity/SegmentActivity.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentActivity = void 0;
+var react_1 = __importDefault(require("react"));
+var ActivityTitle_1 = require("../../../ActivityTitle");
+var CollapsibleActivityRecords_1 = require("../../../CollapsibleActivityRecords");
+var SegmentObject_1 = require("../../../SegmentObject");
+var SegmentRecord_1 = require("../../../SegmentRecord");
+var SegmentActivity = function (_a) {
+    var _b;
+    var type = _a.type, data = _a.data;
+    var isMinimized = data.itemsTotal === 1 && !((_b = data.items[0].deltaCollection) === null || _b === void 0 ? void 0 : _b.delta);
+    return (react_1.default.createElement("div", { "data-reltio-id": "segment-activity" },
+        react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "segment-activity-title" }, isMinimized && react_1.default.createElement(SegmentObject_1.SegmentObject, { item: data.items[0] })),
+        !isMinimized && (react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: SegmentRecord_1.SegmentRecord }))));
+};
+exports.SegmentActivity = SegmentActivity;

package/cjs/features/activity-log/ActivitiesFactory/components/SegmentActivity/index.d.ts

@@ -0,0 +1 @@
+export { SegmentActivity } from './SegmentActivity';

package/cjs/features/activity-log/ActivitiesFactory/components/SegmentActivity/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentActivity = void 0;
+var SegmentActivity_1 = require("./SegmentActivity");
+Object.defineProperty(exports, "SegmentActivity", { enumerable: true, get: function () { return SegmentActivity_1.SegmentActivity; } });

package/cjs/features/activity-log/ActivityFilterEditor/helpers.test.js

@@ -40,6 +40,7 @@ var otherTypes = [
     'ATTRIBUTE_UNMASKED',
     'SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE'
 ];
+var segmentTypes = ['SEGMENT_CREATE', 'SEGMENT_DELETE', 'SEGMENT_UPDATE'];
 var profileTypes = [
     'ENTITY_CREATED',
     'ENTITY_CHANGED',
@@ -63,7 +64,7 @@ describe('helpers tests', function () {
             var metadata = {
                 entityTypes: []
             };
-            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(otherTypes);
+            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray([], otherTypes, true), segmentTypes, true));
         });
         it('should return ActivityTypes with groupRelated when groupTypes is not empty', function () {
             var metadata = {
@@ -87,7 +88,7 @@ describe('helpers tests', function () {
                     }
                 ]
             };
-            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray([], otherTypes, true), groupTypes, true));
+            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), groupTypes, true), segmentTypes, true));
         });
         it('should return profile related ActivityTypes when entityType passed', function () {
             var metadata = {

package/cjs/features/activity-log/ActivityLog/ActivityLog.test.js

@@ -182,6 +182,172 @@ describe('Activity log tests', function () {
                 }
             ],
             itemsTotal: 1
+        },
+        {
+            uri: 'activities/545aadab-31e2-4d74-9e70-9154c55e6b62',
+            user: 'test@reltio.com',
+            timestamp: 1750062462522,
+            items: [
+                {
+                    id: '00000-00011DH',
+                    user: 'test@reltio.com',
+                    method: 'POST',
+                    url: '/reltio/api/LocalTest/segments',
+                    clientType: 'UNKNOWN',
+                    timestamp: 1750062462522,
+                    objectUri: 'segments/07byrT0',
+                    objectLabel: 'Boolean test',
+                    data: {
+                        type: 'SEGMENT_UPDATE'
+                    },
+                    deltaCollection: {
+                        delta: [
+                            {
+                                type: 'ATTRIBUTE_CHANGED',
+                                attributeType: 'configuration/segments/attributes/rule',
+                                newValue: {
+                                    value: "(equals(entity.type,'configuration/entityTypes/Company') and equals(entity.attributes.Name,'New company name')) or (equals(entity.type,'configuration/entityTypes/Location') and (equals(interaction.type,'configuration/interactionTypes/Prescriptions') and equals(interaction.attributes.Medication,'New medication')))"
+                                },
+                                oldValue: {
+                                    value: "(equals(entity.type,'configuration/entityTypes/Company') and equals(entity.attributes.Name,'Old company name')) or (equals(entity.type,'configuration/entityTypes/Location') and (equals(interaction.type,'configuration/interactionTypes/Prescriptions') and equals(interaction.attributes.Medication,'Old medication')))"
+                                }
+                            },
+                            {
+                                type: 'ATTRIBUTE_CHANGED',
+                                attributeType: 'configuration/segments/attributes/status',
+                                newValue: {
+                                    value: 'submitted'
+                                },
+                                oldValue: {
+                                    value: 'live'
+                                }
+                            },
+                            {
+                                type: 'ATTRIBUTE_CHANGED',
+                                attributeType: 'configuration/segments/attributes/sharing',
+                                newValue: {
+                                    value: 'public'
+                                },
+                                oldValue: {
+                                    value: 'private'
+                                }
+                            },
+                            {
+                                type: 'ATTRIBUTE_CHANGED',
+                                attributeType: 'configuration/segments/attributes/schedule',
+                                newValue: {
+                                    value: {
+                                        startTime: '2025-08-05T18:30:00Z',
+                                        repeat: 'RRULE:INTERVAL=1;FREQ=DAILY;BYHOUR=8;BYMINUTE=35'
+                                    }
+                                },
+                                oldValue: {
+                                    value: {
+                                        startTime: '2025-10-05T18:30:00Z',
+                                        repeat: 'RRULE:INTERVAL=1;FREQ=DAILY;BYHOUR=8;BYMINUTE=35'
+                                    }
+                                }
+                            },
+                            {
+                                type: 'ATTRIBUTE_CHANGED',
+                                attributeType: 'configuration/segments/attributes/label',
+                                newValue: {
+                                    value: 'New name'
+                                },
+                                oldValue: {
+                                    value: 'Old name'
+                                }
+                            },
+                            {
+                                type: 'ATTRIBUTE_ADDED',
+                                attributeType: 'configuration/segments/attributes/description',
+                                newValue: {
+                                    value: 'Added description'
+                                }
+                            }
+                        ]
+                    },
+                    eventId: '1750062462522_02DTzOy'
+                }
+            ],
+            itemsTotal: 1
+        },
+        {
+            uri: 'activities/545aadab-31e2-4d74-9e70-9154c55e6b63',
+            user: 'test@reltio.com',
+            timestamp: 1750062462522,
+            items: [
+                {
+                    id: '00000-00011DH',
+                    user: 'test@reltio.com',
+                    method: 'POST',
+                    url: '/reltio/api/LocalTest/segments',
+                    clientType: 'UNKNOWN',
+                    timestamp: 1750062462522,
+                    objectUri: 'segments/07byrT0',
+                    objectLabel: 'Boolean test',
+                    data: {
+                        type: 'SEGMENT_UPDATE'
+                    },
+                    deltaCollection: {
+                        delta: [
+                            {
+                                type: 'ATTRIBUTE_REMOVED',
+                                attributeType: 'configuration/segments/attributes/description',
+                                oldValue: {
+                                    value: 'Old removed description'
+                                }
+                            }
+                        ]
+                    },
+                    eventId: '1750062462522_02DTzOy'
+                }
+            ],
+            itemsTotal: 1
+        },
+        {
+            uri: 'activities/545aadab-31e2-4d74-9e70-9154c55e6b61',
+            user: 'test@reltio.com',
+            timestamp: 1750062462522,
+            items: [
+                {
+                    id: '00000-00011DH',
+                    user: 'test@reltio.com',
+                    method: 'POST',
+                    url: '/reltio/api/LocalTest/segments',
+                    clientType: 'UNKNOWN',
+                    timestamp: 1750062462522,
+                    objectUri: 'segments/07byrT0',
+                    objectLabel: 'Boolean test',
+                    data: {
+                        type: 'SEGMENT_CREATE'
+                    },
+                    eventId: '1750062462522_02DTzOy'
+                }
+            ],
+            itemsTotal: 1
+        },
+        {
+            uri: 'activities/545aadab-31e2-4d74-9e70-9154c55e6b60',
+            user: 'test@reltio.com',
+            timestamp: 1750062462522,
+            items: [
+                {
+                    id: '00000-00011DH',
+                    user: 'test@reltio.com',
+                    method: 'POST',
+                    url: '/reltio/api/LocalTest/segments',
+                    clientType: 'UNKNOWN',
+                    timestamp: 1750062462522,
+                    objectUri: 'segments/07byrT0',
+                    objectLabel: 'Boolean test',
+                    data: {
+                        type: 'SEGMENT_DELETE'
+                    },
+                    eventId: '1750062462522_02DTzOy'
+                }
+            ],
+            itemsTotal: 1
         }
     ];
     var defaultProps = {
@@ -216,8 +382,8 @@ describe('Activity log tests', function () {
         setUp();
         var activityItems = react_2.screen.getAllByTestId('activity-log-item');
         var activityGroupItems = react_2.screen.getAllByTestId('activity-log-group-item');
-        expect(activityItems).toHaveLength(4);
-        expect(activityGroupItems).toHaveLength(3);
+        expect(activityItems).toHaveLength(8);
+        expect(activityGroupItems).toHaveLength(4);
         (0, react_2.within)(activityGroupItems[0]).getByText('Today');
         (0, react_2.within)(activityItems[0]).getByText(activities[0].user);
         (0, react_2.within)(activityItems[0]).getByText(ui_i18n_1.default.date(activities[0].timestamp, 'LT'));
@@ -238,6 +404,29 @@ describe('Activity log tests', function () {
         (0, react_2.within)(activityItems[3]).getByText(ui_i18n_1.default.date(activities[4].timestamp, 'LT'));
         (0, react_2.within)(activityItems[3]).getByText('Profile merged manually');
         (0, react_2.within)(activityItems[3]).getByText('entity 3');
+        (0, react_2.within)(activityItems[4]).getByText(activities[5].user);
+        (0, react_2.within)(activityItems[4]).getByText(ui_i18n_1.default.date(activities[5].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[4]).getByText('Segment updated');
+        (0, react_2.within)(activityItems[4]).getByText('Boolean test');
+        (0, react_2.within)(activityItems[4]).getByText('Query:');
+        (0, react_2.within)(activityItems[4]).getByText('Shared with:');
+        (0, react_2.within)(activityItems[4]).getByText('private');
+        (0, react_2.within)(activityItems[4]).getByText('public');
+        (0, react_2.within)(activityItems[4]).getByText('3 more updates');
+        (0, react_2.within)(activityItems[5]).getByText(activities[6].user);
+        (0, react_2.within)(activityItems[5]).getByText(ui_i18n_1.default.date(activities[6].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[5]).getByText('Segment updated');
+        (0, react_2.within)(activityItems[5]).getByText('Boolean test');
+        (0, react_2.within)(activityItems[5]).getByText('Description:');
+        (0, react_2.within)(activityItems[5]).getByText('Old removed description');
+        (0, react_2.within)(activityItems[6]).getByText(activities[7].user);
+        (0, react_2.within)(activityItems[6]).getByText(ui_i18n_1.default.date(activities[7].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[6]).getByText('Segment created');
+        (0, react_2.within)(activityItems[6]).getByText('Boolean test');
+        (0, react_2.within)(activityItems[7]).getByText(activities[8].user);
+        (0, react_2.within)(activityItems[7]).getByText(ui_i18n_1.default.date(activities[8].timestamp, 'LT'));
+        (0, react_2.within)(activityItems[7]).getByText('Segment deleted');
+        (0, react_2.within)(activityItems[7]).getByText('Boolean test');
         expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', activities[2].items);
         expect(console.warn).toHaveBeenCalledWith('Activities not implemented:', [activities[3].items[1]]);
     });
@@ -248,15 +437,15 @@ describe('Activity log tests', function () {
                 case 0:
                     user = setUp().user;
                     react_2.screen.getAllByTestId('collapse-button');
-                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(4);
+                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(8);
                     return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('collapse-button')[0])];
                 case 1:
                     _a.sent();
-                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(3);
+                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(7);
                     return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('collapse-button')[0])];
                 case 2:
                     _a.sent();
-                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(4);
+                    expect(react_2.screen.getAllByTestId('activity-log-item')).toHaveLength(8);
                     return [2 /*return*/];
             }
         });
@@ -275,4 +464,50 @@ describe('Activity log tests', function () {
         setUp({ activities: activitiesWithoutItems });
         expect(react_2.screen.queryByTestId('activity-log-item')).not.toBeInTheDocument();
     });
+    it('should not render value for schedule attribute when value is null', function () {
+        var activitiesWithNullSchedule = [
+            {
+                uri: 'activities/1234-5678-91011',
+                user: 'test@reltio.com',
+                label: 'SEGMENT_UPDATE',
+                description: 'Segment schedule updated',
+                timestamp: 1750062462522,
+                items: [
+                    {
+                        id: '00000-00011DH',
+                        user: 'test@reltio.com',
+                        method: 'POST',
+                        url: '/reltio/api/LocalTest/segments',
+                        clientType: 'UNKNOWN',
+                        timestamp: 1750062462522,
+                        objectUri: 'segments/07byrT0',
+                        objectLabel: 'Boolean test',
+                        data: {
+                            type: 'SEGMENT_UPDATE'
+                        },
+                        deltaCollection: {
+                            delta: [
+                                {
+                                    type: 'ATTRIBUTE_CHANGED',
+                                    attributeType: 'configuration/segments/attributes/schedule',
+                                    newValue: {
+                                        value: null
+                                    },
+                                    oldValue: {
+                                        value: null
+                                    }
+                                }
+                            ]
+                        },
+                        eventId: '1750062462522_02DTzOy'
+                    }
+                ],
+                itemsTotal: 1
+            }
+        ];
+        setUp({ activities: activitiesWithNullSchedule });
+        var activityItems = react_2.screen.getAllByTestId('activity-log-item');
+        expect(activityItems).toHaveLength(1);
+        expect(activityItems[0].querySelector('.firstLetterCapitalized')).not.toBeInTheDocument();
+    });
 });

package/cjs/features/activity-log/ActivityLogFilter/ActivityLogFilter.d.ts

@@ -7,6 +7,7 @@ type Props = {
     entityType?: TEntityType;
     entityUri?: string;
     exportTypes?: string[];
+    segmentId?: string;
 };
-export declare const ActivityLogFilter: ({ value, entityType, entityUri, onChange, exportTypes }: Props) => React.JSX.Element;
+export declare const ActivityLogFilter: ({ value, entityType, entityUri, onChange, exportTypes, segmentId }: Props) => React.JSX.Element;
 export {};

package/cjs/features/activity-log/ActivityLogFilter/ActivityLogFilter.js

@@ -26,7 +26,7 @@ var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
 var ActivityLogFilter = function (_a) {
-    var value = _a.value, entityType = _a.entityType, entityUri = _a.entityUri, onChange = _a.onChange, exportTypes = _a.exportTypes;
+    var value = _a.value, entityType = _a.entityType, entityUri = _a.entityUri, onChange = _a.onChange, exportTypes = _a.exportTypes, segmentId = _a.segmentId;
     var styles = (0, styles_1.useStyles)();
     var user = (0, MdmModuleContext_1.useMdmUser)();
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
@@ -37,7 +37,7 @@ var ActivityLogFilter = function (_a) {
         react_1.default.createElement(Tooltip_1.default, { title: filterLabel },
             react_1.default.createElement(Typography_1.default, { variant: "body2", className: styles.label, color: "textSecondary", display: "block", noWrap: true }, filterLabel)),
         react_1.default.createElement("div", { className: styles.buttonsWrapper },
-            canExport && react_1.default.createElement(ActivityExportButton_1.ActivityExportButton, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes }),
+            canExport && (react_1.default.createElement(ActivityExportButton_1.ActivityExportButton, { filters: __assign(__assign({}, value), { entityUri: entityUri, segmentId: segmentId }), exportTypes: exportTypes })),
             react_1.default.createElement(ActivityFilterButton_1.ActivityFilterButton, { filter: value, entityType: entityType, onChange: onChange }))));
 };
 exports.ActivityLogFilter = ActivityLogFilter;

package/cjs/features/activity-log/RecordUpdates/RecordUpdates.d.ts

@@ -3,6 +3,7 @@ import { ActivityDelta } from '../types';
 type Props = {
     updates: ActivityDelta[];
     recordId: string;
+    isSegment?: boolean;
 };
-export declare const RecordUpdates: ({ updates, recordId }: Props) => React.JSX.Element;
+export declare const RecordUpdates: ({ updates, recordId, isSegment }: Props) => React.JSX.Element;
 export {};

package/cjs/features/activity-log/RecordUpdates/RecordUpdates.js

@@ -7,18 +7,21 @@ exports.RecordUpdates = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var DeltaField_1 = require("./components/DeltaField");
+var SegmentDeltaField_1 = require("./components/SegmentDeltaField");
 var CollapsibleItemsContext_1 = require("../contexts/CollapsibleItemsContext");
 var MoreItemsLink_1 = require("../MoreItemsLink");
 var styles_1 = require("./styles");
 var RecordUpdates = function (_a) {
-    var updates = _a.updates, recordId = _a.recordId;
+    var updates = _a.updates, recordId = _a.recordId, isSegment = _a.isSegment;
     var styles = (0, styles_1.useStyles)();
     var _b = (0, CollapsibleItemsContext_1.useCollapsibleItems)({
         itemsId: recordId,
         items: updates
     }), onExpand = _b.onExpand, collapsedItemsCount = _b.collapsedItemsCount, itemsToShow = _b.itemsToShow;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        itemsToShow.map(function (update, index) { return (react_1.default.createElement(DeltaField_1.DeltaField, { key: index, delta: update })); }),
+        itemsToShow.map(function (update, index) {
+            return isSegment ? react_1.default.createElement(SegmentDeltaField_1.SegmentDeltaField, { key: index, delta: update }) : react_1.default.createElement(DeltaField_1.DeltaField, { key: index, delta: update });
+        }),
         collapsedItemsCount ? (react_1.default.createElement(MoreItemsLink_1.MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? ui_i18n_1.default.text('update') : ui_i18n_1.default.text('updates'), onClick: onExpand, className: styles.moreLabel })) : null));
 };
 exports.RecordUpdates = RecordUpdates;

package/cjs/features/activity-log/RecordUpdates/components/SegmentDeltaField/SegmentDeltaField.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ActivityDelta } from '../../../types';
+type Props = {
+    delta: ActivityDelta;
+};
+export declare const SegmentDeltaField: ({ delta }: Props) => React.JSX.Element;
+export {};

package/cjs/features/activity-log/RecordUpdates/components/SegmentDeltaField/SegmentDeltaField.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentDeltaField = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var types_1 = require("../../../types");
+var segmantation_1 = require("../../../../../constants/segmantation");
+var Field_1 = require("../../../Field");
+var SegmentQueryDeltaValue_1 = require("./SegmentQueryDeltaValue");
+var SegmentRefreshScheduleDeltaValue_1 = require("./SegmentRefreshScheduleDeltaValue");
+var SegmentDeltaField_module_css_1 = __importDefault(require("./SegmentDeltaField.module.css"));
+var SegmentDeltaField = function (_a) {
+    var _b, _c;
+    var delta = _a.delta;
+    var newValue = (_b = delta.newValue) === null || _b === void 0 ? void 0 : _b.value;
+    var oldValue = (_c = delta.oldValue) === null || _c === void 0 ? void 0 : _c.value;
+    var value = oldValue || newValue;
+    var deltaLabel = types_1.DeltaTypes[delta.type];
+    var attribute = segmantation_1.SEGMENT_ACTIVITY_LOG_ATTRIBUTES[delta.attributeType];
+    var renderValue = function (value) {
+        if (!value)
+            return null;
+        if (delta.attributeType === segmantation_1.SegmentActivityLogAttributes.rule) {
+            return typeof value === 'string' ? react_1.default.createElement(SegmentQueryDeltaValue_1.SegmentQueryDeltaValue, { value: value }) : null;
+        }
+        if (delta.attributeType === segmantation_1.SegmentActivityLogAttributes.schedule) {
+            return react_1.default.createElement(SegmentRefreshScheduleDeltaValue_1.SegmentRefreshScheduleDeltaValue, { value: value });
+        }
+        if (delta.attributeType === segmantation_1.SegmentActivityLogAttributes.sharing) {
+            return react_1.default.createElement("p", { className: SegmentDeltaField_module_css_1.default.firstLetterCapitalized }, String(value));
+        }
+        return react_1.default.createElement(react_1.default.Fragment, null, String(value));
+    };
+    return attribute ? (react_1.default.createElement(Field_1.Field, { fieldName: attribute, "data-reltio-id": "segment-delta-field" },
+        value && renderValue(value),
+        newValue && oldValue && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ArrowForward_1.default, { className: SegmentDeltaField_module_css_1.default.arrow }),
+            renderValue(newValue))),
+        deltaLabel && (react_1.default.createElement(Chip_1.default, { variant: "outlined", label: deltaLabel, className: (0, classnames_1.default)(SegmentDeltaField_module_css_1.default.chip, SegmentDeltaField_module_css_1.default[deltaLabel]) })))) : null;
+};
+exports.SegmentDeltaField = SegmentDeltaField;

package/cjs/features/activity-log/RecordUpdates/components/SegmentDeltaField/SegmentDeltaField.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"arrow":"SegmentDeltaField-arrow--hgMCT","chip":"SegmentDeltaField-chip--2msw7","edited":"SegmentDeltaField-edited--7vNXD","added":"SegmentDeltaField-added--wVdZT","deleted":"SegmentDeltaField-deleted--gtV3H","firstLetterCapitalized":"SegmentDeltaField-firstLetterCapitalized--x-YYp"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.SegmentDeltaField-arrow--hgMCT{color:var(--mui-palette-text-primary);font-size:12px;margin:0 8px -1px}.SegmentDeltaField-chip--2msw7{flex-shrink:0;font-size:10px;font-weight:500;height:20px;line-height:16px;margin-left:9px;text-transform:capitalize;width:53px}.SegmentDeltaField-chip--2msw7 span{padding:0}.SegmentDeltaField-chip--2msw7.SegmentDeltaField-edited--7vNXD{border-color:#6973c2;color:#6973c2}.SegmentDeltaField-chip--2msw7.SegmentDeltaField-added--wVdZT{border-color:#75c378;color:#75c378}.SegmentDeltaField-chip--2msw7.SegmentDeltaField-deleted--gtV3H{border-color:#f97061;color:#f97061}.SegmentDeltaField-firstLetterCapitalized--x-YYp{display:inline-block;margin:0}.SegmentDeltaField-firstLetterCapitalized--x-YYp:first-letter{text-transform:capitalize}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/activity-log/RecordUpdates/components/SegmentDeltaField/SegmentQueryDeltaValue.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SegmentQueryDeltaValue: ({ value }: {
+    value: string;
+}) => React.JSX.Element;

package/cjs/features/activity-log/RecordUpdates/components/SegmentDeltaField/SegmentQueryDeltaValue.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentQueryDeltaValue = void 0;
+var react_1 = __importDefault(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var useSegmentReadableQuery_1 = require("../../../hooks/useSegmentReadableQuery");
+var SegmentQueryDeltaValue = function (_a) {
+    var value = _a.value;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var builderState = (0, mdm_sdk_1.convertRuleToBuilderState)(value, metadata);
+    var readableQuery = (0, useSegmentReadableQuery_1.useSegmentReadableQuery)(builderState);
+    var readableQueryString = (0, mdm_sdk_1.readableQueryToString)(readableQuery);
+    return react_1.default.createElement(react_1.default.Fragment, null, readableQueryString);
+};
+exports.SegmentQueryDeltaValue = SegmentQueryDeltaValue;

package/cjs/features/activity-log/RecordUpdates/components/SegmentDeltaField/SegmentRefreshScheduleDeltaValue.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { NewSegmentSchedule } from '@reltio/mdm-sdk';
+export declare const SegmentRefreshScheduleDeltaValue: ({ value }: {
+    value: NewSegmentSchedule;
+}) => React.JSX.Element;