@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

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

@@ -7,6 +7,8 @@ import { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMe
 import qs from "qs";
 import { ERROR_MESSAGES } from '../../../constants/error-messages'
 import { permissionExpression } from '../../../helpers/permissions'
+import { SolidButton, SolidMessage } from '../../shad-cn-ui'
+import { Inbox, Loader2 } from 'lucide-react'
 
 interface FilterState {
     name: string;
@@ -14,7 +16,7 @@ interface FilterState {
     endDate: Date | null;
 }
 
-export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed=[] }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void , actionsAllowed?:string[]}) => {    
+export 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 }) => {
     const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');
     const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);
     const [messages, setMessages] = useState<any[]>([]);
@@ -158,6 +160,75 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
         setLimit(prevLimit => prevLimit + 25);
     };
 
+    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);
+
+    const renderLoadingState = () => (
+        <div className='flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary'>
+            <Loader2 size={20} className='text-primary animate-spin' />
+            <span className='text-sm'>Loading recent activity…</span>
+        </div>
+    );
+
+    const renderEmptyState = () => {
+        const isLogComposerOpen = visibleBox === 'log';
+        return (
+        <div className='flex align-items-center justify-content-center h-full'>
+            <div className='flex flex-column align-items-center gap-2 text-center text-color-secondary px-3'>
+                <div className='p-2 border-round bg-primary-reverse text-primary'>
+                    <Inbox size={20} />
+                </div>
+                <p className='m-0 text-base font-medium text-color'>No activity yet</p>
+                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>
+                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>
+                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}
+                </SolidButton>
+            </div>
+        </div>
+        );
+    };
+
+    const permissionError = () => (
+        <div className='p-3'>
+            <SolidMessage severity='warn' text="You do not have permission to view these messages." className='justify-content-start' />
+        </div>
+    );
+
+    const renderMessages = () => (
+        <div className='flex flex-column gap-3'>
+            {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>
+                );
+            })}
+            {totalRecords > messages.length && (
+                <div className='flex justify-content-center'>
+                    <SolidButton
+                        type='button'
+                        size='sm'
+                        variant='outline'
+                        onClick={handleLoadMore}
+                    >
+                        Load more
+                    </SolidButton>
+                </div>
+            )}
+        </div>
+    );
+
     return (
         <div className='h-full'>
             <SolidChatterHeader
@@ -168,80 +239,27 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                 handleTabClick={handleTabClick}
                 visibleBox={visibleBox}
                 onFilterChange={handleFilterChange}
+                onComposerCancel={() => setVisibleBox(null)}
+                title={title}
+                modelUserKey={modelUserKey}
             />
-            <div className='p-3' style={{
-                overflowY: 'scroll',
+            <div className='solid-chatter-body' style={{
                 height:
                     visibleBox === 'email-message'
                         ? 'calc(100vh - 196px)'
                         : visibleBox === 'log'
-                            ? 'calc(100vh - 172px)'
-                            : 'calc(100vh - 65px)',
+                            ? 'calc(100vh - 350px)'
+                            : 'calc(100vh - 170px)',
             }}>
-                {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>
-                        )}
-                    </>
-                )}
+                {isChatterLoading
+                    ? renderLoadingState()
+                    : !canViewMessages
+                        ? permissionError()
+                        : messages.length === 0
+                            ? renderEmptyState()
+                            : renderMessages()
+                }
             </div>
         </div>
     )
-}
+}

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

@@ -20,6 +20,6 @@ function formatAuditValue(value, displayValue, fieldType) {
 }
 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: formatAuditValue(item.previous, item.previousDisplay, item.fieldType) }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 text-sm font-bold text-primary', children: formatAuditValue(item.current, item.currentDisplay, item.fieldType) })] }, index)); }) }));
+    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 ', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0  font-bold', children: formatAuditValue(item.previous, item.previousDisplay, item.fieldType) }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 font-bold text-primary', children: formatAuditValue(item.current, item.currentDisplay, item.fieldType) })] }, 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":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAErE,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;AAErD,SAAS,gBAAgB,CACrB,KAAgC,EAChC,YAAuC,EACvC,SAAkB;IAElB,+EAA+E;IAC/E,IAAI,SAAS,IAAI,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAA;QACzB,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;KACtC;IAED,OAAO,YAAY,IAAI,KAAK,IAAI,MAAM,CAAA;AAC1C,CAAC;AAgBD,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,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,GACnE,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,oCAAoC,YAC/C,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GACjE,KAVD,KAAK,CAWT,CACT,EAbsD,CAatD,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport dayjs from 'dayjs'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\nconst DATE_FIELD_TYPES = ['date', 'datetime', 'time']\n\nfunction formatAuditValue(\n    value: string | null | undefined,\n    displayValue: string | null | undefined,\n    fieldType?: string\n): string {\n    // fieldType may be null for older audit records — fall through to displayValue\n    if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {\n        if (!value) return 'None'\n        const d = dayjs(value)\n        if (!d.isValid()) return value\n        if (fieldType === 'date') return d.format('DD-MM-YYYY')\n        if (fieldType === 'time') return d.format('HH:mm')\n        return d.format('DD-MM-YYYY HH:mm')\n    }\n\n    return displayValue || value || 'None'\n}\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    fieldType?: string;\n    previous: string | null;\n    current: string | null;\n    previousDisplay?: string | null;\n    currentDisplay?: string | null;\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                        {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 text-sm font-bold text-primary'>\n                        {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAErE,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;AAErD,SAAS,gBAAgB,CACrB,KAAgC,EAChC,YAAuC,EACvC,SAAkB;IAElB,+EAA+E;IAC/E,IAAI,SAAS,IAAI,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAA;QACzB,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;KACtC;IAED,OAAO,YAAY,IAAI,KAAK,IAAI,MAAM,CAAA;AAC1C,CAAC;AAgBD,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,MAAM,YACjB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,gBAAgB,YAC3B,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,GACnE,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,4BAA4B,YACvC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GACjE,KAVD,KAAK,CAWT,CACT,EAbsD,CAatD,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport dayjs from 'dayjs'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\nconst DATE_FIELD_TYPES = ['date', 'datetime', 'time']\n\nfunction formatAuditValue(\n    value: string | null | undefined,\n    displayValue: string | null | undefined,\n    fieldType?: string\n): string {\n    // fieldType may be null for older audit records — fall through to displayValue\n    if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {\n        if (!value) return 'None'\n        const d = dayjs(value)\n        if (!d.isValid()) return value\n        if (fieldType === 'date') return d.format('DD-MM-YYYY')\n        if (fieldType === 'time') return d.format('HH:mm')\n        return d.format('DD-MM-YYYY HH:mm')\n    }\n\n    return displayValue || value || 'None'\n}\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    fieldType?: string;\n    previous: string | null;\n    current: string | null;\n    previousDisplay?: string | null;\n    currentDisplay?: string | null;\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 '>\n                        {\"(\" + (item.fieldDisplayName || item.field) + \")\"}\n                    </span>\n                    <span className='m-0  font-bold'>\n                        {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 font-bold text-primary'>\n                        {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}

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

@@ -42,14 +42,14 @@ export const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> =
         <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'>
+                    <span className='m-0 '>
                         {"(" + (item.fieldDisplayName || item.field) + ")"}
                     </span>
-                    <span className='m-0 text-sm font-bold'>
+                    <span className='m-0  font-bold'>
                         {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}
                     </span>
                     <RightArrowSvg />
-                    <span className='m-0 text-sm font-bold text-primary'>
+                    <span className='m-0 font-bold text-primary'>
                         {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}
                     </span>
                 </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":["../../../../src/components/core/chatter/SolidChatterCustomMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,8BAA8B;IACpC,OAAO,EAAE,MAAM,CAAC;CACnB;AAwBD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAW9E,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import MarkdownViewer from '../../../components/common/MarkdownViewer';
+import styles from './chatter.module.css';
 var isMarkupLanguage = function (text) {
     if (!text || typeof text !== 'string')
         return false;
@@ -25,6 +26,6 @@ export var SolidChatterCustomMessage = function (_a) {
     if (isMarkup) {
         return (_jsx("div", { className: "custom-message-wrapper", children: _jsx(MarkdownViewer, { data: message }) }));
     }
-    return (_jsx("p", { className: 'm-0 text-sm', children: message }));
+    return _jsx("p", { className: styles.solidMessageText, children: message });
 };
 //# sourceMappingURL=SolidChatterCustomMessage.js.map

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":";AAEA,OAAO,cAAc,MAAM,2CAA2C,CAAA;AAMtE,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","sourcesContent":["\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};"]}
+{"version":3,"file":"SolidChatterCustomMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterCustomMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,2CAA2C,CAAA;AACtE,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAMzC,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,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,YAAG,OAAO,GAAK,CAAC;AAChE,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport MarkdownViewer from '../../../components/common/MarkdownViewer'\nimport styles from './chatter.module.css'\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 <p className={styles.solidMessageText}>{message}</p>;\n};\n"]}

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

@@ -1,6 +1,7 @@
 
 import React from 'react'
 import MarkdownViewer from '../../../components/common/MarkdownViewer'
+import styles from './chatter.module.css'
 
 interface SolidChatterCustomMessageProps {
     message: string;
@@ -38,9 +39,5 @@ export const SolidChatterCustomMessage: React.FC<SolidChatterCustomMessageProps>
         );
     }
 
-    return (
-        <p className='m-0 text-sm'>
-            {message}
-        </p>
-    );
-};
+    return <p className={styles.solidMessageText}>{message}</p>;
+};

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":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAe;QAAb,IAAI,UAAA;IAC1C,IAAM,WAAW,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,WAAW,CAAC;QAC1D,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;IAEvG,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,cAAW,YACrD,WAAW,GACV,GACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport styles from './chatter.module.css';\n\ninterface Props {\n    date: string;\n}\n\nexport const SolidChatterDateDivider = ({ date }: Props) => {\n    const displayDate = (date === 'Today' || date === 'Yesterday')\n        ? date\n        : new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' });\n\n    return (\n        <div className={styles.chatterDatetimeDivider}>\n            <div className={`${styles.chatterDividerContent} absolute`}>\n                {displayDate}\n            </div>\n        </div>\n    )\n}"]}
+{"version":3,"file":"SolidChatterDateDivider.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterDateDivider.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAe;QAAb,IAAI,UAAA;IAC1C,IAAM,WAAW,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,WAAW,CAAC;QAC1D,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;IAEvG,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,cAAW,YACrD,WAAW,GACV,GACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport styles from './chatter.module.css';\n\ninterface Props {\n    date: string;\n}\n\nexport const SolidChatterDateDivider = ({ date }: Props) => {\n    const displayDate = (date === 'Today' || date === 'Yesterday')\n        ? date\n        : new Date(date).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' });\n\n    return (\n        <div className={styles.chatterDatetimeDivider}>\n            <div className={`${styles.chatterDividerContent} absolute`}>\n                {displayDate}\n            </div>\n        </div>\n    )\n}\n"]}

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

@@ -17,4 +17,4 @@ export const SolidChatterDateDivider = ({ date }: Props) => {
             </div>
         </div>
     )
-}
+}

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

@@ -11,6 +11,9 @@ interface Props {
     refetch: any;
     id: any;
     onFilterChange?: (filters: FilterState) => void;
+    onComposerCancel?: () => void;
+    title?: string;
+    modelUserKey?: string;
 }
 export declare const SolidChatterHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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":["../../../../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"}

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

@@ -46,25 +46,24 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'primereact/button';
-import { Calendar } from 'primereact/calendar';
-import { Dialog } from 'primereact/dialog';
-import { AutoComplete } from 'primereact/autocomplete';
 import { useEffect, useState } from 'react';
 import styles from './chatter.module.css';
 import { SolidMessageComposer } from './SolidMessageComposer';
 import { useLazyGetusersQuery } from '../../../redux/api/userApi';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidAutocomplete, SolidDatePicker } from '../../shad-cn-ui';
+import { Filter, RefreshCw, Edit } from 'lucide-react';
 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({
+    var _a, _b;
+    var activeTab = props.activeTab, visibleBox = props.visibleBox, handleTabClick = props.handleTabClick, modelSingularName = props.modelSingularName, refetch = props.refetch, id = props.id, onFilterChange = props.onFilterChange, onComposerCancel = props.onComposerCancel, title = props.title, modelUserKey = props.modelUserKey;
+    var _c = useState(false), showFilterDialog = _c[0], setShowFilterDialog = _c[1];
+    var _d = 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];
+    }), filters = _d[0], setFilters = _d[1];
+    var _e = useState(false), hasActiveFilters = _e[0], setHasActiveFilters = _e[1];
+    var _f = useState([]), suggestions = _f[0], setSuggestions = _f[1];
     var getUsers = useLazyGetusersQuery()[0];
     useEffect(function () {
         var isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
@@ -91,41 +90,52 @@ export var SolidChatterHeader = function (props) {
         }
         setShowFilterDialog(false);
     };
+    var updateNameFilter = function (value) {
+        setFilters(function (prev) {
+            if (prev.name === value) {
+                return prev;
+            }
+            return __assign(__assign({}, prev), { name: value });
+        });
+    };
     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()];
+                    updateNameFilter(event.query || '');
+                    _b.label = 1;
                 case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, getUsers("filters[fullName][$containsi]=".concat(event.query)).unwrap()];
+                case 2:
                     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:
+                    return [3 /*break*/, 4];
+                case 3:
                     error_1 = _b.sent();
                     console.error(ERROR_MESSAGES.FETCHING_USER, error_1);
                     setSuggestions([]);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); };
-    var itemTemplate = function (item) {
-        return (_jsx("div", { className: "flex align-items-center", children: _jsx("div", { children: item.fullName }) }));
+    var handleUserChange = function (value) {
+        if (!value) {
+            updateNameFilter('');
+            return;
+        }
+        if (typeof value === 'object') {
+            updateNameFilter(value.fullName || '');
+            return;
+        }
+        updateNameFilter(value);
     };
-    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: {
-                                    width: 20,
-                                    color: hasActiveFilters ? '#722ED1' : undefined
-                                }, onClick: handleFilterClick }), _jsx(Button, { icon: "pi pi-refresh", text: true, size: 'small', severity: "secondary", "aria-label": "Refresh", style: {
-                                    width: 20
-                                }, 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 })] })] }) })] }));
+    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 })] })] })] }));
 };
 //# 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":["\nimport { Button } from 'primereact/button'\nimport { Calendar } from 'primereact/calendar'\nimport { Dialog } from 'primereact/dialog'\nimport { AutoComplete } from 'primereact/autocomplete'\nimport { 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'\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}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange } = 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 searchUsers = async (event: { query: string }) => {\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 itemTemplate = (item: any) => {\n        return (\n            <div className=\"flex align-items-center\">\n                <div>{item.fullName}</div>\n            </div>\n        );\n    };\n\n    return (\n        <div className={styles.chatterTitle}>\n            <div className='flex justify-content-between align-items-center'>\n                <div className=\"form-wrapper-title \">\n                    Activity\n                </div>\n                <div className='flex align-items-center gap-2'>\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                    <Button\n                        label=\"Log Note\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('log')}\n                        {...(activeTab !== 'log' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        }\n                        )}\n                    />\n                    <Button\n                        icon=\"pi pi-filter-fill\"\n                        text\n                        size='small'\n                        severity=\"secondary\"\n                        aria-label=\"Filter\"\n                        style={{\n                            width: 20,\n                            color: hasActiveFilters ? '#722ED1' : undefined\n                        }}\n                        onClick={handleFilterClick}\n                    />\n                    <Button\n                        icon=\"pi pi-refresh\"\n                        text\n                        size='small'\n                        severity=\"secondary\"\n                        aria-label=\"Refresh\"\n                        style={{\n                            width: 20\n                        }}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-4'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} />\n                    }\n                </div>\n            }\n            <Dialog \n                header=\"Filter Messages\" \n                visible={showFilterDialog} \n                style={{ width: 500 }} \n                onHide={() => setShowFilterDialog(false)}\n                className='solid-chatter-filter-main'\n            >\n                <div className=\"p-fluid\">\n                    <div className=\"flex flex-column gap-2\">\n                        <label htmlFor=\"name\">Name:</label>\n                        <AutoComplete\n                            id=\"fullName\"\n                            value={filters.name}\n                            suggestions={suggestions}\n                            completeMethod={searchUsers}\n                            field=\"fullName\"\n                            onChange={(e) => setFilters(prev => ({ \n                                ...prev, \n                                name: typeof e.value === 'object' ? e.value.fullName : e.value \n                            }))}\n                            placeholder=\"Filter By User\"\n                            itemTemplate={itemTemplate}\n                            className=\"w-full\"\n                        />\n                    </div>\n                    <div className=\"flex flex-column gap-2 mt-3\">\n                        <label htmlFor=\"dateRange\">Date Range</label>\n                        <div className=\"flex gap-2\">\n                            <div className=\"flex-1\">\n                                <Calendar\n                                    id=\"startDate\"\n                                    value={filters.startDate}\n                                    onChange={(e) => setFilters(prev => ({ ...prev, startDate: e.value as Date }))}\n                                    placeholder=\"Start Date\"\n                                    showIcon\n                                    dateFormat=\"dd/mm/yy\"\n                                    className=\"w-full\"\n                                />\n                            </div>\n                            <div className=\"flex-1\">\n                                <Calendar\n                                    id=\"endDate\"\n                                    value={filters.endDate}\n                                    onChange={(e) => setFilters(prev => ({ ...prev, endDate: e.value as Date }))}\n                                    placeholder=\"End Date\"\n                                    showIcon\n                                    dateFormat=\"dd/mm/yy\"\n                                    className=\"w-full\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"flex justify-content-end gap-2 mt-4\">\n                        <Button \n                            label=\"Clear\" \n                            severity=\"secondary\" \n                            outlined \n                            onClick={handleClearFilters}\n                        />\n                        <Button \n                            label=\"Apply\" \n                            onClick={handleApplyFilters}\n                        />\n                    </div>\n                </div>\n            </Dialog>\n        </div>\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            >\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"]}