@solidstarters/solid-core-ui 1.1.210 → 1.1.212

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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"}
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"./","sources":["components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\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}"]}

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

@@ -0,0 +1,218 @@
+"use client"
+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'
+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 const SolidChatterHeader = (props: Props) => {
+    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange } = props;
+    const [showFilterDialog, setShowFilterDialog] = useState(false);
+    const [filters, setFilters] = useState<FilterState>({
+        name: '',
+        startDate: null,
+        endDate: null
+    });
+    const [hasActiveFilters, setHasActiveFilters] = useState(false);
+    const [suggestions, setSuggestions] = useState<any[]>([]);
+    const [getUsers] = useLazyGetusersQuery();
+
+    useEffect(() => {
+        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
+        setHasActiveFilters(isActive);
+    }, [filters]);
+
+    const handleFilterClick = () => {
+        setShowFilterDialog(true);
+    };
+
+    const handleApplyFilters = () => {
+        if (onFilterChange) {
+            onFilterChange(filters);
+        }
+        setShowFilterDialog(false);
+    };
+
+    const handleClearFilters = () => {
+        const clearedFilters = {
+            name: '',
+            startDate: null,
+            endDate: null
+        };
+        setFilters(clearedFilters);
+        if (onFilterChange) {
+            onFilterChange(clearedFilters);
+        }
+        setShowFilterDialog(false);
+    };
+
+    const searchUsers = async (event: { query: string }) => {
+        try {
+            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();
+            setSuggestions(response?.data?.records || []);
+        } catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_USER, error);
+            setSuggestions([]);
+        }
+    };
+
+    const itemTemplate = (item: any) => {
+        return (
+            <div className="flex align-items-center">
+                <div>{item.fullName}</div>
+            </div>
+        );
+    };
+
+    return (
+        <div className={styles.chatterTitle}>
+            <div className='flex justify-content-between align-items-center'>
+                <div className="form-wrapper-title ">
+                    Activity
+                </div>
+                <div className='flex align-items-center gap-2'>
+                    {/* <Button
+                        label="Send Message"
+                        size="small"
+                        type="button"
+                        onClick={() => handleTabClick('email-message')}
+                        {...(activeTab !== 'email-message' && {
+                            severity: 'secondary',
+                            outlined: true,
+                        })}
+                    /> */}
+                    <Button
+                        label="Log Note"
+                        size="small"
+                        type="button"
+                        onClick={() => handleTabClick('log')}
+                        {...(activeTab !== 'log' && {
+                            severity: 'secondary',
+                            outlined: true,
+                        }
+                        )}
+                    />
+                    <Button
+                        icon="pi pi-filter-fill"
+                        text
+                        size='small'
+                        severity="secondary"
+                        aria-label="Filter"
+                        style={{
+                            width: 20,
+                            color: hasActiveFilters ? '#722ED1' : undefined
+                        }}
+                        onClick={handleFilterClick}
+                    />
+                    <Button
+                        icon="pi pi-refresh"
+                        text
+                        size='small'
+                        severity="secondary"
+                        aria-label="Refresh"
+                        style={{
+                            width: 20
+                        }}
+                        onClick={refetch}
+                    />
+                </div>
+            </div>
+            {visibleBox &&
+                <div className='mt-4'>
+                    {visibleBox === "email-message" &&
+                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={"email"} />
+                    }
+
+                    {visibleBox === "log" &&
+                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} />
+                    }
+                </div>
+            }
+            <Dialog 
+                header="Filter Messages" 
+                visible={showFilterDialog} 
+                style={{ width: 500 }} 
+                onHide={() => setShowFilterDialog(false)}
+                className='solid-chatter-filter-main'
+            >
+                <div className="p-fluid">
+                    <div className="flex flex-column gap-2">
+                        <label htmlFor="name">Name:</label>
+                        <AutoComplete
+                            id="fullName"
+                            value={filters.name}
+                            suggestions={suggestions}
+                            completeMethod={searchUsers}
+                            field="fullName"
+                            onChange={(e) => setFilters(prev => ({ 
+                                ...prev, 
+                                name: typeof e.value === 'object' ? e.value.fullName : e.value 
+                            }))}
+                            placeholder="Filter By User"
+                            itemTemplate={itemTemplate}
+                            className="w-full"
+                        />
+                    </div>
+                    <div className="flex flex-column gap-2 mt-3">
+                        <label htmlFor="dateRange">Date Range</label>
+                        <div className="flex gap-2">
+                            <div className="flex-1">
+                                <Calendar
+                                    id="startDate"
+                                    value={filters.startDate}
+                                    onChange={(e) => setFilters(prev => ({ ...prev, startDate: e.value as Date }))}
+                                    placeholder="Start Date"
+                                    showIcon
+                                    dateFormat="dd/mm/yy"
+                                    className="w-full"
+                                />
+                            </div>
+                            <div className="flex-1">
+                                <Calendar
+                                    id="endDate"
+                                    value={filters.endDate}
+                                    onChange={(e) => setFilters(prev => ({ ...prev, endDate: e.value as Date }))}
+                                    placeholder="End Date"
+                                    showIcon
+                                    dateFormat="dd/mm/yy"
+                                    className="w-full"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="flex justify-content-end gap-2 mt-4">
+                        <Button 
+                            label="Clear" 
+                            severity="secondary" 
+                            outlined 
+                            onClick={handleClearFilters}
+                        />
+                        <Button 
+                            label="Apply" 
+                            onClick={handleApplyFilters}
+                        />
+                    </div>
+                </div>
+            </Dialog>
+        </div>
+    )
+}

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

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

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

@@ -8,7 +8,7 @@ import { useMemo, useState } from 'react';
 import styles from './chatter.module.css';
 import { SolidChatterCustomMessage } from './SolidChatterCustomMessage';
 import { SolidChatterAuditMessage } from './SolidChatterAuditMessage';
-var getFileIcon = function (mimeType) {
+const getFileIcon = (mimeType) => {
     if (mimeType.startsWith('image/')) {
         return 'pi pi-image';
     }
@@ -27,20 +27,20 @@ var getFileIcon = function (mimeType) {
             return 'pi pi-file';
     }
 };
-export var SolidChatterMessageBox = function (props) {
-    var user = props.user, messageType = props.messageType, message = props.message, time = props.time, auditRecord = props.auditRecord, media = props.media, messageSubType = props.messageSubType, modelDisplayName = props.modelDisplayName, modelUserKey = props.modelUserKey;
-    var _a = useState(null), selectedImage = _a[0], setSelectedImage = _a[1];
-    var _b = useState(false), isImageDialogVisible = _b[0], setIsImageDialogVisible = _b[1];
-    var avatarStyle = useMemo(function () {
-        var bg = stringToColor(user);
-        var color = getTextColor(bg);
-        return { backgroundColor: bg, color: color, height: 24, width: 24, fontSize: 10, fontWeight: 600 };
+export const SolidChatterMessageBox = (props) => {
+    const { user, messageType, message, time, auditRecord, media, messageSubType, modelDisplayName, modelUserKey } = props;
+    const [selectedImage, setSelectedImage] = useState(null);
+    const [isImageDialogVisible, setIsImageDialogVisible] = useState(false);
+    const avatarStyle = useMemo(() => {
+        const bg = stringToColor(user);
+        const color = getTextColor(bg);
+        return { backgroundColor: bg, color, height: 24, width: 24, fontSize: 10, fontWeight: 600 };
     }, [user]);
-    var handleImageClick = function (url) {
+    const handleImageClick = (url) => {
         setSelectedImage(url);
         setIsImageDialogVisible(true);
     };
-    var renderMessageContent = function () {
+    const renderMessageContent = () => {
         switch (messageType) {
             case 'audit':
                 return _jsx(SolidChatterAuditMessage, { auditRecord: auditRecord });
@@ -53,9 +53,9 @@ export var SolidChatterMessageBox = function (props) {
                                             ? _jsxs(_Fragment, { children: ["Updated ", modelUserKey && _jsxs("span", { style: { fontStyle: 'italic', fontWeight: '600' }, children: ["(", modelUserKey, ")"] })] })
                                             : messageSubType === "audit_insert"
                                                 ? _jsxs(_Fragment, { children: ["Inserted ", modelUserKey && _jsxs("span", { style: { fontStyle: 'italic', fontWeight: '600' }, children: ["(", modelUserKey, ")"] })] })
-                                                : "Custom" : "Custom" })] }), modelDisplayName && _jsx("span", { style: { fontStyle: 'italic', fontWeight: '600' }, children: modelDisplayName })] })] }), _jsxs("div", { className: 'flex align-items-center mt-1', children: [_jsx("div", { style: { width: 32 } }), _jsxs("div", { style: { width: '100%' }, children: [_jsx("p", { className: 'mb-1 text-sm font-bold', style: { color: '#949494' }, children: time }), message && _jsx("div", { className: styles.solidMessageWrapper, children: renderMessageContent() }), (media === null || media === void 0 ? void 0 : media.messageAttachments) && media.messageAttachments.length > 0 && (_jsx("div", { className: 'flex flex-wrap gap-2 mt-2', children: media.messageAttachments.map(function (attachment) {
-                                    var isImage = attachment.mimeType.startsWith('image/');
-                                    return (_jsx("div", { className: 'flex align-items-center gap-2 bg-gray-100 p-2 rounded', children: isImage ? (_jsx("div", { className: 'cursor-pointer', onClick: function () { return handleImageClick(attachment._full_url); }, children: _jsx(Image, { src: encodeURI(attachment._full_url), alt: attachment.originalFileName, width: 50, height: 50, className: 'rounded', style: { objectFit: 'cover' } }) })) : (_jsxs("a", { href: encodeURI(attachment._full_url), target: "_blank", rel: "noopener noreferrer", className: 'flex align-items-center gap-2 text-decoration-none', children: [_jsx("i", { className: getFileIcon(attachment.mimeType) }), _jsx("span", { className: 'text-sm', children: attachment.originalFileName })] })) }, attachment.id));
-                                }) }))] })] }), _jsx(Dialog, { visible: isImageDialogVisible, onHide: function () { return setIsImageDialogVisible(false); }, className: 'w-9 ', modal: true, children: selectedImage && (_jsx(Image, { src: selectedImage, alt: "Preview", width: 800, height: 600, style: { width: '100%', height: 'auto' } })) })] }));
+                                                : "Custom" : "Custom" })] }), modelDisplayName && _jsx("span", { style: { fontStyle: 'italic', fontWeight: '600' }, children: modelDisplayName })] })] }), _jsxs("div", { className: 'flex align-items-center mt-1', children: [_jsx("div", { style: { width: 32 } }), _jsxs("div", { style: { width: '100%' }, children: [_jsx("p", { className: 'mb-1 text-sm font-bold', style: { color: '#949494' }, children: time }), message && _jsx("div", { className: styles.solidMessageWrapper, children: renderMessageContent() }), media?.messageAttachments && media.messageAttachments.length > 0 && (_jsx("div", { className: 'flex flex-wrap gap-2 mt-2', children: media.messageAttachments.map((attachment) => {
+                                    const isImage = attachment.mimeType.startsWith('image/');
+                                    return (_jsx("div", { className: 'flex align-items-center gap-2 bg-gray-100 p-2 rounded', children: isImage ? (_jsx("div", { className: 'cursor-pointer', onClick: () => handleImageClick(attachment._full_url), children: _jsx(Image, { src: encodeURI(attachment._full_url), alt: attachment.originalFileName, width: 50, height: 50, className: 'rounded', style: { objectFit: 'cover' } }) })) : (_jsxs("a", { href: encodeURI(attachment._full_url), target: "_blank", rel: "noopener noreferrer", className: 'flex align-items-center gap-2 text-decoration-none', children: [_jsx("i", { className: getFileIcon(attachment.mimeType) }), _jsx("span", { className: 'text-sm', children: attachment.originalFileName })] })) }, attachment.id));
+                                }) }))] })] }), _jsx(Dialog, { visible: isImageDialogVisible, onHide: () => setIsImageDialogVisible(false), className: 'w-9 ', modal: true, children: selectedImage && (_jsx(Image, { src: selectedImage, alt: "Preview", width: 800, height: 600, style: { width: '100%', height: 'auto' } })) })] }));
 };
 //# sourceMappingURL=SolidChatterMessageBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAsBrE,IAAM,WAAW,GAAG,UAAC,QAAgB;IACjC,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC/B,OAAO,aAAa,CAAC;KACxB;IACD,QAAQ,QAAQ,EAAE;QACd,KAAK,iBAAiB;YAClB,OAAO,gBAAgB,CAAC;QAC5B,KAAK,0BAA0B,CAAC;QAChC,KAAK,mEAAmE;YACpE,OAAO,kBAAkB,CAAC;QAC9B,KAAK,oBAAoB,CAAC;QAC1B,KAAK,yEAAyE;YAC1E,OAAO,iBAAiB,CAAC;QAC7B,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB;YACI,OAAO,YAAY,CAAC;KAC3B;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,KAAY;IACvC,IAAA,IAAI,GAAqG,KAAK,KAA1G,EAAE,WAAW,GAAwF,KAAK,YAA7F,EAAE,OAAO,GAA+E,KAAK,QAApF,EAAE,IAAI,GAAyE,KAAK,KAA9E,EAAE,WAAW,GAA4D,KAAK,YAAjE,EAAE,KAAK,GAAqD,KAAK,MAA1D,EAAE,cAAc,GAAqC,KAAK,eAA1C,EAAE,gBAAgB,GAAmB,KAAK,iBAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IACjH,IAAA,KAAoC,QAAQ,CAAgB,IAAI,CAAC,EAAhE,aAAa,QAAA,EAAE,gBAAgB,QAAiC,CAAC;IAClE,IAAA,KAAkD,QAAQ,CAAC,KAAK,CAAC,EAAhE,oBAAoB,QAAA,EAAE,uBAAuB,QAAmB,CAAC;IAExE,IAAM,WAAW,GAAG,OAAO,CAAC;QACxB,IAAM,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QAC9B,IAAM,KAAK,GAAG,YAAY,CAAC,EAAE,CAAC,CAAA;QAC9B,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,OAAA,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA;IAC/F,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,gBAAgB,GAAG,UAAC,GAAW;QACjC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACtB,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG;QACzB,QAAQ,WAAW,EAAE;YACjB,KAAK,OAAO;gBACR,OAAO,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;YAClE,KAAK,QAAQ,CAAC;YACd;gBACI,OAAO,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;SAC9D;IACL,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aACzC,eAAK,SAAS,EAAC,yBAAyB,aACpC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YACrB,KAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,QAAQ,GAAG,GAChF,EACN,eAAK,SAAS,EAAC,iDAAiD,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACrF,eAAK,SAAS,EAAC,SAAS,aACpB,eAAM,SAAS,EAAC,WAAW,YAAE,IAAI,GAAQ,EACzC,eAAM,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAC7C,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,KAAK,cAAc;4CACpD,CAAC,CAAC,0CAAW,YAAY,IAAI,gBAAM,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAC,kBAAI,YAAY,SAAS,IAAI;4CAC/G,CAAC,CAAC,cAAc,KAAK,cAAc;gDAC/B,CAAC,CAAC,2CAAY,YAAY,IAAI,gBAAM,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAC,kBAAI,YAAY,SAAS,IAAI;gDAChH,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAC9B,IACL,EACL,gBAAgB,IAAI,eAAM,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAC,YAAG,gBAAgB,GAAQ,IACnG,IACJ,EACN,eAAK,SAAS,EAAC,8BAA8B,aACzC,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GACnB,EACN,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACzB,YAAG,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAC5D,IAAI,GACL,EACH,OAAO,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACjD,oBAAoB,EAAE,GACrB,EACL,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,KAAI,KAAK,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACjE,cAAK,SAAS,EAAC,2BAA2B,YACrC,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,UAAC,UAAU;oCACrC,IAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;oCACzD,OAAO,CACH,cAAyB,SAAS,EAAC,uDAAuD,YACrF,OAAO,CAAC,CAAC,CAAC,CACP,cACI,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,UAAU,CAAC,SAAS,CAAC,EAAtC,CAAsC,YAErD,KAAC,KAAK,IACF,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EACpC,GAAG,EAAE,UAAU,CAAC,gBAAgB,EAChC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAC/B,GACA,CACT,CAAC,CAAC,CAAC,CACA,aACI,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EACrC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,oDAAoD,aAE9D,YAAG,SAAS,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAI,EAClD,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,gBAAgB,GAAQ,IAC9D,CACP,IAzBK,UAAU,CAAC,EAAE,CA0BjB,CACT,CAAC;gCACN,CAAC,CAAC,GACA,CACT,IACC,IACJ,EACN,KAAC,MAAM,IACH,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,cAAM,OAAA,uBAAuB,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC5C,SAAS,EAAC,MAAM,EAChB,KAAK,kBAEJ,aAAa,IAAI,CACd,KAAC,KAAK,IACF,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC1C,CACL,GACI,IACP,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"./","sources":["components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from 'next/image'\nimport { Avatar } from 'primereact/avatar'\nimport { Dialog } from 'primereact/dialog'\nimport { useMemo, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\n\ninterface Props {\n    user: string,\n    messageType?: string,\n    message?: any,\n    time?: string,\n    auditRecord?: any,\n    messageSubType?: string,\n    modelDisplayName?: string,\n    modelUserKey?: string,\n    media?: {\n        messageAttachments?: Array<{\n            id: number;\n            relativeUri: string;\n            mimeType: string;\n            originalFileName: string;\n            _full_url: string;\n        }>;\n    };\n}\n\nconst getFileIcon = (mimeType: string) => {\n    if (mimeType.startsWith('image/')) {\n        return 'pi pi-image';\n    }\n    switch (mimeType) {\n        case 'application/pdf':\n            return 'pi pi-file-pdf';\n        case 'application/vnd.ms-excel':\n        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n            return 'pi pi-file-excel';\n        case 'application/msword':\n        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n            return 'pi pi-file-word';\n        case 'text/plain':\n            return 'pi pi-file';\n        default:\n            return 'pi pi-file';\n    }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n    const { user, messageType, message, time, auditRecord, media, messageSubType, modelDisplayName, modelUserKey } = props;\n    const [selectedImage, setSelectedImage] = useState<string | null>(null);\n    const [isImageDialogVisible, setIsImageDialogVisible] = useState(false);\n\n    const avatarStyle = useMemo(() => {\n        const bg = stringToColor(user)\n        const color = getTextColor(bg)\n        return { backgroundColor: bg, color, height: 24, width: 24, fontSize: 10, fontWeight: 600 }\n    }, [user])\n\n    const handleImageClick = (url: string) => {\n        setSelectedImage(url);\n        setIsImageDialogVisible(true);\n    };\n\n    const renderMessageContent = () => {\n        switch (messageType) {\n            case 'audit':\n                return <SolidChatterAuditMessage auditRecord={auditRecord} />;\n            case 'custom':\n            default:\n                return <SolidChatterCustomMessage message={message} />;\n        }\n    };\n\n    return (\n        <div className={styles.solidChatterMessageBox}>\n            <div className='flex align-items-center'>\n                <div style={{ width: 32 }}>\n                    <Avatar label={user.charAt(0).toUpperCase()} style={avatarStyle} shape=\"circle\" />\n                </div>\n                <div className='flex align-items-center justify-content-between' style={{ width: '100%' }}>\n                    <div className='text-sm'>\n                        <span className='font-bold'>{user}</span>\n                        <span className='ml-2' style={{ color: '#949494' }}>\n                            {messageType === 'audit' ? messageSubType === \"audit_update\"\n                                    ? <>Updated {modelUserKey && <span style={{fontStyle: 'italic', fontWeight: '600'}}>({modelUserKey})</span>}</>\n                                    : messageSubType === \"audit_insert\"\n                                        ? <>Inserted {modelUserKey && <span style={{fontStyle: 'italic', fontWeight: '600'}}>({modelUserKey})</span>}</>\n                                        : \"Custom\" : \"Custom\"}\n                        </span>\n                    </div>\n                    {modelDisplayName && <span style={{fontStyle: 'italic', fontWeight: '600'}}>{modelDisplayName}</span>}\n                </div>\n            </div>\n            <div className='flex align-items-center mt-1'>\n                <div style={{ width: 32 }}>\n                </div>\n                <div style={{ width: '100%' }}>\n                    <p className='mb-1 text-sm font-bold' style={{ color: '#949494' }}>\n                        {time}\n                    </p>\n                    {message && <div className={styles.solidMessageWrapper}>\n                        {renderMessageContent()}\n                    </div>}\n                    {media?.messageAttachments && media.messageAttachments.length > 0 && (\n                        <div className='flex flex-wrap gap-2 mt-2'>\n                            {media.messageAttachments.map((attachment) => {\n                                const isImage = attachment.mimeType.startsWith('image/');\n                                return (\n                                    <div key={attachment.id} className='flex align-items-center gap-2 bg-gray-100 p-2 rounded'>\n                                        {isImage ? (\n                                            <div \n                                                className='cursor-pointer'\n                                                onClick={() => handleImageClick(attachment._full_url)}\n                                            >\n                                                <Image\n                                                    src={encodeURI(attachment._full_url)}\n                                                    alt={attachment.originalFileName}\n                                                    width={50}\n                                                    height={50}\n                                                    className='rounded'\n                                                    style={{ objectFit: 'cover' }}\n                                                />\n                                            </div>\n                                        ) : (\n                                            <a \n                                                href={encodeURI(attachment._full_url)}\n                                                target=\"_blank\"\n                                                rel=\"noopener noreferrer\"\n                                                className='flex align-items-center gap-2 text-decoration-none'\n                                            >\n                                                <i className={getFileIcon(attachment.mimeType)} />\n                                                <span className='text-sm'>{attachment.originalFileName}</span>\n                                            </a>\n                                        )}\n                                    </div>\n                                );\n                            })}\n                        </div>\n                    )}\n                </div>\n            </div>\n            <Dialog\n                visible={isImageDialogVisible}\n                onHide={() => setIsImageDialogVisible(false)}\n                className='w-9 '\n                modal\n            >\n                {selectedImage && (\n                    <Image\n                        src={selectedImage}\n                        alt=\"Preview\"\n                        width={800}\n                        height={600}\n                        style={{ width: '100%', height: 'auto' }}\n                    />\n                )}\n            </Dialog>\n        </div>\n    )\n}"]}

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

@@ -0,0 +1,163 @@
+"use client"
+import { getTextColor, stringToColor } from '../../../helpers/getRandomColors'
+import Image from 'next/image'
+import { Avatar } from 'primereact/avatar'
+import { Dialog } from 'primereact/dialog'
+import { useMemo, useState } from 'react'
+import styles from './chatter.module.css'
+import { SolidChatterCustomMessage } from './SolidChatterCustomMessage'
+import { SolidChatterAuditMessage } from './SolidChatterAuditMessage'
+
+interface Props {
+    user: string,
+    messageType?: string,
+    message?: any,
+    time?: string,
+    auditRecord?: any,
+    messageSubType?: string,
+    modelDisplayName?: string,
+    modelUserKey?: string,
+    media?: {
+        messageAttachments?: Array<{
+            id: number;
+            relativeUri: string;
+            mimeType: string;
+            originalFileName: string;
+            _full_url: string;
+        }>;
+    };
+}
+
+const getFileIcon = (mimeType: string) => {
+    if (mimeType.startsWith('image/')) {
+        return 'pi pi-image';
+    }
+    switch (mimeType) {
+        case 'application/pdf':
+            return 'pi pi-file-pdf';
+        case 'application/vnd.ms-excel':
+        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+            return 'pi pi-file-excel';
+        case 'application/msword':
+        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+            return 'pi pi-file-word';
+        case 'text/plain':
+            return 'pi pi-file';
+        default:
+            return 'pi pi-file';
+    }
+};
+
+export const SolidChatterMessageBox = (props: Props) => {
+    const { user, messageType, message, time, auditRecord, media, messageSubType, modelDisplayName, modelUserKey } = props;
+    const [selectedImage, setSelectedImage] = useState<string | null>(null);
+    const [isImageDialogVisible, setIsImageDialogVisible] = useState(false);
+
+    const avatarStyle = useMemo(() => {
+        const bg = stringToColor(user)
+        const color = getTextColor(bg)
+        return { backgroundColor: bg, color, height: 24, width: 24, fontSize: 10, fontWeight: 600 }
+    }, [user])
+
+    const handleImageClick = (url: string) => {
+        setSelectedImage(url);
+        setIsImageDialogVisible(true);
+    };
+
+    const renderMessageContent = () => {
+        switch (messageType) {
+            case 'audit':
+                return <SolidChatterAuditMessage auditRecord={auditRecord} />;
+            case 'custom':
+            default:
+                return <SolidChatterCustomMessage message={message} />;
+        }
+    };
+
+    return (
+        <div className={styles.solidChatterMessageBox}>
+            <div className='flex align-items-center'>
+                <div style={{ width: 32 }}>
+                    <Avatar label={user.charAt(0).toUpperCase()} style={avatarStyle} shape="circle" />
+                </div>
+                <div className='flex align-items-center justify-content-between' style={{ width: '100%' }}>
+                    <div className='text-sm'>
+                        <span className='font-bold'>{user}</span>
+                        <span className='ml-2' style={{ color: '#949494' }}>
+                            {messageType === 'audit' ? messageSubType === "audit_update"
+                                    ? <>Updated {modelUserKey && <span style={{fontStyle: 'italic', fontWeight: '600'}}>({modelUserKey})</span>}</>
+                                    : messageSubType === "audit_insert"
+                                        ? <>Inserted {modelUserKey && <span style={{fontStyle: 'italic', fontWeight: '600'}}>({modelUserKey})</span>}</>
+                                        : "Custom" : "Custom"}
+                        </span>
+                    </div>
+                    {modelDisplayName && <span style={{fontStyle: 'italic', fontWeight: '600'}}>{modelDisplayName}</span>}
+                </div>
+            </div>
+            <div className='flex align-items-center mt-1'>
+                <div style={{ width: 32 }}>
+                </div>
+                <div style={{ width: '100%' }}>
+                    <p className='mb-1 text-sm font-bold' style={{ color: '#949494' }}>
+                        {time}
+                    </p>
+                    {message && <div className={styles.solidMessageWrapper}>
+                        {renderMessageContent()}
+                    </div>}
+                    {media?.messageAttachments && media.messageAttachments.length > 0 && (
+                        <div className='flex flex-wrap gap-2 mt-2'>
+                            {media.messageAttachments.map((attachment) => {
+                                const isImage = attachment.mimeType.startsWith('image/');
+                                return (
+                                    <div key={attachment.id} className='flex align-items-center gap-2 bg-gray-100 p-2 rounded'>
+                                        {isImage ? (
+                                            <div 
+                                                className='cursor-pointer'
+                                                onClick={() => handleImageClick(attachment._full_url)}
+                                            >
+                                                <Image
+                                                    src={encodeURI(attachment._full_url)}
+                                                    alt={attachment.originalFileName}
+                                                    width={50}
+                                                    height={50}
+                                                    className='rounded'
+                                                    style={{ objectFit: 'cover' }}
+                                                />
+                                            </div>
+                                        ) : (
+                                            <a 
+                                                href={encodeURI(attachment._full_url)}
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                                className='flex align-items-center gap-2 text-decoration-none'
+                                            >
+                                                <i className={getFileIcon(attachment.mimeType)} />
+                                                <span className='text-sm'>{attachment.originalFileName}</span>
+                                            </a>
+                                        )}
+                                    </div>
+                                );
+                            })}
+                        </div>
+                    )}
+                </div>
+            </div>
+            <Dialog
+                visible={isImageDialogVisible}
+                onHide={() => setIsImageDialogVisible(false)}
+                className='w-9 '
+                modal
+            >
+                {selectedImage && (
+                    <Image
+                        src={selectedImage}
+                        alt="Preview"
+                        width={800}
+                        height={600}
+                        style={{ width: '100%', height: 'auto' }}
+                    />
+                )}
+            </Dialog>
+        </div>
+    )
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SolidMessageComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,oBAAoB;;wBAAmF,GAAG;cAAY,GAAG;SAAO,GAAG;6CAuI/I,CAAA"}
+{"version":3,"file":"SolidMessageComposer.d.ts","sourceRoot":"./","sources":["components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,oBAAoB;;wBAAmF,GAAG;cAAY,GAAG;SAAO,GAAG;6CAuI/I,CAAA"}