@solidstarters/solid-core-ui 1.1.210 → 1.1.212

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

@@ -0,0 +1,248 @@
+"use client"
+import React, { useState, useEffect } from 'react'
+import { SolidChatterHeader } from './SolidChatterHeader'
+import { SolidChatterDateDivider } from './SolidChatterDateDivider'
+import { SolidChatterMessageBox } from './SolidChatterMessageBox'
+import { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'
+import qs from "qs";
+import { ERROR_MESSAGES } from '../../../constants/error-messages'
+import { permissionExpression } from '../../../helpers/permissions'
+
+interface FilterState {
+    name: string;
+    startDate: Date | null;
+    endDate: Date | null;
+}
+
+export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed=[] }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void , actionsAllowed?:string[]}) => {    
+    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');
+    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);
+    const [messages, setMessages] = useState<any[]>([]);
+    const [limit, setLimit] = useState<number>(25);
+    const [totalRecords, setTotalRecords] = useState<number>(0);
+    const [filters, setFilters] = useState<FilterState>({
+        name: '',
+        startDate: null,
+        endDate: null
+    });
+
+    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();
+
+    useEffect(() => {
+        if (refreshChatterMessage) {
+            if (id !== 'new') {
+                fetchData();
+                setRefreshChatterMessage(false);
+            }
+        }
+    }, [refreshChatterMessage]);
+
+    useEffect(() => {
+        if (id !== 'new') {
+            fetchData();
+        }
+    }, [filters, limit]);
+
+    const handleTabClick = (tab: 'email-message' | 'log') => {
+        setActiveTab(tab);
+        setVisibleBox(prev => (prev === tab ? null : tab));
+    }
+
+    const formatDate = (dateString: string) => {
+        const date = new Date(dateString);
+        const today = new Date();
+        const yesterday = new Date(today);
+        yesterday.setDate(yesterday.getDate() - 1);
+
+        if (date.toDateString() === today.toDateString()) {
+            return 'Today';
+        } else if (date.toDateString() === yesterday.toDateString()) {
+            return 'Yesterday';
+        } else {
+            return date.toLocaleDateString('en-US', {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+            });
+        }
+    };
+
+    const fetchData = async () => {
+        try {
+            const queryData: any = {
+                populate: ['user', 'chatterMessageDetails'],
+                limit: limit
+            };
+
+            if (filters.name) {
+                queryData.filters = queryData.filters || {};
+                queryData.filters['user'] = { fullName: { $containsi: filters.name }};
+            }
+            if (filters.startDate && filters.endDate) {
+                queryData.filters = queryData.filters || {};
+                queryData.filters.createdAt = {
+                    $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]
+                };
+            } else if (filters.startDate) {
+                queryData.filters = queryData.filters || {};
+                queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };
+            } else if (filters.endDate) {
+                queryData.filters = queryData.filters || {};
+                queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };
+            }
+
+            const queryString = qs.stringify(queryData, {
+                encodeValuesOnly: true,
+            });
+            const response = await getchatterMessage({
+                entityId: id,
+                entityName: modelSingularName,
+                qs: queryString
+            }).unwrap();
+            const processedMessages = response.data.records.map((msg: any) => {
+                if (msg.messageType === 'custom') {
+                    // Custom message
+                    return {
+                        id: msg.id,
+                        user: msg.user?.fullName || "System",
+                        messageType: "custom",
+                        message: msg.messageBody,
+                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                        createdAt: msg.createdAt,
+                        date: formatDate(msg.createdAt),
+                        media: msg._media,
+                        messageSubType: msg.messageSubType,
+                        modelDisplayName: msg.modelDisplayName,
+                        modelUserKey: msg.modelUserKey
+                    };
+                } else {
+                    // Audit message
+                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({
+                        field: detail.fieldName,
+                        fieldDisplayName: detail.fieldDisplayName,
+                        previous: detail.oldValueDisplay || detail.oldValue || 'None',
+                        current: detail.newValueDisplay || detail.newValue
+                    })) || [];
+
+                    return {
+                        id: msg.id,
+                        user: msg.user?.fullName || "System",
+                        messageType: "audit",
+                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                        auditRecord: auditRecord,
+                        createdAt: msg.createdAt,
+                        date: formatDate(msg.createdAt),
+                        messageSubType: msg.messageSubType,
+                        modelDisplayName: msg.modelDisplayName,
+                        modelUserKey: msg.modelUserKey,
+                        message: msg.messageBody,
+                    };
+                }
+            });
+            setMessages(processedMessages);
+            setTotalRecords(response?.data?.meta?.totalRecords || 0);
+        } catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);
+        }
+    }
+
+    const handleFilterChange = (newFilters: FilterState) => {
+        setFilters({
+            name: newFilters.name,
+            startDate: newFilters.startDate,
+            endDate: newFilters.endDate
+        });
+        setLimit(25);
+    };
+
+    const handleLoadMore = () => {
+        setLimit(prevLimit => prevLimit + 25);
+    };
+
+    return (
+        <div className='h-full'>
+            <SolidChatterHeader
+                id={id}
+                refetch={fetchData}
+                modelSingularName={modelSingularName}
+                activeTab={activeTab}
+                handleTabClick={handleTabClick}
+                visibleBox={visibleBox}
+                onFilterChange={handleFilterChange}
+            />
+            <div className='p-3' style={{
+                overflowY: 'scroll',
+                height:
+                    visibleBox === 'email-message'
+                        ? 'calc(100vh - 196px)'
+                        : visibleBox === 'log'
+                            ? 'calc(100vh - 172px)'
+                            : 'calc(100vh - 65px)',
+            }}>
+                {isChatterLoading ? (
+                    <div className='flex align-items-center justify-content-center h-full font-medium'>
+                        Loading...
+                    </div>
+                ) : messages.length === 0 ? (
+                    <div className='flex align-items-center justify-content-center h-full font-medium'>
+                        No Data Available
+                    </div>
+                ) : (
+                    <>
+                        {actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`) ?
+                            (messages.map((message, index) => {
+                                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;
+                                return (
+                                    <div key={message.id}>
+                                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}
+                                        <SolidChatterMessageBox
+                                            user={message.user}
+                                            messageType={message.messageType}
+                                            message={message.message}
+                                            time={message.time}
+                                            auditRecord={message.auditRecord}
+                                            media={message.media}
+                                            messageSubType={message.messageSubType}
+                                            modelDisplayName={message.modelDisplayName}
+                                            modelUserKey={message.modelUserKey}
+                                        />
+                                    </div>
+                                );
+                            }))
+                            : <div className="p-3">
+                                <div className='p-3 border-round text-red-500 bg-red-50 flex align-items-center gap-3'>
+                                    <i className="pi pi-exclamation-triangle" />
+                                    You do not have permission to view these messages.
+                                </div>
+                            </div>
+                        }
+                        {totalRecords > messages.length && (
+                            <div className='flex justify-content-center mt-3 mb-3'>
+                                <span
+                                    onClick={handleLoadMore}
+                                    className='cursor-pointer text-primary font-medium px-4 py-2'
+                                    style={{
+                                        userSelect: 'none',
+                                        borderRadius: '6px',
+                                        transition: 'all 0.2s ease',
+                                        display: 'inline-block'
+                                    }}
+                                    onMouseEnter={(e) => {
+                                        e.currentTarget.style.backgroundColor = 'rgba(59, 130, 246, 0.1)';
+                                        e.currentTarget.style.transform = 'translateY(-1px)';
+                                    }}
+                                    onMouseLeave={(e) => {
+                                        e.currentTarget.style.backgroundColor = 'transparent';
+                                        e.currentTarget.style.transform = 'translateY(0)';
+                                    }}
+                                >
+                                    Load More...
+                                </span>
+                            </div>
+                        )}
+                    </>
+                )}
+            </div>
+        </div>
+    )
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterAuditMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,6BAA6B;IACnC,WAAW,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmB5E,CAAC"}
+{"version":3,"file":"SolidChatterAuditMessage.d.ts","sourceRoot":"./","sources":["components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,6BAA6B;IACnC,WAAW,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmB5E,CAAC"}

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

@@ -1,8 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RightArrowSvg } from '../../../components/Svg/RightArrowSvg';
-export var SolidChatterAuditMessage = function (_a) {
-    var auditRecord = _a.auditRecord;
-    return (_jsx("div", { className: 'flex flex-column gap-2', children: auditRecord.map(function (item, index) { return (_jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { className: 'm-0 text-sm', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0 text-sm font-bold', children: item.previous }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 text-sm font-bold text-primary', children: item.current })] }, index)); }) }));
+export const SolidChatterAuditMessage = ({ auditRecord }) => {
+    return (_jsx("div", { className: 'flex flex-column gap-2', children: auditRecord.map((item, index) => (_jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { className: 'm-0 text-sm', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0 text-sm font-bold', children: item.previous }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 text-sm font-bold text-primary', children: item.current })] }, index))) }));
 };
 //# sourceMappingURL=SolidChatterAuditMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAa9D,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC3F,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YAClC,WAAW,CAAC,GAAG,CAAC,UAAC,IAAiB,EAAE,KAAa,IAAK,OAAA,CACnD,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAM,SAAS,EAAC,aAAa,YACxB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,uBAAuB,YAClC,IAAI,CAAC,QAAQ,GACX,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,oCAAoC,YAC/C,IAAI,CAAC,OAAO,GACV,KAVD,KAAK,CAWT,CACT,EAbsD,CAatD,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"./","sources":["components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAarE,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACjG,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YAClC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAiB,EAAE,KAAa,EAAE,EAAE,CAAC,CACnD,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAM,SAAS,EAAC,aAAa,YACxB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,uBAAuB,YAClC,IAAI,CAAC,QAAQ,GACX,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,oCAAoC,YAC/C,IAAI,CAAC,OAAO,GACV,KAVD,KAAK,CAWT,CACT,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\"use client\"\nimport React from 'react'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    previous: string;\n    current: string;\n}\n\ninterface SolidChatterAuditMessageProps {\n    auditRecord: AuditRecord[];\n}\n\nexport const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {\n    return (\n        <div className='flex flex-column gap-2'>\n            {auditRecord.map((item: AuditRecord, index: number) => (\n                <div key={index} className='flex gap-2'>\n                    <span className='m-0 text-sm'>\n                        {\"(\" + (item.fieldDisplayName || item.field) + \")\"}\n                    </span>\n                    <span className='m-0 text-sm font-bold'>\n                        {item.previous}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 text-sm font-bold text-primary'>\n                        {item.current}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};"]}

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

@@ -0,0 +1,35 @@
+"use client"
+import React from 'react'
+import { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'
+
+interface AuditRecord {
+    field: string;
+    fieldDisplayName: string;
+    previous: string;
+    current: string;
+}
+
+interface SolidChatterAuditMessageProps {
+    auditRecord: AuditRecord[];
+}
+
+export const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {
+    return (
+        <div className='flex flex-column gap-2'>
+            {auditRecord.map((item: AuditRecord, index: number) => (
+                <div key={index} className='flex gap-2'>
+                    <span className='m-0 text-sm'>
+                        {"(" + (item.fieldDisplayName || item.field) + ")"}
+                    </span>
+                    <span className='m-0 text-sm font-bold'>
+                        {item.previous}
+                    </span>
+                    <RightArrowSvg />
+                    <span className='m-0 text-sm font-bold text-primary'>
+                        {item.current}
+                    </span>
+                </div>
+            ))}
+        </div>
+    );
+};

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterCustomMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterCustomMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,8BAA8B;IACpC,OAAO,EAAE,MAAM,CAAC;CACnB;AAwBD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAe9E,CAAC"}
+{"version":3,"file":"SolidChatterCustomMessage.d.ts","sourceRoot":"./","sources":["components/core/chatter/SolidChatterCustomMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,8BAA8B;IACpC,OAAO,EAAE,MAAM,CAAC;CACnB;AAwBD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAe9E,CAAC"}

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import MarkdownViewer from '../../../components/common/MarkdownViewer';
-var isMarkupLanguage = function (text) {
+const isMarkupLanguage = (text) => {
     if (!text || typeof text !== 'string')
         return false;
-    var markdownPatterns = [
+    const markdownPatterns = [
         /^#{1,6}\s+/m,
         /\*\*.*?\*\*/,
         /\*.*?\*/,
@@ -17,12 +17,11 @@ var isMarkupLanguage = function (text) {
         /^\s*>\s+/m,
     ];
     // Check for HTML tags
-    var htmlPattern = /<\/?[a-z][\s\S]*?>/i;
-    return markdownPatterns.some(function (pattern) { return pattern.test(text); }) || htmlPattern.test(text);
+    const htmlPattern = /<\/?[a-z][\s\S]*?>/i;
+    return markdownPatterns.some(pattern => pattern.test(text)) || htmlPattern.test(text);
 };
-export var SolidChatterCustomMessage = function (_a) {
-    var message = _a.message;
-    var isMarkup = isMarkupLanguage(message);
+export const SolidChatterCustomMessage = ({ message }) => {
+    const isMarkup = isMarkupLanguage(message);
     if (isMarkup) {
         return (_jsx("div", { className: "custom-message-wrapper", children: _jsx(MarkdownViewer, { data: message }) }));
     }

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterCustomMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterCustomMessage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAM/D,IAAM,gBAAgB,GAAG,UAAC,IAAY;IAClC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAEpD,IAAM,gBAAgB,GAAG;QACrB,aAAa;QACb,aAAa;QACb,SAAS;QACT,OAAO;QACP,gBAAgB;QAChB,eAAe;QACf,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,WAAW;KACd,CAAC;IAEF,sBAAsB;IACtB,IAAM,WAAW,GAAG,qBAAqB,CAAC;IAE1C,OAAO,gBAAgB,CAAC,IAAI,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1F,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAW;QAAT,OAAO,aAAA;IACzF,IAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C,IAAI,QAAQ,EAAE;QACV,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAE,OAAO,GAAI,GAC/B,CACT,CAAC;KACL;IAED,OAAO,CACH,YAAG,SAAS,EAAC,aAAa,YACrB,OAAO,GACR,CACP,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"SolidChatterCustomMessage.js","sourceRoot":"./","sources":["components/core/chatter/SolidChatterCustomMessage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,cAAc,MAAM,2CAA2C,CAAA;AAMtE,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAW,EAAE;IAC/C,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAEpD,MAAM,gBAAgB,GAAG;QACrB,aAAa;QACb,aAAa;QACb,SAAS;QACT,OAAO;QACP,gBAAgB;QAChB,eAAe;QACf,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,WAAW;KACd,CAAC;IAEF,sBAAsB;IACtB,MAAM,WAAW,GAAG,qBAAqB,CAAC;IAE1C,OAAO,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA6C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/F,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C,IAAI,QAAQ,EAAE;QACV,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAE,OAAO,GAAI,GAC/B,CACT,CAAC;KACL;IAED,OAAO,CACH,YAAG,SAAS,EAAC,aAAa,YACrB,OAAO,GACR,CACP,CAAC;AACN,CAAC,CAAC","sourcesContent":["\"use client\"\nimport React from 'react'\nimport MarkdownViewer from '../../../components/common/MarkdownViewer'\n\ninterface SolidChatterCustomMessageProps {\n    message: string;\n}\n\nconst isMarkupLanguage = (text: string): boolean => {\n    if (!text || typeof text !== 'string') return false;\n\n    const markdownPatterns = [\n        /^#{1,6}\\s+/m,\n        /\\*\\*.*?\\*\\*/,\n        /\\*.*?\\*/,\n        /`.*?`/,\n        /```[\\s\\S]*?```/,\n        /^\\s*[-*+]\\s+/m,\n        /^\\s*\\d+\\.\\s+/m,\n        /\\[.*?\\]\\(.*?\\)/,\n        /^\\s*\\|.*\\|/m,\n        /^\\s*>\\s+/m,\n    ];\n\n    // Check for HTML tags\n    const htmlPattern = /<\\/?[a-z][\\s\\S]*?>/i;\n\n    return markdownPatterns.some(pattern => pattern.test(text)) || htmlPattern.test(text);\n};\n\nexport const SolidChatterCustomMessage: React.FC<SolidChatterCustomMessageProps> = ({ message }) => {\n    const isMarkup = isMarkupLanguage(message);\n    if (isMarkup) {\n        return (\n            <div className=\"custom-message-wrapper\">\n                <MarkdownViewer data={message} />\n            </div>\n        );\n    }\n\n    return (\n        <p className='m-0 text-sm'>\n            {message}\n        </p>\n    );\n};"]}

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

@@ -0,0 +1,46 @@
+"use client"
+import React from 'react'
+import MarkdownViewer from '../../../components/common/MarkdownViewer'
+
+interface SolidChatterCustomMessageProps {
+    message: string;
+}
+
+const isMarkupLanguage = (text: string): boolean => {
+    if (!text || typeof text !== 'string') return false;
+
+    const markdownPatterns = [
+        /^#{1,6}\s+/m,
+        /\*\*.*?\*\*/,
+        /\*.*?\*/,
+        /`.*?`/,
+        /```[\s\S]*?```/,
+        /^\s*[-*+]\s+/m,
+        /^\s*\d+\.\s+/m,
+        /\[.*?\]\(.*?\)/,
+        /^\s*\|.*\|/m,
+        /^\s*>\s+/m,
+    ];
+
+    // Check for HTML tags
+    const htmlPattern = /<\/?[a-z][\s\S]*?>/i;
+
+    return markdownPatterns.some(pattern => pattern.test(text)) || htmlPattern.test(text);
+};
+
+export const SolidChatterCustomMessage: React.FC<SolidChatterCustomMessageProps> = ({ message }) => {
+    const isMarkup = isMarkupLanguage(message);
+    if (isMarkup) {
+        return (
+            <div className="custom-message-wrapper">
+                <MarkdownViewer data={message} />
+            </div>
+        );
+    }
+
+    return (
+        <p className='m-0 text-sm'>
+            {message}
+        </p>
+    );
+};

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterDateDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterDateDivider.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,uBAAuB,aAAc,KAAK,4CAQtD,CAAA"}
+{"version":3,"file":"SolidChatterDateDivider.d.ts","sourceRoot":"./","sources":["components/core/chatter/SolidChatterDateDivider.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,uBAAuB,aAAc,KAAK,4CAQtD,CAAA"}

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

@@ -1,8 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './chatter.module.css';
-export var SolidChatterDateDivider = function (_a) {
-    var date = _a.date;
-    return (_jsx("div", { className: styles.chatterDatetimeDivider, children: _jsx("div", { className: "".concat(styles.chatterDividerContent, " absolute"), children: date }) }));
+export const SolidChatterDateDivider = ({ date }) => {
+    return (_jsx("div", { className: styles.chatterDatetimeDivider, children: _jsx("div", { className: `${styles.chatterDividerContent} absolute`, children: date }) }));
 };
 //# sourceMappingURL=SolidChatterDateDivider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterDateDivider.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterDateDivider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAe;QAAb,IAAI,UAAA;IAC1C,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,cAAW,YACrD,IAAI,GACH,GACJ,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SolidChatterDateDivider.js","sourceRoot":"./","sources":["components/core/chatter/SolidChatterDateDivider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IACvD,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,WAAW,YACrD,IAAI,GACH,GACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\"use client\"\nimport styles from './chatter.module.css';\n\ninterface Props {\n    date: string;\n}\n\nexport const SolidChatterDateDivider = ({ date }: Props) => {\n    return (\n        <div className={styles.chatterDatetimeDivider}>\n            <div className={`${styles.chatterDividerContent} absolute`}>\n                {date}\n            </div>\n        </div>\n    )\n}"]}

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

@@ -0,0 +1,16 @@
+"use client"
+import styles from './chatter.module.css';
+
+interface Props {
+    date: string;
+}
+
+export const SolidChatterDateDivider = ({ date }: Props) => {
+    return (
+        <div className={styles.chatterDatetimeDivider}>
+            <div className={`${styles.chatterDividerContent} absolute`}>
+                {date}
+            </div>
+        </div>
+    )
+}

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":"AAUA,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;CACnD;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA+L9C,CAAA"}
+{"version":3,"file":"SolidChatterHeader.d.ts","sourceRoot":"./","sources":["components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAUA,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;CACnD;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,4CA+L9C,CAAA"}

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

@@ -1,51 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
@@ -56,32 +9,32 @@ import styles from './chatter.module.css';
 import { SolidMessageComposer } from './SolidMessageComposer';
 import { useLazyGetusersQuery } from '../../../redux/api/userApi';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-export var SolidChatterHeader = function (props) {
-    var activeTab = props.activeTab, visibleBox = props.visibleBox, handleTabClick = props.handleTabClick, modelSingularName = props.modelSingularName, refetch = props.refetch, id = props.id, onFilterChange = props.onFilterChange;
-    var _a = useState(false), showFilterDialog = _a[0], setShowFilterDialog = _a[1];
-    var _b = useState({
+export const SolidChatterHeader = (props) => {
+    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange } = props;
+    const [showFilterDialog, setShowFilterDialog] = useState(false);
+    const [filters, setFilters] = useState({
         name: '',
         startDate: null,
         endDate: null
-    }), filters = _b[0], setFilters = _b[1];
-    var _c = useState(false), hasActiveFilters = _c[0], setHasActiveFilters = _c[1];
-    var _d = useState([]), suggestions = _d[0], setSuggestions = _d[1];
-    var getUsers = useLazyGetusersQuery()[0];
-    useEffect(function () {
-        var isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
+    });
+    const [hasActiveFilters, setHasActiveFilters] = useState(false);
+    const [suggestions, setSuggestions] = useState([]);
+    const [getUsers] = useLazyGetusersQuery();
+    useEffect(() => {
+        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
         setHasActiveFilters(isActive);
     }, [filters]);
-    var handleFilterClick = function () {
+    const handleFilterClick = () => {
         setShowFilterDialog(true);
     };
-    var handleApplyFilters = function () {
+    const handleApplyFilters = () => {
         if (onFilterChange) {
             onFilterChange(filters);
         }
         setShowFilterDialog(false);
     };
-    var handleClearFilters = function () {
-        var clearedFilters = {
+    const handleClearFilters = () => {
+        const clearedFilters = {
             name: '',
             startDate: null,
             endDate: null
@@ -92,34 +45,23 @@ export var SolidChatterHeader = function (props) {
         }
         setShowFilterDialog(false);
     };
-    var searchUsers = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, getUsers("filters[fullName][$containsi]=".concat(event.query)).unwrap()];
-                case 1:
-                    response = _b.sent();
-                    setSuggestions(((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.records) || []);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _b.sent();
-                    console.error(ERROR_MESSAGES.FETCHING_USER, error_1);
-                    setSuggestions([]);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var itemTemplate = function (item) {
+    const searchUsers = async (event) => {
+        try {
+            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();
+            setSuggestions(response?.data?.records || []);
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_USER, error);
+            setSuggestions([]);
+        }
+    };
+    const itemTemplate = (item) => {
         return (_jsx("div", { className: "flex align-items-center", children: _jsx("div", { children: item.fullName }) }));
     };
-    return (_jsxs("div", { className: styles.chatterTitle, children: [_jsxs("div", { className: 'flex justify-content-between align-items-center', children: [_jsx("div", { className: "form-wrapper-title ", children: "Activity" }), _jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Button, __assign({ label: "Log Note", size: "small", type: "button", onClick: function () { return handleTabClick('log'); } }, (activeTab !== 'log' && {
-                                severity: 'secondary',
-                                outlined: true,
-                            }))), _jsx(Button, { icon: "pi pi-filter-fill", text: true, size: 'small', severity: "secondary", "aria-label": "Filter", style: {
+    return (_jsxs("div", { className: styles.chatterTitle, children: [_jsxs("div", { className: 'flex justify-content-between align-items-center', children: [_jsx("div", { className: "form-wrapper-title ", children: "Activity" }), _jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Button, { label: "Log Note", size: "small", type: "button", onClick: () => handleTabClick('log'), ...(activeTab !== 'log' && {
+                                    severity: 'secondary',
+                                    outlined: true,
+                                }) }), _jsx(Button, { icon: "pi pi-filter-fill", text: true, size: 'small', severity: "secondary", "aria-label": "Filter", style: {
                                     width: 20,
                                     color: hasActiveFilters ? '#722ED1' : undefined
                                 }, onClick: handleFilterClick }), _jsx(Button, { icon: "pi pi-refresh", text: true, size: 'small', severity: "secondary", "aria-label": "Refresh", style: {
@@ -127,6 +69,9 @@ export var SolidChatterHeader = function (props) {
                                 }, onClick: refetch })] })] }), visibleBox &&
                 _jsxs("div", { className: 'mt-4', children: [visibleBox === "email-message" &&
                             _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, type: "email" }), visibleBox === "log" &&
-                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName })] }), _jsx(Dialog, { header: "Filter Messages", visible: showFilterDialog, style: { width: 500 }, onHide: function () { return setShowFilterDialog(false); }, className: 'solid-chatter-filter-main', children: _jsxs("div", { className: "p-fluid", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx(AutoComplete, { id: "fullName", value: filters.name, suggestions: suggestions, completeMethod: searchUsers, field: "fullName", onChange: function (e) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { name: typeof e.value === 'object' ? e.value.fullName : e.value })); }); }, placeholder: "Filter By User", itemTemplate: itemTemplate, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "dateRange", children: "Date Range" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "startDate", value: filters.startDate, onChange: function (e) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: e.value })); }); }, placeholder: "Start Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "endDate", value: filters.endDate, onChange: function (e) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: e.value })); }); }, placeholder: "End Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) })] })] }), _jsxs("div", { className: "flex justify-content-end gap-2 mt-4", children: [_jsx(Button, { label: "Clear", severity: "secondary", outlined: true, onClick: handleClearFilters }), _jsx(Button, { label: "Apply", onClick: handleApplyFilters })] })] }) })] }));
+                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName })] }), _jsx(Dialog, { header: "Filter Messages", visible: showFilterDialog, style: { width: 500 }, onHide: () => setShowFilterDialog(false), className: 'solid-chatter-filter-main', children: _jsxs("div", { className: "p-fluid", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx(AutoComplete, { id: "fullName", value: filters.name, suggestions: suggestions, completeMethod: searchUsers, field: "fullName", onChange: (e) => setFilters(prev => ({
+                                        ...prev,
+                                        name: typeof e.value === 'object' ? e.value.fullName : e.value
+                                    })), placeholder: "Filter By User", itemTemplate: itemTemplate, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "dateRange", children: "Date Range" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "startDate", value: filters.startDate, onChange: (e) => setFilters(prev => ({ ...prev, startDate: e.value })), placeholder: "Start Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "endDate", value: filters.endDate, onChange: (e) => setFilters(prev => ({ ...prev, endDate: e.value })), placeholder: "End Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) })] })] }), _jsxs("div", { className: "flex justify-content-end gap-2 mt-4", children: [_jsx(Button, { label: "Clear", severity: "secondary", outlined: true, onClick: handleClearFilters }), _jsx(Button, { label: "Apply", onClick: handleApplyFilters })] })] }) })] }));
 };
 //# sourceMappingURL=SolidChatterHeader.js.map