@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.20

package/dist/components/core/chatter/SolidChatter.js

@@ -106,7 +106,7 @@ export var SolidChatter = function (_a) {
         }
     };
     var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var queryData, queryString, response, processedMessages, error_1;
+        var queryData, startOfDay, endOfDay, queryString, response, processedMessages, error_1;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -120,19 +120,29 @@ export var SolidChatter = function (_a) {
                         queryData.filters = queryData.filters || {};
                         queryData.filters['user'] = { fullName: { $containsi: filters.name } };
                     }
+                    startOfDay = function (d) {
+                        var x = new Date(d);
+                        x.setHours(0, 0, 0, 0);
+                        return x;
+                    };
+                    endOfDay = function (d) {
+                        var x = new Date(d);
+                        x.setHours(23, 59, 59, 999);
+                        return x;
+                    };
                     if (filters.startDate && filters.endDate) {
                         queryData.filters = queryData.filters || {};
                         queryData.filters.createdAt = {
-                            $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]
+                            $between: [startOfDay(filters.startDate).toISOString(), endOfDay(filters.endDate).toISOString()]
                         };
                     }
                     else if (filters.startDate) {
                         queryData.filters = queryData.filters || {};
-                        queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };
+                        queryData.filters.createdAt = { $gte: startOfDay(filters.startDate).toISOString() };
                     }
                     else if (filters.endDate) {
                         queryData.filters = queryData.filters || {};
-                        queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };
+                        queryData.filters.createdAt = { $lte: endOfDay(filters.endDate).toISOString() };
                     }
                     queryString = qs.stringify(queryData, {
                         encodeValuesOnly: true,
@@ -145,17 +155,19 @@ export var SolidChatter = function (_a) {
                 case 1:
                     response = _c.sent();
                     processedMessages = response.data.records.map(function (msg) {
-                        var _a, _b, _c;
+                        var _a, _b, _c, _d, _e;
                         if (msg.messageType === 'custom') {
+                            var displayTimeSource = msg.updatedAt || msg.createdAt;
                             // Custom message
                             return {
                                 id: msg.id,
                                 user: ((_a = msg.user) === null || _a === void 0 ? void 0 : _a.fullName) || "System",
+                                userId: (_b = msg.user) === null || _b === void 0 ? void 0 : _b.id,
                                 messageType: "custom",
                                 message: msg.messageBody,
-                                time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
-                                createdAt: msg.createdAt,
-                                date: formatDate(msg.createdAt),
+                                time: new Date(displayTimeSource).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                                createdAt: displayTimeSource,
+                                date: formatDate(displayTimeSource),
                                 media: msg._media,
                                 messageSubType: msg.messageSubType,
                                 status: msg.status,
@@ -165,7 +177,7 @@ export var SolidChatter = function (_a) {
                         }
                         else {
                             // Audit message
-                            var auditRecord = ((_b = msg.chatterMessageDetails) === null || _b === void 0 ? void 0 : _b.map(function (detail) { return ({
+                            var auditRecord = ((_c = msg.chatterMessageDetails) === null || _c === void 0 ? void 0 : _c.map(function (detail) { return ({
                                 field: detail.fieldName,
                                 fieldDisplayName: detail.fieldDisplayName,
                                 fieldType: detail.fieldType,
@@ -184,7 +196,8 @@ export var SolidChatter = function (_a) {
                             }
                             return {
                                 id: msg.id,
-                                user: ((_c = msg.user) === null || _c === void 0 ? void 0 : _c.fullName) || "System",
+                                user: ((_d = msg.user) === null || _d === void 0 ? void 0 : _d.fullName) || "System",
+                                userId: (_e = msg.user) === null || _e === void 0 ? void 0 : _e.id,
                                 messageType: "audit",
                                 time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
                                 auditRecord: auditRecord,
@@ -228,7 +241,7 @@ export var SolidChatter = function (_a) {
     var permissionError = function () { return (_jsx("div", { className: 'p-3', children: _jsx(SolidMessage, { severity: 'warn', text: "You do not have permission to view these messages.", className: 'justify-content-start' }) })); };
     var renderMessages = function () { return (_jsxs("div", { className: 'flex flex-column gap-3', children: [messages.map(function (message, index) {
                 var showDateDivider = index === 0 || message.date !== messages[index - 1].date;
-                return (_jsxs("div", { children: [showDateDivider && _jsx(SolidChatterDateDivider, { date: message.date }), _jsx(SolidChatterMessageBox, { messageId: message.id, user: message.user, messageType: message.messageType, message: message.message, time: message.time, auditRecord: message.auditRecord, media: message.media, messageSubType: message.messageSubType, status: message.status, modelDisplayName: message.modelDisplayName, modelUserKey: message.modelUserKey, onRefresh: fetchData })] }, message.id));
+                return (_jsxs("div", { children: [showDateDivider && _jsx(SolidChatterDateDivider, { date: message.date }), _jsx(SolidChatterMessageBox, { messageId: message.id, user: message.user, userId: message.userId, messageType: message.messageType, message: message.message, time: message.time, auditRecord: message.auditRecord, media: message.media, messageSubType: message.messageSubType, status: message.status, modelDisplayName: message.modelDisplayName, modelUserKey: message.modelUserKey, onRefresh: fetchData })] }, message.id));
             }), totalRecords > messages.length && (_jsx("div", { className: 'flex justify-content-center', children: _jsx(SolidButton, { type: 'button', size: 'sm', variant: 'outline', onClick: handleLoadMore, children: "Load more" }) }))] })); };
     return (_jsxs("div", { className: 'h-full', children: [_jsx(SolidChatterHeader, { id: id, refetch: fetchData, modelSingularName: modelSingularName, activeTab: activeTab, handleTabClick: handleTabClick, visibleBox: visibleBox, onFilterChange: handleFilterChange, onComposerCancel: function () { return setVisibleBox(null); }, title: title, modelUserKey: modelUserKey }), _jsx("div", { className: 'solid-chatter-body', style: {
                     height: isMobileViewport

package/dist/components/core/chatter/SolidChatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAA;AACzF,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAQ7C,IAAM,iBAAiB,GAAG,UAAC,KAAgC;IACvD,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5C,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACnD,OAAO,eAAe,KAAK,EAAE,IAAI,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,MAAM,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAA+S;QAA7S,iBAAiB,uBAAA,EAAE,EAAE,QAAA,EAAE,qBAAqB,2BAAA,EAAE,wBAAwB,8BAAA,EAAE,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IACrI,IAAA,KAA4B,QAAQ,CAAiC,eAAe,CAAC,EAApF,SAAS,QAAA,EAAE,YAAY,QAA6D,CAAC;IACtF,IAAA,KAA8B,QAAQ,CAAiC,IAAI,CAAC,EAA3E,UAAU,QAAA,EAAE,aAAa,QAAkD,CAAC;IAC7E,IAAA,KAA0B,QAAQ,CAAQ,EAAE,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IAC9C,IAAA,KAAoB,QAAQ,CAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IACzC,IAAA,KAAkC,QAAQ,CAAS,CAAC,CAAC,EAApD,YAAY,QAAA,EAAE,eAAe,QAAuB,CAAC;IACtD,IAAA,KAAwB,QAAQ,CAAc;QAChD,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,EAJK,OAAO,QAAA,EAAE,UAAU,QAIxB,CAAC;IACG,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAE1D,IAAA,KAAuD,6BAA6B,EAAE,EAArF,iBAAiB,QAAA,EAAe,gBAAgB,kBAAqC,CAAC;IAE7F,SAAS,CAAC;QACN,IAAM,cAAc,GAAG,cAAM,OAAA,mBAAmB,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,EAA9C,CAA8C,CAAC;QAC5E,cAAc,EAAE,CAAC;QACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,EAApD,CAAoD,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;QACN,IAAI,qBAAqB,EAAE;YACvB,IAAI,EAAE,KAAK,KAAK,EAAE;gBACd,SAAS,EAAE,CAAC;gBACZ,wBAAwB,CAAC,KAAK,CAAC,CAAC;aACnC;SACJ;IACL,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC;QACN,IAAI,EAAE,KAAK,KAAK,EAAE;YACd,SAAS,EAAE,CAAC;SACf;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,IAAM,cAAc,GAAG,UAAC,GAA4B;QAChD,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,aAAa,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAA3B,CAA2B,CAAC,CAAC;IACvD,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,UAAC,UAAkB;QAClC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QAClC,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,IAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QAE3C,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC,YAAY,EAAE,EAAE;YAC9C,OAAO,OAAO,CAAC;SAClB;aAAM,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS,CAAC,YAAY,EAAE,EAAE;YACzD,OAAO,WAAW,CAAC;SACtB;aAAM;YACH,OAAO,UAAU,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;;;;;;oBAEJ,SAAS,GAAQ;wBACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,uBAAuB,CAAC;wBAC3C,KAAK,EAAE,KAAK;qBACf,CAAC;oBAEF,IAAI,OAAO,CAAC,IAAI,EAAE;wBACd,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,EAAC,CAAC;qBACzE;oBACD,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE;wBACtC,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG;4BAC1B,QAAQ,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;yBAC7E,CAAC;qBACL;yBAAM,IAAI,OAAO,CAAC,SAAS,EAAE;wBAC1B,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;qBAC3E;yBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;wBACxB,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;qBACzE;oBAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACxC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBACc,qBAAM,iBAAiB,CAAC;4BACrC,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,iBAAiB;4BAC7B,EAAE,EAAE,WAAW;yBAClB,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAJL,QAAQ,GAAG,SAIN;oBACL,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ;;wBACzD,IAAI,GAAG,CAAC,WAAW,KAAK,QAAQ,EAAE;4BAC9B,iBAAiB;4BACjB,OAAO;gCACH,EAAE,EAAE,GAAG,CAAC,EAAE;gCACV,IAAI,EAAE,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,QAAQ,KAAI,QAAQ;gCACpC,WAAW,EAAE,QAAQ;gCACrB,OAAO,EAAE,GAAG,CAAC,WAAW;gCACxB,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;gCAC5F,SAAS,EAAE,GAAG,CAAC,SAAS;gCACxB,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;gCAC/B,KAAK,EAAE,GAAG,CAAC,MAAM;gCACjB,cAAc,EAAE,GAAG,CAAC,cAAc;gCAClC,MAAM,EAAE,GAAG,CAAC,MAAM;gCAClB,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;gCACtC,YAAY,EAAE,GAAG,CAAC,YAAY;6BACjC,CAAC;yBACL;6BAAM;4BACH,gBAAgB;4BAChB,IAAM,WAAW,GAAG,CAAA,MAAA,GAAG,CAAC,qBAAqB,0CAAE,GAAG,CAAC,UAAC,MAAW,IAAK,OAAA,CAAC;gCACjE,KAAK,EAAE,MAAM,CAAC,SAAS;gCACvB,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;gCACzC,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,MAAM,CAAC,QAAQ;gCACzB,OAAO,EAAE,MAAM,CAAC,QAAQ;gCACxB,eAAe,EAAE,MAAM,CAAC,eAAe;gCACvC,cAAc,EAAE,MAAM,CAAC,eAAe;6BACzC,CAAC,EARkE,CAQlE,EAAE,MAAM,CAAC,UAAC,MAAW;;gCACnB,IAAM,aAAa,GAAG,MAAA,MAAM,CAAC,eAAe,mCAAI,MAAM,CAAC,QAAQ,CAAC;gCAChE,IAAM,YAAY,GAAG,MAAA,MAAM,CAAC,cAAc,mCAAI,MAAM,CAAC,OAAO,CAAC;gCAE7D,OAAO,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;4BAClF,CAAC,CAAC,KAAI,EAAE,CAAC;4BAET,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;gCAC1B,OAAO,IAAI,CAAC;6BACf;4BAED,OAAO;gCACH,EAAE,EAAE,GAAG,CAAC,EAAE;gCACV,IAAI,EAAE,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,QAAQ,KAAI,QAAQ;gCACpC,WAAW,EAAE,OAAO;gCACpB,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;gCAC5F,WAAW,EAAE,WAAW;gCACxB,SAAS,EAAE,GAAG,CAAC,SAAS;gCACxB,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;gCAC/B,cAAc,EAAE,GAAG,CAAC,cAAc;gCAClC,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;gCACtC,YAAY,EAAE,GAAG,CAAC,YAAY;gCAC9B,OAAO,EAAE,GAAG,CAAC,WAAW;6BAC3B,CAAC;yBACL;oBACL,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBACnB,WAAW,CAAC,iBAAiB,CAAC,CAAC;oBAC/B,eAAe,CAAC,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAC;;;;oBAEzD,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,OAAK,CAAC,CAAC;;;;;SAE7D,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,UAAuB;QAC/C,UAAU,CAAC;YACP,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,OAAO,EAAE,UAAU,CAAC,OAAO;SAC9B,CAAC,CAAC;QACH,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACnB,QAAQ,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,GAAG,EAAE,EAAd,CAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAE,CAAC,CAAC;IAEzG,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAC7B,eAAK,SAAS,EAAC,0GAA0G,aACrH,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B,GAAG,EAC3D,eAAM,SAAS,EAAC,SAAS,8CAAgC,IACvD,CACT,EALgC,CAKhC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACrB,IAAM,iBAAiB,GAAG,UAAU,KAAK,KAAK,CAAC;QAC/C,OAAO,CACP,cAAK,SAAS,EAAC,uDAAuD,YAClE,eAAK,SAAS,EAAC,iFAAiF,aAC5F,cAAK,SAAS,EAAC,kDAAkD,YAC7D,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,EACN,YAAG,SAAS,EAAC,sCAAsC,gCAAoB,EACvE,YAAG,SAAS,EAAC,aAAa,sFAA0E,EACpG,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,YACxE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,GAClC,IACZ,GACJ,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,cAAM,OAAA,CAC1B,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,YAAY,IAAC,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAC,oDAAoD,EAAC,SAAS,EAAC,uBAAuB,GAAG,GAC1H,CACT,EAJ6B,CAI7B,CAAC;IAEF,IAAM,cAAc,GAAG,cAAM,OAAA,CACzB,eAAK,SAAS,EAAC,wBAAwB,aAClC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;gBACzB,IAAM,eAAe,GAAG,KAAK,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;gBACjF,OAAO,CACH,0BACK,eAAe,IAAI,KAAC,uBAAuB,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,EACnE,KAAC,sBAAsB,IACnB,SAAS,EAAE,OAAO,CAAC,EAAE,EACrB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,EAC1C,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,SAAS,EAAE,SAAS,GACtB,KAfI,OAAO,CAAC,EAAE,CAgBd,CACT,CAAC;YACN,CAAC,CAAC,EACD,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAC/B,cAAK,SAAS,EAAC,6BAA6B,YACxC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAc,0BAGb,GACZ,CACT,IACC,CACT,EArC4B,CAqC5B,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,QAAQ,aACnB,KAAC,kBAAkB,IACf,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,SAAS,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,kBAAkB,EAClC,gBAAgB,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,EAC3C,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC5B,EACF,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE;oBACvC,MAAM,EACF,gBAAgB;wBACZ,CAAC,CAAC,CAAC,UAAU,KAAK,eAAe;4BAC7B,CAAC,CAAC,sBAAsB;4BACxB,CAAC,CAAC,UAAU,KAAK,KAAK;gCAClB,CAAC,CAAC,sBAAsB;gCACxB,CAAC,CAAC,qBAAqB,CAAC;wBAChC,CAAC,CAAC,CAAC,UAAU,KAAK,eAAe;4BAC7B,CAAC,CAAC,qBAAqB;4BACvB,CAAC,CAAC,UAAU,KAAK,KAAK;gCAClB,CAAC,CAAC,qBAAqB;gCACvB,CAAC,CAAC,qBAAqB,CAAC;iBAC3C,YACI,gBAAgB;oBACb,CAAC,CAAC,kBAAkB,EAAE;oBACtB,CAAC,CAAC,CAAC,eAAe;wBACd,CAAC,CAAC,eAAe,EAAE;wBACnB,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;4BACnB,CAAC,CAAC,gBAAgB,EAAE;4BACpB,CAAC,CAAC,cAAc,EAAE,GAE5B,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport React, { useState, useEffect } from 'react'\nimport { SolidChatterHeader } from './SolidChatterHeader'\nimport { SolidChatterDateDivider } from './SolidChatterDateDivider'\nimport { SolidChatterMessageBox } from './SolidChatterMessageBox'\nimport { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { permissionExpression } from '../../../helpers/permissions'\nimport { SolidButton, SolidMessage } from '../../shad-cn-ui'\nimport { Inbox, Loader2 } from 'lucide-react'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nconst isEmptyAuditValue = (value: string | null | undefined) => {\n    if (value == null) return true;\n    if (typeof value !== 'string') return false;\n\n    const normalizedValue = value.trim().toLowerCase();\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';\n};\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {\n    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');\n    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);\n    const [messages, setMessages] = useState<any[]>([]);\n    const [limit, setLimit] = useState<number>(25);\n    const [totalRecords, setTotalRecords] = useState<number>(0);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [isMobileViewport, setIsMobileViewport] = useState(false);\n\n    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();\n\n    useEffect(() => {\n        const updateViewport = () => setIsMobileViewport(window.innerWidth <= 1199);\n        updateViewport();\n        window.addEventListener('resize', updateViewport);\n        return () => window.removeEventListener('resize', updateViewport);\n    }, []);\n\n    useEffect(() => {\n        if (refreshChatterMessage) {\n            if (id !== 'new') {\n                fetchData();\n                setRefreshChatterMessage(false);\n            }\n        }\n    }, [refreshChatterMessage]);\n\n    useEffect(() => {\n        if (id !== 'new') {\n            fetchData();\n        }\n    }, [filters, limit]);\n\n    const handleTabClick = (tab: 'email-message' | 'log') => {\n        setActiveTab(tab);\n        setVisibleBox(prev => (prev === tab ? null : tab));\n    }\n\n    const formatDate = (dateString: string) => {\n        const date = new Date(dateString);\n        const today = new Date();\n        const yesterday = new Date(today);\n        yesterday.setDate(yesterday.getDate() - 1);\n\n        if (date.toDateString() === today.toDateString()) {\n            return 'Today';\n        } else if (date.toDateString() === yesterday.toDateString()) {\n            return 'Yesterday';\n        } else {\n            return dateString;\n        }\n    };\n\n    const fetchData = async () => {\n        try {\n            const queryData: any = {\n                populate: ['user', 'chatterMessageDetails'],\n                limit: limit\n            };\n\n            if (filters.name) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters['user'] = { fullName: { $containsi: filters.name }};\n            }\n            if (filters.startDate && filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = {\n                    $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]\n                };\n            } else if (filters.startDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };\n            } else if (filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };\n            }\n\n            const queryString = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n            });\n            const response = await getchatterMessage({\n                entityId: id,\n                entityName: modelSingularName,\n                qs: queryString\n            }).unwrap();\n            const processedMessages = response.data.records.map((msg: any) => {\n                if (msg.messageType === 'custom') {\n                    // Custom message\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        messageType: \"custom\",\n                        message: msg.messageBody,\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        media: msg._media,\n                        messageSubType: msg.messageSubType,\n                        status: msg.status,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey\n                    };\n                } else {\n                    // Audit message\n                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({\n                        field: detail.fieldName,\n                        fieldDisplayName: detail.fieldDisplayName,\n                        fieldType: detail.fieldType,\n                        previous: detail.oldValue,\n                        current: detail.newValue,\n                        previousDisplay: detail.oldValueDisplay,\n                        currentDisplay: detail.newValueDisplay,\n                    })).filter((detail: any) => {\n                        const previousValue = detail.previousDisplay ?? detail.previous;\n                        const currentValue = detail.currentDisplay ?? detail.current;\n\n                        return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));\n                    }) || [];\n\n                    if (auditRecord.length === 0) {\n                        return null;\n                    }\n\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        messageType: \"audit\",\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        auditRecord: auditRecord,\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey,\n                        message: msg.messageBody,\n                    };\n                }\n            }).filter(Boolean);\n            setMessages(processedMessages);\n            setTotalRecords(response?.data?.meta?.totalRecords || 0);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    }\n\n    const handleFilterChange = (newFilters: FilterState) => {\n        setFilters({\n            name: newFilters.name,\n            startDate: newFilters.startDate,\n            endDate: newFilters.endDate\n        });\n        setLimit(25);\n    };\n\n    const handleLoadMore = () => {\n        setLimit(prevLimit => prevLimit + 25);\n    };\n\n    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);\n\n    const renderLoadingState = () => (\n        <div className='flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary'>\n            <Loader2 size={20} className='text-primary animate-spin' />\n            <span className='text-sm'>Loading recent activity…</span>\n        </div>\n    );\n\n    const renderEmptyState = () => {\n        const isLogComposerOpen = visibleBox === 'log';\n        return (\n        <div className='flex align-items-center justify-content-center h-full'>\n            <div className='flex flex-column align-items-center gap-2 text-center text-color-secondary px-3'>\n                <div className='p-2 border-round bg-primary-reverse text-primary'>\n                    <Inbox size={20} />\n                </div>\n                <p className='m-0 text-base font-medium text-color'>No activity yet</p>\n                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>\n                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>\n                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}\n                </SolidButton>\n            </div>\n        </div>\n        );\n    };\n\n    const permissionError = () => (\n        <div className='p-3'>\n            <SolidMessage severity='warn' text=\"You do not have permission to view these messages.\" className='justify-content-start' />\n        </div>\n    );\n\n    const renderMessages = () => (\n        <div className='flex flex-column gap-3'>\n            {messages.map((message, index) => {\n                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;\n                return (\n                    <div key={message.id}>\n                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}\n                        <SolidChatterMessageBox\n                            messageId={message.id}\n                            user={message.user}\n                            messageType={message.messageType}\n                            message={message.message}\n                            time={message.time}\n                            auditRecord={message.auditRecord}\n                            media={message.media}\n                            messageSubType={message.messageSubType}\n                            status={message.status}\n                            modelDisplayName={message.modelDisplayName}\n                            modelUserKey={message.modelUserKey}\n                            onRefresh={fetchData}\n                        />\n                    </div>\n                );\n            })}\n            {totalRecords > messages.length && (\n                <div className='flex justify-content-center'>\n                    <SolidButton\n                        type='button'\n                        size='sm'\n                        variant='outline'\n                        onClick={handleLoadMore}\n                    >\n                        Load more\n                    </SolidButton>\n                </div>\n            )}\n        </div>\n    );\n\n    return (\n        <div className='h-full'>\n            <SolidChatterHeader\n                id={id}\n                refetch={fetchData}\n                modelSingularName={modelSingularName}\n                activeTab={activeTab}\n                handleTabClick={handleTabClick}\n                visibleBox={visibleBox}\n                onFilterChange={handleFilterChange}\n                onComposerCancel={() => setVisibleBox(null)}\n                title={title}\n                modelUserKey={modelUserKey}\n            />\n            <div className='solid-chatter-body' style={{\n                height:\n                    isMobileViewport\n                        ? (visibleBox === 'email-message'\n                            ? 'calc(100dvh - 248px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100dvh - 210px)'\n                                : 'calc(100dvh - 60px)')\n                        : (visibleBox === 'email-message'\n                            ? 'calc(100vh - 196px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100vh - 292px)'\n                                : 'calc(100vh - 127px)'),\n            }}>\n                {isChatterLoading\n                    ? renderLoadingState()\n                    : !canViewMessages\n                        ? permissionError()\n                        : messages.length === 0\n                            ? renderEmptyState()\n                            : renderMessages()\n                }\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAA;AACzF,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAQ7C,IAAM,iBAAiB,GAAG,UAAC,KAAgC;IACvD,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5C,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACnD,OAAO,eAAe,KAAK,EAAE,IAAI,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,MAAM,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAA+S;QAA7S,iBAAiB,uBAAA,EAAE,EAAE,QAAA,EAAE,qBAAqB,2BAAA,EAAE,wBAAwB,8BAAA,EAAE,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IACrI,IAAA,KAA4B,QAAQ,CAAiC,eAAe,CAAC,EAApF,SAAS,QAAA,EAAE,YAAY,QAA6D,CAAC;IACtF,IAAA,KAA8B,QAAQ,CAAiC,IAAI,CAAC,EAA3E,UAAU,QAAA,EAAE,aAAa,QAAkD,CAAC;IAC7E,IAAA,KAA0B,QAAQ,CAAQ,EAAE,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IAC9C,IAAA,KAAoB,QAAQ,CAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IACzC,IAAA,KAAkC,QAAQ,CAAS,CAAC,CAAC,EAApD,YAAY,QAAA,EAAE,eAAe,QAAuB,CAAC;IACtD,IAAA,KAAwB,QAAQ,CAAc;QAChD,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,EAJK,OAAO,QAAA,EAAE,UAAU,QAIxB,CAAC;IACG,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAE1D,IAAA,KAAuD,6BAA6B,EAAE,EAArF,iBAAiB,QAAA,EAAe,gBAAgB,kBAAqC,CAAC;IAE7F,SAAS,CAAC;QACN,IAAM,cAAc,GAAG,cAAM,OAAA,mBAAmB,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,EAA9C,CAA8C,CAAC;QAC5E,cAAc,EAAE,CAAC;QACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,EAApD,CAAoD,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;QACN,IAAI,qBAAqB,EAAE;YACvB,IAAI,EAAE,KAAK,KAAK,EAAE;gBACd,SAAS,EAAE,CAAC;gBACZ,wBAAwB,CAAC,KAAK,CAAC,CAAC;aACnC;SACJ;IACL,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC;QACN,IAAI,EAAE,KAAK,KAAK,EAAE;YACd,SAAS,EAAE,CAAC;SACf;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,IAAM,cAAc,GAAG,UAAC,GAA4B;QAChD,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,aAAa,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAA3B,CAA2B,CAAC,CAAC;IACvD,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,UAAC,UAAkB;QAClC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QAClC,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,IAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QAE3C,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC,YAAY,EAAE,EAAE;YAC9C,OAAO,OAAO,CAAC;SAClB;aAAM,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS,CAAC,YAAY,EAAE,EAAE;YACzD,OAAO,WAAW,CAAC;SACtB;aAAM;YACH,OAAO,UAAU,CAAC;SACrB;IACL,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;;;;;;oBAEJ,SAAS,GAAQ;wBACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,uBAAuB,CAAC;wBAC3C,KAAK,EAAE,KAAK;qBACf,CAAC;oBAEF,IAAI,OAAO,CAAC,IAAI,EAAE;wBACd,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,EAAC,CAAC;qBACzE;oBACK,UAAU,GAAG,UAAC,CAAO;wBACvB,IAAM,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;wBACtB,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;wBACvB,OAAO,CAAC,CAAC;oBACb,CAAC,CAAC;oBACI,QAAQ,GAAG,UAAC,CAAO;wBACrB,IAAM,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;wBACtB,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;wBAC5B,OAAO,CAAC,CAAC;oBACb,CAAC,CAAC;oBACF,IAAI,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE;wBACtC,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG;4BAC1B,QAAQ,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;yBACnG,CAAC;qBACL;yBAAM,IAAI,OAAO,CAAC,SAAS,EAAE;wBAC1B,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;qBACvF;yBAAM,IAAI,OAAO,CAAC,OAAO,EAAE;wBACxB,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;wBAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;qBACnF;oBAEK,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACxC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBACc,qBAAM,iBAAiB,CAAC;4BACrC,QAAQ,EAAE,EAAE;4BACZ,UAAU,EAAE,iBAAiB;4BAC7B,EAAE,EAAE,WAAW;yBAClB,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAJL,QAAQ,GAAG,SAIN;oBACL,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ;;wBACzD,IAAI,GAAG,CAAC,WAAW,KAAK,QAAQ,EAAE;4BAC9B,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,CAAC;4BACzD,iBAAiB;4BACjB,OAAO;gCACH,EAAE,EAAE,GAAG,CAAC,EAAE;gCACV,IAAI,EAAE,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,QAAQ,KAAI,QAAQ;gCACpC,MAAM,EAAE,MAAA,GAAG,CAAC,IAAI,0CAAE,EAAE;gCACpB,WAAW,EAAE,QAAQ;gCACrB,OAAO,EAAE,GAAG,CAAC,WAAW;gCACxB,IAAI,EAAE,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;gCAChG,SAAS,EAAE,iBAAiB;gCAC5B,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC;gCACnC,KAAK,EAAE,GAAG,CAAC,MAAM;gCACjB,cAAc,EAAE,GAAG,CAAC,cAAc;gCAClC,MAAM,EAAE,GAAG,CAAC,MAAM;gCAClB,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;gCACtC,YAAY,EAAE,GAAG,CAAC,YAAY;6BACjC,CAAC;yBACL;6BAAM;4BACH,gBAAgB;4BAChB,IAAM,WAAW,GAAG,CAAA,MAAA,GAAG,CAAC,qBAAqB,0CAAE,GAAG,CAAC,UAAC,MAAW,IAAK,OAAA,CAAC;gCACjE,KAAK,EAAE,MAAM,CAAC,SAAS;gCACvB,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;gCACzC,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,MAAM,CAAC,QAAQ;gCACzB,OAAO,EAAE,MAAM,CAAC,QAAQ;gCACxB,eAAe,EAAE,MAAM,CAAC,eAAe;gCACvC,cAAc,EAAE,MAAM,CAAC,eAAe;6BACzC,CAAC,EARkE,CAQlE,EAAE,MAAM,CAAC,UAAC,MAAW;;gCACnB,IAAM,aAAa,GAAG,MAAA,MAAM,CAAC,eAAe,mCAAI,MAAM,CAAC,QAAQ,CAAC;gCAChE,IAAM,YAAY,GAAG,MAAA,MAAM,CAAC,cAAc,mCAAI,MAAM,CAAC,OAAO,CAAC;gCAE7D,OAAO,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;4BAClF,CAAC,CAAC,KAAI,EAAE,CAAC;4BAET,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;gCAC1B,OAAO,IAAI,CAAC;6BACf;4BAED,OAAO;gCACH,EAAE,EAAE,GAAG,CAAC,EAAE;gCACV,IAAI,EAAE,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,QAAQ,KAAI,QAAQ;gCACpC,MAAM,EAAE,MAAA,GAAG,CAAC,IAAI,0CAAE,EAAE;gCACpB,WAAW,EAAE,OAAO;gCACpB,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;gCAC5F,WAAW,EAAE,WAAW;gCACxB,SAAS,EAAE,GAAG,CAAC,SAAS;gCACxB,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;gCAC/B,cAAc,EAAE,GAAG,CAAC,cAAc;gCAClC,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;gCACtC,YAAY,EAAE,GAAG,CAAC,YAAY;gCAC9B,OAAO,EAAE,GAAG,CAAC,WAAW;6BAC3B,CAAC;yBACL;oBACL,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBACnB,WAAW,CAAC,iBAAiB,CAAC,CAAC;oBAC/B,eAAe,CAAC,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAC;;;;oBAEzD,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,OAAK,CAAC,CAAC;;;;;SAE7D,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,UAAuB;QAC/C,UAAU,CAAC;YACP,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,OAAO,EAAE,UAAU,CAAC,OAAO;SAC9B,CAAC,CAAC;QACH,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACnB,QAAQ,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,GAAG,EAAE,EAAd,CAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAG,oBAAoB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAE,CAAC,CAAC;IAEzG,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAC7B,eAAK,SAAS,EAAC,0GAA0G,aACrH,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B,GAAG,EAC3D,eAAM,SAAS,EAAC,SAAS,8CAAgC,IACvD,CACT,EALgC,CAKhC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACrB,IAAM,iBAAiB,GAAG,UAAU,KAAK,KAAK,CAAC;QAC/C,OAAO,CACP,cAAK,SAAS,EAAC,uDAAuD,YAClE,eAAK,SAAS,EAAC,iFAAiF,aAC5F,cAAK,SAAS,EAAC,kDAAkD,YAC7D,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,EACN,YAAG,SAAS,EAAC,sCAAsC,gCAAoB,EACvE,YAAG,SAAS,EAAC,aAAa,sFAA0E,EACpG,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,YACxE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,GAClC,IACZ,GACJ,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,cAAM,OAAA,CAC1B,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,YAAY,IAAC,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAC,oDAAoD,EAAC,SAAS,EAAC,uBAAuB,GAAG,GAC1H,CACT,EAJ6B,CAI7B,CAAC;IAEF,IAAM,cAAc,GAAG,cAAM,OAAA,CACzB,eAAK,SAAS,EAAC,wBAAwB,aAClC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;gBACzB,IAAM,eAAe,GAAG,KAAK,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;gBACjF,OAAO,CACH,0BACK,eAAe,IAAI,KAAC,uBAAuB,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,GAAI,EACnE,KAAC,sBAAsB,IACnB,SAAS,EAAE,OAAO,CAAC,EAAE,EACrB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,EAC1C,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,SAAS,EAAE,SAAS,GACtB,KAhBI,OAAO,CAAC,EAAE,CAiBd,CACT,CAAC;YACN,CAAC,CAAC,EACD,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAC/B,cAAK,SAAS,EAAC,6BAA6B,YACxC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAc,0BAGb,GACZ,CACT,IACC,CACT,EAtC4B,CAsC5B,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,QAAQ,aACnB,KAAC,kBAAkB,IACf,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,SAAS,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,kBAAkB,EAClC,gBAAgB,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,EAC3C,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,GAC5B,EACF,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE;oBACvC,MAAM,EACF,gBAAgB;wBACZ,CAAC,CAAC,CAAC,UAAU,KAAK,eAAe;4BAC7B,CAAC,CAAC,sBAAsB;4BACxB,CAAC,CAAC,UAAU,KAAK,KAAK;gCAClB,CAAC,CAAC,sBAAsB;gCACxB,CAAC,CAAC,qBAAqB,CAAC;wBAChC,CAAC,CAAC,CAAC,UAAU,KAAK,eAAe;4BAC7B,CAAC,CAAC,qBAAqB;4BACvB,CAAC,CAAC,UAAU,KAAK,KAAK;gCAClB,CAAC,CAAC,qBAAqB;gCACvB,CAAC,CAAC,qBAAqB,CAAC;iBAC3C,YACI,gBAAgB;oBACb,CAAC,CAAC,kBAAkB,EAAE;oBACtB,CAAC,CAAC,CAAC,eAAe;wBACd,CAAC,CAAC,eAAe,EAAE;wBACnB,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;4BACnB,CAAC,CAAC,gBAAgB,EAAE;4BACpB,CAAC,CAAC,cAAc,EAAE,GAE5B,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport React, { useState, useEffect } from 'react'\nimport { SolidChatterHeader } from './SolidChatterHeader'\nimport { SolidChatterDateDivider } from './SolidChatterDateDivider'\nimport { SolidChatterMessageBox } from './SolidChatterMessageBox'\nimport { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { permissionExpression } from '../../../helpers/permissions'\nimport { SolidButton, SolidMessage } from '../../shad-cn-ui'\nimport { Inbox, Loader2 } from 'lucide-react'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nconst isEmptyAuditValue = (value: string | null | undefined) => {\n    if (value == null) return true;\n    if (typeof value !== 'string') return false;\n\n    const normalizedValue = value.trim().toLowerCase();\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';\n};\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {\n    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');\n    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);\n    const [messages, setMessages] = useState<any[]>([]);\n    const [limit, setLimit] = useState<number>(25);\n    const [totalRecords, setTotalRecords] = useState<number>(0);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [isMobileViewport, setIsMobileViewport] = useState(false);\n\n    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();\n\n    useEffect(() => {\n        const updateViewport = () => setIsMobileViewport(window.innerWidth <= 1199);\n        updateViewport();\n        window.addEventListener('resize', updateViewport);\n        return () => window.removeEventListener('resize', updateViewport);\n    }, []);\n\n    useEffect(() => {\n        if (refreshChatterMessage) {\n            if (id !== 'new') {\n                fetchData();\n                setRefreshChatterMessage(false);\n            }\n        }\n    }, [refreshChatterMessage]);\n\n    useEffect(() => {\n        if (id !== 'new') {\n            fetchData();\n        }\n    }, [filters, limit]);\n\n    const handleTabClick = (tab: 'email-message' | 'log') => {\n        setActiveTab(tab);\n        setVisibleBox(prev => (prev === tab ? null : tab));\n    }\n\n    const formatDate = (dateString: string) => {\n        const date = new Date(dateString);\n        const today = new Date();\n        const yesterday = new Date(today);\n        yesterday.setDate(yesterday.getDate() - 1);\n\n        if (date.toDateString() === today.toDateString()) {\n            return 'Today';\n        } else if (date.toDateString() === yesterday.toDateString()) {\n            return 'Yesterday';\n        } else {\n            return dateString;\n        }\n    };\n\n    const fetchData = async () => {\n        try {\n            const queryData: any = {\n                populate: ['user', 'chatterMessageDetails'],\n                limit: limit\n            };\n\n            if (filters.name) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters['user'] = { fullName: { $containsi: filters.name }};\n            }\n            const startOfDay = (d: Date) => {\n                const x = new Date(d);\n                x.setHours(0, 0, 0, 0);\n                return x;\n            };\n            const endOfDay = (d: Date) => {\n                const x = new Date(d);\n                x.setHours(23, 59, 59, 999);\n                return x;\n            };\n            if (filters.startDate && filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = {\n                    $between: [startOfDay(filters.startDate).toISOString(), endOfDay(filters.endDate).toISOString()]\n                };\n            } else if (filters.startDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $gte: startOfDay(filters.startDate).toISOString() };\n            } else if (filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $lte: endOfDay(filters.endDate).toISOString() };\n            }\n\n            const queryString = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n            });\n            const response = await getchatterMessage({\n                entityId: id,\n                entityName: modelSingularName,\n                qs: queryString\n            }).unwrap();\n            const processedMessages = response.data.records.map((msg: any) => {\n                if (msg.messageType === 'custom') {\n                    const displayTimeSource = msg.updatedAt || msg.createdAt;\n                    // Custom message\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        userId: msg.user?.id,\n                        messageType: \"custom\",\n                        message: msg.messageBody,\n                        time: new Date(displayTimeSource).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        createdAt: displayTimeSource,\n                        date: formatDate(displayTimeSource),\n                        media: msg._media,\n                        messageSubType: msg.messageSubType,\n                        status: msg.status,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey\n                    };\n                } else {\n                    // Audit message\n                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({\n                        field: detail.fieldName,\n                        fieldDisplayName: detail.fieldDisplayName,\n                        fieldType: detail.fieldType,\n                        previous: detail.oldValue,\n                        current: detail.newValue,\n                        previousDisplay: detail.oldValueDisplay,\n                        currentDisplay: detail.newValueDisplay,\n                    })).filter((detail: any) => {\n                        const previousValue = detail.previousDisplay ?? detail.previous;\n                        const currentValue = detail.currentDisplay ?? detail.current;\n\n                        return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));\n                    }) || [];\n\n                    if (auditRecord.length === 0) {\n                        return null;\n                    }\n\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        userId: msg.user?.id,\n                        messageType: \"audit\",\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        auditRecord: auditRecord,\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey,\n                        message: msg.messageBody,\n                    };\n                }\n            }).filter(Boolean);\n            setMessages(processedMessages);\n            setTotalRecords(response?.data?.meta?.totalRecords || 0);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    }\n\n    const handleFilterChange = (newFilters: FilterState) => {\n        setFilters({\n            name: newFilters.name,\n            startDate: newFilters.startDate,\n            endDate: newFilters.endDate\n        });\n        setLimit(25);\n    };\n\n    const handleLoadMore = () => {\n        setLimit(prevLimit => prevLimit + 25);\n    };\n\n    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);\n\n    const renderLoadingState = () => (\n        <div className='flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary'>\n            <Loader2 size={20} className='text-primary animate-spin' />\n            <span className='text-sm'>Loading recent activity…</span>\n        </div>\n    );\n\n    const renderEmptyState = () => {\n        const isLogComposerOpen = visibleBox === 'log';\n        return (\n        <div className='flex align-items-center justify-content-center h-full'>\n            <div className='flex flex-column align-items-center gap-2 text-center text-color-secondary px-3'>\n                <div className='p-2 border-round bg-primary-reverse text-primary'>\n                    <Inbox size={20} />\n                </div>\n                <p className='m-0 text-base font-medium text-color'>No activity yet</p>\n                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>\n                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>\n                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}\n                </SolidButton>\n            </div>\n        </div>\n        );\n    };\n\n    const permissionError = () => (\n        <div className='p-3'>\n            <SolidMessage severity='warn' text=\"You do not have permission to view these messages.\" className='justify-content-start' />\n        </div>\n    );\n\n    const renderMessages = () => (\n        <div className='flex flex-column gap-3'>\n            {messages.map((message, index) => {\n                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;\n                return (\n                    <div key={message.id}>\n                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}\n                        <SolidChatterMessageBox\n                            messageId={message.id}\n                            user={message.user}\n                            userId={message.userId}\n                            messageType={message.messageType}\n                            message={message.message}\n                            time={message.time}\n                            auditRecord={message.auditRecord}\n                            media={message.media}\n                            messageSubType={message.messageSubType}\n                            status={message.status}\n                            modelDisplayName={message.modelDisplayName}\n                            modelUserKey={message.modelUserKey}\n                            onRefresh={fetchData}\n                        />\n                    </div>\n                );\n            })}\n            {totalRecords > messages.length && (\n                <div className='flex justify-content-center'>\n                    <SolidButton\n                        type='button'\n                        size='sm'\n                        variant='outline'\n                        onClick={handleLoadMore}\n                    >\n                        Load more\n                    </SolidButton>\n                </div>\n            )}\n        </div>\n    );\n\n    return (\n        <div className='h-full'>\n            <SolidChatterHeader\n                id={id}\n                refetch={fetchData}\n                modelSingularName={modelSingularName}\n                activeTab={activeTab}\n                handleTabClick={handleTabClick}\n                visibleBox={visibleBox}\n                onFilterChange={handleFilterChange}\n                onComposerCancel={() => setVisibleBox(null)}\n                title={title}\n                modelUserKey={modelUserKey}\n            />\n            <div className='solid-chatter-body' style={{\n                height:\n                    isMobileViewport\n                        ? (visibleBox === 'email-message'\n                            ? 'calc(100dvh - 248px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100dvh - 210px)'\n                                : 'calc(100dvh - 60px)')\n                        : (visibleBox === 'email-message'\n                            ? 'calc(100vh - 196px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100vh - 292px)'\n                                : 'calc(100vh - 127px)'),\n            }}>\n                {isChatterLoading\n                    ? renderLoadingState()\n                    : !canViewMessages\n                        ? permissionError()\n                        : messages.length === 0\n                            ? renderEmptyState()\n                            : renderMessages()\n                }\n            </div>\n        </div>\n    )\n}\n"]}

package/dist/components/core/chatter/SolidChatter.tsx

@@ -92,17 +92,27 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                 queryData.filters = queryData.filters || {};
                 queryData.filters['user'] = { fullName: { $containsi: filters.name }};
             }
+            const startOfDay = (d: Date) => {
+                const x = new Date(d);
+                x.setHours(0, 0, 0, 0);
+                return x;
+            };
+            const endOfDay = (d: Date) => {
+                const x = new Date(d);
+                x.setHours(23, 59, 59, 999);
+                return x;
+            };
             if (filters.startDate && filters.endDate) {
                 queryData.filters = queryData.filters || {};
                 queryData.filters.createdAt = {
-                    $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]
+                    $between: [startOfDay(filters.startDate).toISOString(), endOfDay(filters.endDate).toISOString()]
                 };
             } else if (filters.startDate) {
                 queryData.filters = queryData.filters || {};
-                queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };
+                queryData.filters.createdAt = { $gte: startOfDay(filters.startDate).toISOString() };
             } else if (filters.endDate) {
                 queryData.filters = queryData.filters || {};
-                queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };
+                queryData.filters.createdAt = { $lte: endOfDay(filters.endDate).toISOString() };
             }
 
             const queryString = qs.stringify(queryData, {
@@ -115,15 +125,17 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
             }).unwrap();
             const processedMessages = response.data.records.map((msg: any) => {
                 if (msg.messageType === 'custom') {
+                    const displayTimeSource = msg.updatedAt || msg.createdAt;
                     // Custom message
                     return {
                         id: msg.id,
                         user: msg.user?.fullName || "System",
+                        userId: msg.user?.id,
                         messageType: "custom",
                         message: msg.messageBody,
-                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
-                        createdAt: msg.createdAt,
-                        date: formatDate(msg.createdAt),
+                        time: new Date(displayTimeSource).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                        createdAt: displayTimeSource,
+                        date: formatDate(displayTimeSource),
                         media: msg._media,
                         messageSubType: msg.messageSubType,
                         status: msg.status,
@@ -154,6 +166,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                     return {
                         id: msg.id,
                         user: msg.user?.fullName || "System",
+                        userId: msg.user?.id,
                         messageType: "audit",
                         time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
                         auditRecord: auditRecord,
@@ -229,6 +242,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                         <SolidChatterMessageBox
                             messageId={message.id}
                             user={message.user}
+                            userId={message.userId}
                             messageType={message.messageType}
                             message={message.message}
                             time={message.time}

package/dist/components/core/chatter/SolidChatterHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAkBA,UAAU,WAAW;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,KAAK;IACX,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,EAAE,EAAE,GAAG,CAAC;IACR,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA0N9C,CAAA"}
+{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAkBA,UAAU,WAAW;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,KAAK;IACX,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,GAAG,CAAC;IACb,EAAE,EAAE,GAAG,CAAC;IACR,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA8N9C,CAAA"}

package/dist/components/core/chatter/SolidChatterHeader.js

@@ -136,6 +136,6 @@ export var SolidChatterHeader = function (props) {
     return (_jsxs("div", { className: "".concat(styles.chatterTitle, " ").concat(title ? styles.chatterTitleWithLabel : '', " solid-list-toolbar"), children: [_jsxs("div", { className: 'flex justify-content-between align-items-center solid-list-toolbar-row', children: [_jsx("p", { className: "m-0 view-title solid-text-wrapper form-wrapper-title", children: title || '' }), _jsxs("div", { className: 'flex align-items-center solid-header-buttons-wrapper', children: [_jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Log Note", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Edit, { size: 14 }), onClick: function () { return handleTabClick('log'); } }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Filter", variant: hasActiveFilters ? 'primary' : 'outline', className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(Filter, { size: 14 }), onClick: handleFilterClick }), _jsx(SolidButton, { size: "sm", type: "button", "aria-label": "Refresh", variant: "outline", className: "solid-icon-button", style: { gap: 0 }, leftIcon: _jsx(RefreshCw, { size: 14 }), onClick: refetch })] })] }), visibleBox &&
                 _jsxs("div", { className: 'mt-2', children: [visibleBox === "email-message" &&
                             _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, type: "email", onCancel: onComposerCancel, modelUserKey: modelUserKey }), visibleBox === "log" &&
-                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, onCancel: onComposerCancel, modelUserKey: modelUserKey })] }), _jsxs(SolidDialog, { open: showFilterDialog, onOpenChange: setShowFilterDialog, className: 'solid-filter-dialog-shell solid-chatter-filter-main', style: { width: 500 }, showHeader: false, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Filter Messages" }) }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsxs("div", { className: "flex flex-column gap-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "User" }), _jsx(SolidAutocomplete, { id: "fullName", value: filters.name, suggestions: suggestions, field: "fullName", completeMethod: searchUsers, onChange: function (e) { return handleUserChange(e.value); }, placeholder: "Filter by user", className: "w-full", inputClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "dateRange", className: "form-field-label", children: "Date Range" }), _jsxs("div", { className: "flex gap-2 flex-column md:flex-row", children: [_jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_a = filters.startDate) !== null && _a !== void 0 ? _a : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "Start Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_b = filters.endDate) !== null && _b !== void 0 ? _b : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "End Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full" }) })] })] })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Clear", size: "sm", variant: "outline", onClick: handleClearFilters }), _jsx(SolidButton, { label: "Apply", size: "sm", className: "solid-purple-button", onClick: handleApplyFilters })] })] })] }));
+                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, onCancel: onComposerCancel, modelUserKey: modelUserKey })] }), _jsxs(SolidDialog, { open: showFilterDialog, onOpenChange: setShowFilterDialog, className: 'solid-filter-dialog-shell solid-chatter-filter-main', style: { width: 500 }, showHeader: false, dismissible: false, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Filter Messages" }) }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsxs("div", { className: "flex flex-column gap-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "User" }), _jsx(SolidAutocomplete, { id: "fullName", value: filters.name, suggestions: suggestions, field: "fullName", completeMethod: searchUsers, onChange: function (e) { return handleUserChange(e.value); }, placeholder: "Filter by user", className: "w-full", inputClassName: "w-full", portal: true })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "dateRange", className: "form-field-label", children: "Date Range" }), _jsxs("div", { className: "flex gap-2 flex-column md:flex-row", children: [_jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_a = filters.startDate) !== null && _a !== void 0 ? _a : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "Start Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full", portalId: "solid-datepicker-portal" }) }), _jsx("div", { className: "flex-1", children: _jsx(SolidDatePicker, { selected: (_b = filters.endDate) !== null && _b !== void 0 ? _b : undefined, onChange: function (date) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: date !== null && date !== void 0 ? date : null })); }); }, placeholderText: "End Date", className: "w-full", wrapperClassName: "w-full", inputClassName: "w-full", portalId: "solid-datepicker-portal" }) })] })] })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { label: "Clear", size: "sm", variant: "outline", onClick: handleClearFilters }), _jsx(SolidButton, { label: "Apply", size: "sm", className: "solid-purple-button", onClick: handleApplyFilters })] })] })] }));
 };
 //# sourceMappingURL=SolidChatterHeader.js.map

package/dist/components/core/chatter/SolidChatterHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport {\n    SolidButton,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogFooter,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidAutocomplete,\n    SolidDatePicker\n} from '../../shad-cn-ui'\nimport { Filter, RefreshCw,Edit } from 'lucide-react'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n    onComposerCancel?: () => void;\n    title?: string;\n    modelUserKey?: string;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel, title, modelUserKey } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const updateNameFilter = (value: string) => {\n        setFilters(prev => {\n            if (prev.name === value) {\n                return prev;\n            }\n            return {\n                ...prev,\n                name: value\n            };\n        });\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        updateNameFilter(event.query || '');\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const handleUserChange = (value: any) => {\n        if (!value) {\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        updateNameFilter(value);\n    };\n\n    return (\n        <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>\n            <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>\n                <p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                    {title || ''}\n                </p>\n                <div className='flex align-items-center solid-header-buttons-wrapper'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    {/* <SolidButton\n                        label=\"Log Note\"\n                        size=\"sm\"\n                        type=\"button\"\n                        variant=\"primary\"\n                        className=\"solid-purple-button\"\n                        onClick={() => handleTabClick('log')}\n                    /> */}\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Log Note\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Edit size={14} />}\n                        onClick={() => handleTabClick('log')}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Filter\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Filter size={14} />}\n                        onClick={handleFilterClick}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Refresh\"\n                        variant=\"outline\"\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<RefreshCw size={14} />}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-2'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n                </div>\n            }\n            <SolidDialog\n                open={showFilterDialog}\n                onOpenChange={setShowFilterDialog}\n                className='solid-filter-dialog-shell solid-chatter-filter-main'\n                style={{ width: 500 }}\n                showHeader={false}\n            >\n                <SolidDialogHeader className=\"solid-filter-dialog-head\">\n                    <div>\n                        <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Filter Messages</SolidDialogTitle>\n                    </div>\n                    <SolidDialogClose className=\"solid-filter-dialog-close\" />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n                <SolidDialogBody className=\"solid-filter-dialog-body\">\n                    <div className=\"flex flex-column gap-3\">\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"fullName\" className=\"form-field-label\">User</label>\n                            <SolidAutocomplete\n                                id=\"fullName\"\n                                value={filters.name}\n                                suggestions={suggestions}\n                                field=\"fullName\"\n                                completeMethod={searchUsers}\n                                onChange={(e) => handleUserChange(e.value)}\n                                placeholder=\"Filter by user\"\n                                className=\"w-full\"\n                                inputClassName=\"w-full\"\n                            />\n                        </div>\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"dateRange\" className=\"form-field-label\">Date Range</label>\n                            <div className=\"flex gap-2 flex-column md:flex-row\">\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.startDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, startDate: date ?? null }))}\n                                        placeholderText=\"Start Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.endDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, endDate: date ?? null }))}\n                                        placeholderText=\"End Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </SolidDialogBody>\n                <SolidDialogFooter>\n                        <SolidButton \n                            label=\"Clear\" \n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={handleClearFilters}\n                        />\n                        <SolidButton \n                            label=\"Apply\" \n                            size=\"sm\"\n                            className=\"solid-purple-button\"\n                            onClick={handleApplyFilters}\n                        />\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport {\n    SolidButton,\n    SolidDialog,\n    SolidDialogBody,\n    SolidDialogClose,\n    SolidDialogFooter,\n    SolidDialogHeader,\n    SolidDialogSeparator,\n    SolidDialogTitle,\n    SolidAutocomplete,\n    SolidDatePicker\n} from '../../shad-cn-ui'\nimport { Filter, RefreshCw,Edit } from 'lucide-react'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n    onComposerCancel?: () => void;\n    title?: string;\n    modelUserKey?: string;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange, onComposerCancel, title, modelUserKey } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const updateNameFilter = (value: string) => {\n        setFilters(prev => {\n            if (prev.name === value) {\n                return prev;\n            }\n            return {\n                ...prev,\n                name: value\n            };\n        });\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        updateNameFilter(event.query || '');\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const handleUserChange = (value: any) => {\n        if (!value) {\n            updateNameFilter('');\n            return;\n        }\n        if (typeof value === 'object') {\n            updateNameFilter(value.fullName || '');\n            return;\n        }\n        updateNameFilter(value);\n    };\n\n    return (\n        <div className={`${styles.chatterTitle} ${title ? styles.chatterTitleWithLabel : ''} solid-list-toolbar`}>\n            <div className='flex justify-content-between align-items-center solid-list-toolbar-row'>\n                <p className=\"m-0 view-title solid-text-wrapper form-wrapper-title\">\n                    {title || ''}\n                </p>\n                <div className='flex align-items-center solid-header-buttons-wrapper'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    {/* <SolidButton\n                        label=\"Log Note\"\n                        size=\"sm\"\n                        type=\"button\"\n                        variant=\"primary\"\n                        className=\"solid-purple-button\"\n                        onClick={() => handleTabClick('log')}\n                    /> */}\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Log Note\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Edit size={14} />}\n                        onClick={() => handleTabClick('log')}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Filter\"\n                        variant={hasActiveFilters ? 'primary' : 'outline'}\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<Filter size={14} />}\n                        onClick={handleFilterClick}\n                    />\n                    <SolidButton\n                        size=\"sm\"\n                        type=\"button\"\n                        aria-label=\"Refresh\"\n                        variant=\"outline\"\n                        className=\"solid-icon-button\"\n                        style={{ gap: 0 }}\n                        leftIcon={<RefreshCw size={14} />}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-2'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} onCancel={onComposerCancel} modelUserKey={modelUserKey} />\n                    }\n                </div>\n            }\n            <SolidDialog\n                open={showFilterDialog}\n                onOpenChange={setShowFilterDialog}\n                className='solid-filter-dialog-shell solid-chatter-filter-main'\n                style={{ width: 500 }}\n                showHeader={false}\n                dismissible={false}\n            >\n                <SolidDialogHeader className=\"solid-filter-dialog-head\">\n                    <div>\n                        <SolidDialogTitle className=\"solid-filter-dialog-title m-0\">Filter Messages</SolidDialogTitle>\n                    </div>\n                    <SolidDialogClose className=\"solid-filter-dialog-close\" />\n                </SolidDialogHeader>\n                <SolidDialogSeparator className=\"solid-filter-dialog-sep\" />\n                <SolidDialogBody className=\"solid-filter-dialog-body\">\n                    <div className=\"flex flex-column gap-3\">\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"fullName\" className=\"form-field-label\">User</label>\n                            <SolidAutocomplete\n                                id=\"fullName\"\n                                value={filters.name}\n                                suggestions={suggestions}\n                                field=\"fullName\"\n                                completeMethod={searchUsers}\n                                onChange={(e) => handleUserChange(e.value)}\n                                placeholder=\"Filter by user\"\n                                className=\"w-full\"\n                                inputClassName=\"w-full\"\n                                portal\n                            />\n                        </div>\n                        <div className=\"flex flex-column gap-2\">\n                            <label htmlFor=\"dateRange\" className=\"form-field-label\">Date Range</label>\n                            <div className=\"flex gap-2 flex-column md:flex-row\">\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.startDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, startDate: date ?? null }))}\n                                        placeholderText=\"Start Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                        portalId=\"solid-datepicker-portal\"\n                                    />\n                                </div>\n                                <div className=\"flex-1\">\n                                    <SolidDatePicker\n                                        selected={filters.endDate ?? undefined}\n                                        onChange={(date: Date | null) => setFilters(prev => ({ ...prev, endDate: date ?? null }))}\n                                        placeholderText=\"End Date\"\n                                        className=\"w-full\"\n                                        wrapperClassName=\"w-full\"\n                                        inputClassName=\"w-full\"\n                                        portalId=\"solid-datepicker-portal\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </SolidDialogBody>\n                <SolidDialogFooter>\n                        <SolidButton \n                            label=\"Clear\" \n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={handleClearFilters}\n                        />\n                        <SolidButton \n                            label=\"Apply\" \n                            size=\"sm\"\n                            className=\"solid-purple-button\"\n                            onClick={handleApplyFilters}\n                        />\n                </SolidDialogFooter>\n            </SolidDialog>\n        </div>\n    )\n}\n"]}

package/dist/components/core/chatter/SolidChatterHeader.tsx

@@ -185,6 +185,7 @@ export const SolidChatterHeader = (props: Props) => {
                 className='solid-filter-dialog-shell solid-chatter-filter-main'
                 style={{ width: 500 }}
                 showHeader={false}
+                dismissible={false}
             >
                 <SolidDialogHeader className="solid-filter-dialog-head">
                     <div>
@@ -207,6 +208,7 @@ export const SolidChatterHeader = (props: Props) => {
                                 placeholder="Filter by user"
                                 className="w-full"
                                 inputClassName="w-full"
+                                portal
                             />
                         </div>
                         <div className="flex flex-column gap-2">
@@ -220,6 +222,7 @@ export const SolidChatterHeader = (props: Props) => {
                                         className="w-full"
                                         wrapperClassName="w-full"
                                         inputClassName="w-full"
+                                        portalId="solid-datepicker-portal"
                                     />
                                 </div>
                                 <div className="flex-1">
@@ -230,6 +233,7 @@ export const SolidChatterHeader = (props: Props) => {
                                         className="w-full"
                                         wrapperClassName="w-full"
                                         inputClassName="w-full"
+                                        portalId="solid-datepicker-portal"
                                     />
                                 </div>
                             </div>

package/dist/components/core/chatter/SolidChatterMessageBox.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     messageId?: number | string;
     user: string;
+    userId?: number;
     messageType?: string;
     message?: any;
     time?: string;

package/dist/components/core/chatter/SolidChatterMessageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE;QACJ,kBAAkB,CAAC,EAAE,KAAK,CAAC;YACvB,EAAE,EAAE,MAAM,CAAC;YACX,WAAW,EAAE,MAAM,CAAC;YACpB,QAAQ,EAAE,MAAM,CAAC;YACjB,gBAAgB,EAAE,MAAM,CAAC;YACzB,SAAS,EAAE,MAAM,CAAC;SACrB,CAAC,CAAC;KACN,CAAC;CACL;AAsBD,eAAO,MAAM,sBAAsB,UAAW,KAAK,4CAsLlD,CAAA"}
+{"version":3,"file":"SolidChatterMessageBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE;QACJ,kBAAkB,CAAC,EAAE,KAAK,CAAC;YACvB,EAAE,EAAE,MAAM,CAAC;YACX,WAAW,EAAE,MAAM,CAAC;YACpB,QAAQ,EAAE,MAAM,CAAC;YACjB,gBAAgB,EAAE,MAAM,CAAC;YACzB,SAAS,EAAE,MAAM,CAAC;SACrB,CAAC,CAAC;KACN,CAAC;CACL;AAsBD,eAAO,MAAM,sBAAsB,UAAW,KAAK,4CAqalD,CAAA"}