@solidxai/core-ui 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,248 @@
+
+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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AuditRecord {
+    field: string;
+    fieldDisplayName: string;
+    previous: string;
+    current: string;
+}
+interface SolidChatterAuditMessageProps {
+    auditRecord: AuditRecord[];
+}
+export declare const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps>;
+export {};
+//# sourceMappingURL=SolidChatterAuditMessage.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+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)); }) }));
+};
+//# sourceMappingURL=SolidChatterAuditMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAarE,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"}

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

@@ -0,0 +1,35 @@
+
+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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SolidChatterCustomMessageProps {
+    message: string;
+}
+export declare const SolidChatterCustomMessage: React.FC<SolidChatterCustomMessageProps>;
+export {};
+//# sourceMappingURL=SolidChatterCustomMessage.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MarkdownViewer from '../../../components/common/MarkdownViewer';
+var isMarkupLanguage = function (text) {
+    if (!text || typeof text !== 'string')
+        return false;
+    var markdownPatterns = [
+        /^#{1,6}\s+/m,
+        /\*\*.*?\*\*/,
+        /\*.*?\*/,
+        /`.*?`/,
+        /```[\s\S]*?```/,
+        /^\s*[-*+]\s+/m,
+        /^\s*\d+\.\s+/m,
+        /\[.*?\]\(.*?\)/,
+        /^\s*\|.*\|/m,
+        /^\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);
+};
+export var SolidChatterCustomMessage = function (_a) {
+    var message = _a.message;
+    var isMarkup = isMarkupLanguage(message);
+    if (isMarkup) {
+        return (_jsx("div", { className: "custom-message-wrapper", children: _jsx(MarkdownViewer, { data: message }) }));
+    }
+    return (_jsx("p", { className: 'm-0 text-sm', children: message }));
+};
+//# sourceMappingURL=SolidChatterCustomMessage.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,46 @@
+
+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

@@ -0,0 +1,6 @@
+interface Props {
+    date: string;
+}
+export declare const SolidChatterDateDivider: ({ date }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidChatterDateDivider.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+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 }) }));
+};
+//# sourceMappingURL=SolidChatterDateDivider.js.map

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

@@ -0,0 +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,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"}

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

@@ -0,0 +1,16 @@
+
+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

@@ -0,0 +1,17 @@
+interface FilterState {
+    name: string;
+    startDate: Date | null;
+    endDate: Date | null;
+}
+interface Props {
+    activeTab: any;
+    handleTabClick: any;
+    visibleBox: any;
+    modelSingularName: any;
+    refetch: any;
+    id: any;
+    onFilterChange?: (filters: FilterState) => void;
+}
+export declare const SolidChatterHeader: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidChatterHeader.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,131 @@
+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';
+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';
+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({
+        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;
+        setHasActiveFilters(isActive);
+    }, [filters]);
+    var handleFilterClick = function () {
+        setShowFilterDialog(true);
+    };
+    var handleApplyFilters = function () {
+        if (onFilterChange) {
+            onFilterChange(filters);
+        }
+        setShowFilterDialog(false);
+    };
+    var handleClearFilters = function () {
+        var clearedFilters = {
+            name: '',
+            startDate: null,
+            endDate: null
+        };
+        setFilters(clearedFilters);
+        if (onFilterChange) {
+            onFilterChange(clearedFilters);
+        }
+        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) {
+        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: {
+                                    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 })] })] }) })] }));
+};
+//# sourceMappingURL=SolidChatterHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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"}