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

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

@@ -5,6 +5,21 @@ import { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'
 
 const DATE_FIELD_TYPES = ['date', 'datetime', 'time']
 
+function isEmptyAuditValue(value: string | null | undefined): boolean {
+    if (value == null) return true
+    if (typeof value !== 'string') return false
+
+    const normalizedValue = value.trim().toLowerCase()
+    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null'
+}
+
+function hasMeaningfulAuditChange(item: AuditRecord): boolean {
+    const previousValue = item.previousDisplay ?? item.previous
+    const currentValue = item.currentDisplay ?? item.current
+
+    return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue))
+}
+
 function formatAuditValue(
     value: string | null | undefined,
     displayValue: string | null | undefined,
@@ -38,9 +53,15 @@ interface SolidChatterAuditMessageProps {
 }
 
 export const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {
+    const visibleAuditRecord = auditRecord.filter(hasMeaningfulAuditChange)
+
+    if (visibleAuditRecord.length === 0) {
+        return null
+    }
+
     return (
         <div className='flex flex-column gap-2'>
-            {auditRecord.map((item: AuditRecord, index: number) => (
+            {visibleAuditRecord.map((item: AuditRecord, index: number) => (
                 <div key={index} className='flex gap-2'>
                     <span className='m-0 '>
                         {"(" + (item.fieldDisplayName || item.field) + ")"}

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

@@ -1,12 +1,15 @@
 interface Props {
+    messageId?: number | string;
     user: string;
     messageType?: string;
     message?: any;
     time?: string;
     auditRecord?: any;
     messageSubType?: string;
+    status?: string;
     modelDisplayName?: string;
     modelUserKey?: string;
+    onRefresh?: () => void;
     media?: {
         messageAttachments?: Array<{
             id: number;

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

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

@@ -1,3 +1,39 @@
+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 };
+    }
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -14,8 +50,9 @@ import { useMemo, useState } from 'react';
 import styles from './chatter.module.css';
 import { SolidChatterCustomMessage } from './SolidChatterCustomMessage';
 import { SolidChatterAuditMessage } from './SolidChatterAuditMessage';
-import { GitBranch, MessageSquare } from 'lucide-react';
-import { SolidLightbox, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon } from '../../shad-cn-ui';
+import { Check, GitBranch, MessageSquare } from 'lucide-react';
+import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon } from '../../shad-cn-ui';
+import { usePatchChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi';
 var getFileIcon = function (mimeType) {
     if (mimeType.startsWith('image/')) {
         return 'si-image';
@@ -36,9 +73,11 @@ var getFileIcon = function (mimeType) {
     }
 };
 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 messageId = props.messageId, user = props.user, messageType = props.messageType, message = props.message, time = props.time, auditRecord = props.auditRecord, media = props.media, messageSubType = props.messageSubType, status = props.status, modelDisplayName = props.modelDisplayName, modelUserKey = props.modelUserKey, onRefresh = props.onRefresh;
     var _a = useState([]), lightboxSlides = _a[0], setLightboxSlides = _a[1];
     var _b = useState(false), openLightbox = _b[0], setOpenLightbox = _b[1];
+    var _c = useState(status), taskStatus = _c[0], setTaskStatus = _c[1];
+    var _d = usePatchChatterMessageMutation(), patchChatterMessage = _d[0], isUpdatingTaskStatus = _d[1].isLoading;
     var avatarStyle = useMemo(function () {
         var bg = stringToColor(user);
         var color = getTextColor(bg);
@@ -86,9 +125,34 @@ export var SolidChatterMessageBox = function (props) {
                 : "Audit record")
         : "Internal note";
     var TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;
+    var isTaskMessage = messageSubType === 'task';
+    var isTaskCompleted = (taskStatus !== null && taskStatus !== void 0 ? taskStatus : '').toLowerCase() === 'completed';
+    var handleMarkTaskDone = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!messageId || isUpdatingTaskStatus)
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap()];
+                case 2:
+                    _a.sent();
+                    setTaskStatus('completed');
+                    onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _a.sent();
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     return (_jsxs("div", { className: styles.solidChatterMessageBox, children: [_jsx("div", { className: styles.solidChatterMessageCard, children: _jsxs("div", { className: styles.solidChatterMessageLayout, children: [_jsx("div", { className: styles.solidChatterAvatar, style: avatarStyle, children: initials || user.charAt(0).toUpperCase() }), _jsxs("div", { className: styles.solidChatterMessageContent, children: [_jsxs("div", { className: styles.solidChatterMessageHeader, children: [_jsxs("div", { className: 'flex align-items-center gap-2 flex-wrap', children: [_jsx("p", { className: styles.solidChatterUser, children: user }), _jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("span", { className: "".concat(styles.solidChatterBadge, " ").concat(messageType === 'audit' ? styles.audit : styles.custom), "aria-label": messageLabel, children: _jsx(TypeIcon, { size: 12 }) }) }), _jsx(SolidTooltipContent, { side: "right", children: messageLabel })] })] }), _jsx("span", { className: styles.solidChatterTime, children: time })] }), modelDisplayName && (_jsxs("p", { className: "".concat(styles.solidChatterMeta, " m-0"), children: [modelDisplayName, modelUserKey && _jsxs(_Fragment, { children: [" \u00B7 ", _jsx("span", { className: 'font-medium', children: modelUserKey })] })] })), message && (_jsx("div", { className: styles.solidMessageWrapper, children: renderMessageContent() })), (media === null || media === void 0 ? void 0 : media.messageAttachments) && media.messageAttachments.length > 0 && (_jsx("div", { className: styles.solidChatterAttachments, children: media.messageAttachments.map(function (attachment) {
                                         var isImage = attachment.mimeType.startsWith('image/');
                                         return (_jsx("div", { className: styles.solidChatterAttachment, 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: 54, height: 54, 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 text-sm', children: [_jsx(SolidIcon, { name: getFileIcon(attachment.mimeType), "aria-hidden": true }), _jsx("span", { children: attachment.originalFileName })] })) }, attachment.id));
-                                    }) }))] })] }) }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
+                                    }) })), isTaskMessage && (_jsx("div", { className: 'flex align-items-center justify-content-end', children: isTaskCompleted ? (_jsxs(SolidTag, { tone: "success", className: "inline-flex align-items-center gap-1 text-xs px-2 py-1", children: [_jsx(Check, { size: 12, "aria-hidden": true }), _jsx("span", { className: "font-medium", children: "Done" })] })) : (_jsx(SolidButton, { type: "button", size: "sm", variant: "outline", className: "text-xs px-2 py-1", leftIcon: _jsx(Check, { size: 12 }), loading: isUpdatingTaskStatus, onClick: handleMarkTaskDone, children: _jsx("span", { className: "font-semibold", children: "Mark as done" }) })) }))] })] }) }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 };
 //# 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":"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","sourcesContent":["\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from \"../../common/Image\"\nimport { useMemo, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\nimport { GitBranch, MessageSquare } from 'lucide-react'\nimport { SolidLightbox, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, type SolidIconName } from '../../shad-cn-ui'\nimport type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'\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): SolidIconName => {\n    if (mimeType.startsWith('image/')) {\n        return 'si-image';\n    }\n    switch (mimeType) {\n        case 'application/pdf':\n            return 'si-file-pdf';\n        case 'application/vnd.ms-excel':\n        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n            return 'si-file-excel';\n        case 'application/msword':\n        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n            return 'si-file-word';\n        case 'text/plain':\n            return 'si-file';\n        default:\n            return 'si-file';\n    }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n    const { user, messageType, message, time, auditRecord, media, messageSubType, modelDisplayName, modelUserKey } = props;\n    const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);\n    const [openLightbox, setOpenLightbox] = useState(false);\n\n    const avatarStyle = useMemo(() => {\n        const bg = stringToColor(user)\n        const color = getTextColor(bg)\n        return { backgroundColor: bg, color }\n    }, [user])\n\n    const initials = useMemo(() => {\n        if (!user) return \"\";\n        return user\n            .split(\" \")\n            .map(part => part.charAt(0))\n            .filter(Boolean)\n            .slice(0, 2)\n            .join(\"\")\n            .toUpperCase();\n    }, [user]);\n\n    const handleImageClick = (url: string) => {\n        const imageAttachments = media?.messageAttachments?.filter(att => att.mimeType?.startsWith('image/')) || [];\n        if (imageAttachments.length === 0) return;\n\n        const startIndex = imageAttachments.findIndex(att => att._full_url === url);\n        const ordered = startIndex >= 0\n            ? [...imageAttachments.slice(startIndex), ...imageAttachments.slice(0, startIndex)]\n            : imageAttachments;\n\n        const slides: SolidLightboxSlide[] = ordered.map(att => ({\n            src: att._full_url\n        }));\n\n        setLightboxSlides(slides);\n        setOpenLightbox(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    const messageLabel = messageType === 'audit'\n        ? (messageSubType === \"audit_update\"\n            ? \"Updated\"\n            : messageSubType === \"audit_insert\"\n                ? \"Inserted\"\n                : \"Audit record\")\n        : \"Internal note\";\n\n    const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;\n\n    return (\n        <div className={styles.solidChatterMessageBox}>\n            <div className={styles.solidChatterMessageCard}>\n                <div className={styles.solidChatterMessageLayout}>\n                    <div className={styles.solidChatterAvatar} style={avatarStyle}>\n                        {initials || user.charAt(0).toUpperCase()}\n                    </div>\n                    <div className={styles.solidChatterMessageContent}>\n                        <div className={styles.solidChatterMessageHeader}>\n                            <div className='flex align-items-center gap-2 flex-wrap'>\n                                <p className={styles.solidChatterUser}>{user}</p>\n                                <SolidTooltip>\n                                    <SolidTooltipTrigger asChild>\n                                        <span\n                                            className={`${styles.solidChatterBadge} ${messageType === 'audit' ? styles.audit : styles.custom}`}\n                                            aria-label={messageLabel}\n                                        >\n                                            <TypeIcon size={12} />\n                                        </span>\n                                    </SolidTooltipTrigger>\n                                    <SolidTooltipContent side=\"right\">\n                                        {messageLabel}\n                                    </SolidTooltipContent>\n                                </SolidTooltip>\n                            </div>\n                            <span className={styles.solidChatterTime}>{time}</span>\n                        </div>\n                        {modelDisplayName && (\n                            <p className={`${styles.solidChatterMeta} m-0`}>\n                                {modelDisplayName}\n                                {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}\n                            </p>\n                        )}\n                        {message && (\n                            <div className={styles.solidMessageWrapper}>\n                                {renderMessageContent()}\n                            </div>\n                        )}\n                        {media?.messageAttachments && media.messageAttachments.length > 0 && (\n                            <div className={styles.solidChatterAttachments}>\n                                {media.messageAttachments.map((attachment) => {\n                                    const isImage = attachment.mimeType.startsWith('image/');\n                                    return (\n                                        <div key={attachment.id} className={styles.solidChatterAttachment}>\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={54}\n                                                        height={54}\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 text-sm'\n                                            >\n                                                <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />\n                                                <span>{attachment.originalFileName}</span>\n                                            </a>\n                                            )}\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n            {openLightbox && (\n                <SolidLightbox\n                    open={openLightbox}\n                    slides={lightboxSlides}\n                    onClose={() => setOpenLightbox(false)}\n                />\n            )}\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatterMessageBox.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterMessageBox.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { getTextColor, stringToColor } from '../../../helpers/getRandomColors'\nimport Image from \"../../common/Image\"\nimport { useMemo, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidChatterCustomMessage } from './SolidChatterCustomMessage'\nimport { SolidChatterAuditMessage } from './SolidChatterAuditMessage'\nimport { Check, GitBranch, MessageSquare } from 'lucide-react'\nimport { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, type SolidIconName } from '../../shad-cn-ui'\nimport type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'\nimport { usePatchChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\n\ninterface Props {\n    messageId?: number | string,\n    user: string,\n    messageType?: string,\n    message?: any,\n    time?: string,\n    auditRecord?: any,\n    messageSubType?: string,\n    status?: string,\n    modelDisplayName?: string,\n    modelUserKey?: string,\n    onRefresh?: () => void,\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): SolidIconName => {\n    if (mimeType.startsWith('image/')) {\n        return 'si-image';\n    }\n    switch (mimeType) {\n        case 'application/pdf':\n            return 'si-file-pdf';\n        case 'application/vnd.ms-excel':\n        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n            return 'si-file-excel';\n        case 'application/msword':\n        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':\n            return 'si-file-word';\n        case 'text/plain':\n            return 'si-file';\n        default:\n            return 'si-file';\n    }\n};\n\nexport const SolidChatterMessageBox = (props: Props) => {\n    const { messageId, user, messageType, message, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;\n    const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);\n    const [openLightbox, setOpenLightbox] = useState(false);\n    const [taskStatus, setTaskStatus] = useState<string | undefined>(status);\n    const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();\n\n    const avatarStyle = useMemo(() => {\n        const bg = stringToColor(user)\n        const color = getTextColor(bg)\n        return { backgroundColor: bg, color }\n    }, [user])\n\n    const initials = useMemo(() => {\n        if (!user) return \"\";\n        return user\n            .split(\" \")\n            .map(part => part.charAt(0))\n            .filter(Boolean)\n            .slice(0, 2)\n            .join(\"\")\n            .toUpperCase();\n    }, [user]);\n\n    const handleImageClick = (url: string) => {\n        const imageAttachments = media?.messageAttachments?.filter(att => att.mimeType?.startsWith('image/')) || [];\n        if (imageAttachments.length === 0) return;\n\n        const startIndex = imageAttachments.findIndex(att => att._full_url === url);\n        const ordered = startIndex >= 0\n            ? [...imageAttachments.slice(startIndex), ...imageAttachments.slice(0, startIndex)]\n            : imageAttachments;\n\n        const slides: SolidLightboxSlide[] = ordered.map(att => ({\n            src: att._full_url\n        }));\n\n        setLightboxSlides(slides);\n        setOpenLightbox(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    const messageLabel = messageType === 'audit'\n        ? (messageSubType === \"audit_update\"\n            ? \"Updated\"\n            : messageSubType === \"audit_insert\"\n                ? \"Inserted\"\n                : \"Audit record\")\n        : \"Internal note\";\n\n    const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;\n\n    const isTaskMessage = messageSubType === 'task';\n    const isTaskCompleted = (taskStatus ?? '').toLowerCase() === 'completed';\n\n    const handleMarkTaskDone = async () => {\n        if (!messageId || isUpdatingTaskStatus) return;\n        try {\n            await patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap();\n            setTaskStatus('completed');\n            onRefresh?.();\n        } catch (e) {\n            // no-op (parent/global error handling if any)\n        }\n    };\n\n    return (\n        <div className={styles.solidChatterMessageBox}>\n            <div className={styles.solidChatterMessageCard}>\n                <div className={styles.solidChatterMessageLayout}>\n                    <div className={styles.solidChatterAvatar} style={avatarStyle}>\n                        {initials || user.charAt(0).toUpperCase()}\n                    </div>\n                    <div className={styles.solidChatterMessageContent}>\n                        <div className={styles.solidChatterMessageHeader}>\n                            <div className='flex align-items-center gap-2 flex-wrap'>\n                                <p className={styles.solidChatterUser}>{user}</p>\n                                <SolidTooltip>\n                                    <SolidTooltipTrigger asChild>\n                                        <span\n                                            className={`${styles.solidChatterBadge} ${messageType === 'audit' ? styles.audit : styles.custom}`}\n                                            aria-label={messageLabel}\n                                        >\n                                            <TypeIcon size={12} />\n                                        </span>\n                                    </SolidTooltipTrigger>\n                                    <SolidTooltipContent side=\"right\">\n                                        {messageLabel}\n                                    </SolidTooltipContent>\n                                </SolidTooltip>\n                            </div>\n                            <span className={styles.solidChatterTime}>{time}</span>\n                        </div>\n                        {modelDisplayName && (\n                            <p className={`${styles.solidChatterMeta} m-0`}>\n                                {modelDisplayName}\n                                {modelUserKey && <> · <span className='font-medium'>{modelUserKey}</span></>}\n                            </p>\n                        )}\n                        {message && (\n                            <div className={styles.solidMessageWrapper}>\n                                {renderMessageContent()}\n                            </div>\n                        )}\n                        {media?.messageAttachments && media.messageAttachments.length > 0 && (\n                            <div className={styles.solidChatterAttachments}>\n                                {media.messageAttachments.map((attachment) => {\n                                    const isImage = attachment.mimeType.startsWith('image/');\n                                    return (\n                                        <div key={attachment.id} className={styles.solidChatterAttachment}>\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={54}\n                                                        height={54}\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 text-sm'\n                                            >\n                                                <SolidIcon name={getFileIcon(attachment.mimeType)} aria-hidden />\n                                                <span>{attachment.originalFileName}</span>\n                                            </a>\n                                            )}\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                        {isTaskMessage && (\n                            <div className='flex align-items-center justify-content-end'>\n                                {isTaskCompleted ? (\n                                    <SolidTag tone=\"success\" className=\"inline-flex align-items-center gap-1 text-xs px-2 py-1\">\n                                        <Check size={12} aria-hidden />\n                                        <span className=\"font-medium\">Done</span>\n                                    </SolidTag>\n                                ) : (\n                                    <SolidButton\n                                        type=\"button\"\n                                        size=\"sm\"\n                                        variant=\"outline\"\n                                        className=\"text-xs px-2 py-1\"\n                                        leftIcon={<Check size={12} />}\n                                        loading={isUpdatingTaskStatus}\n                                        onClick={handleMarkTaskDone}\n                                    >\n                                        <span className=\"font-semibold\">Mark as done</span>\n                                    </SolidButton>\n                                )}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n            {openLightbox && (\n                <SolidLightbox\n                    open={openLightbox}\n                    slides={lightboxSlides}\n                    onClose={() => setOpenLightbox(false)}\n                />\n            )}\n        </div>\n    )\n}\n"]}

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

@@ -5,19 +5,23 @@ import { useMemo, useState } from 'react'
 import styles from './chatter.module.css'
 import { SolidChatterCustomMessage } from './SolidChatterCustomMessage'
 import { SolidChatterAuditMessage } from './SolidChatterAuditMessage'
-import { GitBranch, MessageSquare } from 'lucide-react'
-import { SolidLightbox, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, type SolidIconName } from '../../shad-cn-ui'
+import { Check, GitBranch, MessageSquare } from 'lucide-react'
+import { SolidButton, SolidLightbox, SolidTag, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger, SolidIcon, type SolidIconName } from '../../shad-cn-ui'
 import type { SolidLightboxSlide } from '../../shad-cn-ui/SolidLightbox'
+import { usePatchChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'
 
 interface Props {
+    messageId?: number | string,
     user: string,
     messageType?: string,
     message?: any,
     time?: string,
     auditRecord?: any,
     messageSubType?: string,
+    status?: string,
     modelDisplayName?: string,
     modelUserKey?: string,
+    onRefresh?: () => void,
     media?: {
         messageAttachments?: Array<{
             id: number;
@@ -50,9 +54,11 @@ const getFileIcon = (mimeType: string): SolidIconName => {
 };
 
 export const SolidChatterMessageBox = (props: Props) => {
-    const { user, messageType, message, time, auditRecord, media, messageSubType, modelDisplayName, modelUserKey } = props;
+    const { messageId, user, messageType, message, time, auditRecord, media, messageSubType, status, modelDisplayName, modelUserKey, onRefresh } = props;
     const [lightboxSlides, setLightboxSlides] = useState<SolidLightboxSlide[]>([]);
     const [openLightbox, setOpenLightbox] = useState(false);
+    const [taskStatus, setTaskStatus] = useState<string | undefined>(status);
+    const [patchChatterMessage, { isLoading: isUpdatingTaskStatus }] = usePatchChatterMessageMutation();
 
     const avatarStyle = useMemo(() => {
         const bg = stringToColor(user)
@@ -108,6 +114,20 @@ export const SolidChatterMessageBox = (props: Props) => {
 
     const TypeIcon = messageType === 'audit' ? GitBranch : MessageSquare;
 
+    const isTaskMessage = messageSubType === 'task';
+    const isTaskCompleted = (taskStatus ?? '').toLowerCase() === 'completed';
+
+    const handleMarkTaskDone = async () => {
+        if (!messageId || isUpdatingTaskStatus) return;
+        try {
+            await patchChatterMessage({ id: messageId, data: { status: 'completed' } }).unwrap();
+            setTaskStatus('completed');
+            onRefresh?.();
+        } catch (e) {
+            // no-op (parent/global error handling if any)
+        }
+    };
+
     return (
         <div className={styles.solidChatterMessageBox}>
             <div className={styles.solidChatterMessageCard}>
@@ -181,6 +201,28 @@ export const SolidChatterMessageBox = (props: Props) => {
                                 })}
                             </div>
                         )}
+                        {isTaskMessage && (
+                            <div className='flex align-items-center justify-content-end'>
+                                {isTaskCompleted ? (
+                                    <SolidTag tone="success" className="inline-flex align-items-center gap-1 text-xs px-2 py-1">
+                                        <Check size={12} aria-hidden />
+                                        <span className="font-medium">Done</span>
+                                    </SolidTag>
+                                ) : (
+                                    <SolidButton
+                                        type="button"
+                                        size="sm"
+                                        variant="outline"
+                                        className="text-xs px-2 py-1"
+                                        leftIcon={<Check size={12} />}
+                                        loading={isUpdatingTaskStatus}
+                                        onClick={handleMarkTaskDone}
+                                    >
+                                        <span className="font-semibold">Mark as done</span>
+                                    </SolidButton>
+                                )}
+                            </div>
+                        )}
                     </div>
                 </div>
             </div>

package/dist/components/core/chatter/chatter.module.css

@@ -3,9 +3,6 @@
     border-bottom: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
 }
 
-.chatterTitleWithLabel {
-    padding-left: 2.4rem;
-}
 
 .chatterMessageComposer .chatterMessageInput {
     background-color: var(--background);
@@ -250,9 +247,9 @@
 }
 
 .solidChatterBadge.custom {
-    color: #2563eb;
-    border-color: rgba(37, 99, 235, 0.2);
-    background: rgba(37, 99, 235, 0.08);
+    color: #722ED1;
+    border-color: rgba(114, 46, 209, 0.2);
+    background: rgba(114, 46, 209, 0.08);
 }
 
 :global(.solid-chatter-body) {

package/dist/components/core/common/PDFViewer.js

@@ -93,6 +93,6 @@ export default function PDFViewer(_a) {
     if (!url) {
         return (_jsx("div", { className: "flex items-center justify-center h-96 bg-gray-100 rounded-lg", children: _jsx("p", { className: "text-gray-500", children: "No PDF URL provided" }) }));
     }
-    return (_jsxs("div", { className: "flex flex-col items-center space-y-4 p-4", children: [loading && (_jsx("div", { className: "flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full", children: _jsx("p", { className: "text-gray-600", children: "Loading PDF..." }) })), error && (_jsx("div", { className: "flex items-center justify-center h-96 bg-red-50 rounded-lg w-full", children: _jsx("p", { className: "text-red-600", children: error }) })), blobUrl && !loading && !error && (_jsx(Document, { file: blobUrl, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, className: "border border-gray-300 rounded-lg shadow-lg", children: _jsx(Page, { pageNumber: pageNumber, renderTextLayer: true, renderAnnotationLayer: true }) })), numPages && (_jsxs("div", { className: "flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md", children: [_jsx("button", { onClick: goToPrevPage, disabled: pageNumber <= 1, className: "px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Previous" }), _jsxs("span", { className: "text-gray-700 font-medium", children: ["Page ", pageNumber, " of ", numPages] }), _jsx("button", { onClick: goToNextPage, disabled: pageNumber >= numPages, className: "px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Next" })] }))] }));
+    return (_jsxs("div", { className: "flex flex-col items-center space-y-4 p-4", children: [loading && (_jsx("div", { className: "flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full", children: _jsx("p", { className: "text-gray-600", children: "Loading PDF..." }) })), error && (_jsx("div", { className: "flex items-center justify-center h-96 bg-red-50 rounded-lg w-full", children: _jsx("p", { className: "text-red-600", children: error }) })), blobUrl && !loading && !error && (_jsx(Document, { file: blobUrl, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, className: "border border-gray-300 rounded-lg shadow-lg", children: _jsx(Page, { pageNumber: pageNumber, renderTextLayer: true, renderAnnotationLayer: true }) })), numPages && (_jsxs("div", { className: "flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md", children: [_jsx("button", { onClick: goToPrevPage, disabled: pageNumber <= 1, className: "px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Previous" }), _jsxs("span", { className: "text-gray-700 font-medium", children: ["Page ", pageNumber, " of ", numPages] }), _jsx("button", { onClick: goToNextPage, disabled: pageNumber >= numPages, className: "px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Next" })] }))] }));
 }
 //# sourceMappingURL=PDFViewer.js.map

package/dist/components/core/common/PDFViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\nimport 'react-pdf/dist/esm/Page/TextLayer.css';\n\n// Local worker recommended (avoids CORS)\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;\n\nexport default function PDFViewer({ url }: any) {\n    const [numPages, setNumPages] = useState<any>(null);\n    const [pageNumber, setPageNumber] = useState(1);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<any>(null);\n    const [blobUrl, setBlobUrl] = useState<string | null>(null);\n\n    // Convert signed URL → Blob → Object URL\n    useEffect(() => {\n        if (!url) return;\n\n        setLoading(true);\n        setError(null);\n\n        fetch(url)\n            .then(async (res) => {\n                if (!res.ok) throw new Error(\"Failed to fetch PDF\");\n\n                const blob = await res.blob();\n                const blobUrl = URL.createObjectURL(blob);\n                setBlobUrl(blobUrl);\n                setLoading(false);\n            })\n            .catch((err) => {\n                console.error(\"Blob fetch error:\", err);\n                setError(\"Failed to load PDF\");\n                setLoading(false);\n            });\n    }, [url]);\n\n    function onDocumentLoadSuccess({ numPages }: any) {\n        setNumPages(numPages);\n        setError(null);\n    }\n\n    function onDocumentLoadError(err: any) {\n        console.error(\"PDF load error:\", err);\n        setError(\"Failed to render PDF\");\n    }\n\n    const goToPrevPage = () => setPageNumber((p) => Math.max(p - 1, 1));\n    const goToNextPage = () => setPageNumber((p) => Math.min(p + 1, numPages));\n\n    if (!url) {\n        return (\n            <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg\">\n                <p className=\"text-gray-500\">No PDF URL provided</p>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col items-center space-y-4 p-4\">\n            {loading && (\n                <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full\">\n                    <p className=\"text-gray-600\">Loading PDF...</p>\n                </div>\n            )}\n\n            {error && (\n                <div className=\"flex items-center justify-center h-96 bg-red-50 rounded-lg w-full\">\n                    <p className=\"text-red-600\">{error}</p>\n                </div>\n            )}\n\n            {/* Render only after Blob URL is created */}\n            {blobUrl && !loading && !error && (\n                <Document\n                    file={blobUrl}\n                    onLoadSuccess={onDocumentLoadSuccess}\n                    onLoadError={onDocumentLoadError}\n                    className=\"border border-gray-300 rounded-lg shadow-lg\"\n                >\n                    <Page\n                        pageNumber={pageNumber}\n                        renderTextLayer={true}\n                        renderAnnotationLayer={true}\n                    />\n                </Document>\n            )}\n\n            {numPages && (\n                <div className=\"flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md\">\n                    <button\n                        onClick={goToPrevPage}\n                        disabled={pageNumber <= 1}\n                        className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Previous\n                    </button>\n\n                    <span className=\"text-gray-700 font-medium\">\n                        Page {pageNumber} of {numPages}\n                    </span>\n\n                    <button\n                        onClick={goToNextPage}\n                        disabled={pageNumber >= numPages}\n                        className=\"px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Next\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"PDFViewer.js","sourceRoot":"","sources":["../../../../src/components/core/common/PDFViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\nimport 'react-pdf/dist/esm/Page/TextLayer.css';\n\n// Local worker recommended (avoids CORS)\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;\n\nexport default function PDFViewer({ url }: any) {\n    const [numPages, setNumPages] = useState<any>(null);\n    const [pageNumber, setPageNumber] = useState(1);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<any>(null);\n    const [blobUrl, setBlobUrl] = useState<string | null>(null);\n\n    // Convert signed URL → Blob → Object URL\n    useEffect(() => {\n        if (!url) return;\n\n        setLoading(true);\n        setError(null);\n\n        fetch(url)\n            .then(async (res) => {\n                if (!res.ok) throw new Error(\"Failed to fetch PDF\");\n\n                const blob = await res.blob();\n                const blobUrl = URL.createObjectURL(blob);\n                setBlobUrl(blobUrl);\n                setLoading(false);\n            })\n            .catch((err) => {\n                console.error(\"Blob fetch error:\", err);\n                setError(\"Failed to load PDF\");\n                setLoading(false);\n            });\n    }, [url]);\n\n    function onDocumentLoadSuccess({ numPages }: any) {\n        setNumPages(numPages);\n        setError(null);\n    }\n\n    function onDocumentLoadError(err: any) {\n        console.error(\"PDF load error:\", err);\n        setError(\"Failed to render PDF\");\n    }\n\n    const goToPrevPage = () => setPageNumber((p) => Math.max(p - 1, 1));\n    const goToNextPage = () => setPageNumber((p) => Math.min(p + 1, numPages));\n\n    if (!url) {\n        return (\n            <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg\">\n                <p className=\"text-gray-500\">No PDF URL provided</p>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col items-center space-y-4 p-4\">\n            {loading && (\n                <div className=\"flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full\">\n                    <p className=\"text-gray-600\">Loading PDF...</p>\n                </div>\n            )}\n\n            {error && (\n                <div className=\"flex items-center justify-center h-96 bg-red-50 rounded-lg w-full\">\n                    <p className=\"text-red-600\">{error}</p>\n                </div>\n            )}\n\n            {/* Render only after Blob URL is created */}\n            {blobUrl && !loading && !error && (\n                <Document\n                    file={blobUrl}\n                    onLoadSuccess={onDocumentLoadSuccess}\n                    onLoadError={onDocumentLoadError}\n                    className=\"border border-gray-300 rounded-lg shadow-lg\"\n                >\n                    <Page\n                        pageNumber={pageNumber}\n                        renderTextLayer={true}\n                        renderAnnotationLayer={true}\n                    />\n                </Document>\n            )}\n\n            {numPages && (\n                <div className=\"flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md\">\n                    <button\n                        onClick={goToPrevPage}\n                        disabled={pageNumber <= 1}\n                        className=\"px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Previous\n                    </button>\n\n                    <span className=\"text-gray-700 font-medium\">\n                        Page {pageNumber} of {numPages}\n                    </span>\n\n                    <button\n                        onClick={goToNextPage}\n                        disabled={pageNumber >= numPages}\n                        className=\"px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed\"\n                    >\n                        Next\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/components/core/common/PDFViewer.tsx

@@ -94,7 +94,7 @@ export default function PDFViewer({ url }: any) {
                     <button
                         onClick={goToPrevPage}
                         disabled={pageNumber <= 1}
-                        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed"
+                        className="px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed"
                     >
                         Previous
                     </button>
@@ -106,7 +106,7 @@ export default function PDFViewer({ url }: any) {
                     <button
                         onClick={goToNextPage}
                         disabled={pageNumber >= numPages}
-                        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed"
+                        className="px-4 py-2 bg-primary text-white rounded hover:opacity-90 disabled:bg-gray-300 disabled:cursor-not-allowed"
                     >
                         Next
                     </button>

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAccountSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB,gEAAiE,GAAG,mDA0EpG,CAAC"}
+{"version":3,"file":"SolidAccountSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,gEAAiE,GAAG,mDA2EpG,CAAC"}

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.js

@@ -5,6 +5,7 @@ import { SolidChangePassword } from "./SolidChangePassword";
 import { SolidVersionInfo } from "./SolidVersionInfo";
 import styles from "./SolidAccountSettings.module.css";
 import { useLazyGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+import { toLegacySettingsShape } from "../../../../helpers/settingsPayload";
 export var SolidAccountSettings = function (_a) {
     var showProfileSettingsDialog = _a.showProfileSettingsDialog, setShowProfileSettingsDialog = _a.setShowProfileSettingsDialog;
     var _b = useState("personal_info"), settingKey = _b[0], setSettingKey = _b[1];
@@ -18,11 +19,12 @@ export var SolidAccountSettings = function (_a) {
         { label: "About", key: "about" },
     ];
     var renderSettingComponent = useMemo(function () {
+        var legacySettings = toLegacySettingsShape(solidSettingsData);
         switch (settingKey) {
             case "personal_info":
                 return _jsx(SolidPersonalInfo, {});
             case "change_password":
-                return _jsx(SolidChangePassword, { solidSettingsData: solidSettingsData });
+                return _jsx(SolidChangePassword, { solidSettingsData: legacySettings });
             case "about":
                 return _jsx(SolidVersionInfo, {});
             default:

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAccountSettings.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { SolidPersonalInfo } from \"./SolidPersonalInfo\";\nimport { SolidChangePassword } from \"./SolidChangePassword\";\nimport { SolidVersionInfo } from \"./SolidVersionInfo\";\nimport styles from \"./SolidAccountSettings.module.css\";\nimport { useLazyGetSolidSettingsQuery } from \"../../../../redux/api/solidSettingsApi\";\n\nexport const SolidAccountSettings = ({ showProfileSettingsDialog, setShowProfileSettingsDialog }: any) => {\n  const [settingKey, setSettingKey] = useState(\"personal_info\");\n\n  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  const settings = [\n    { label: \"Personal Info\", key: \"personal_info\" },\n    { label: \"Change Password\", key: \"change_password\" },\n    { label: \"About\", key: \"about\" },\n  ];\n\n  const renderSettingComponent = useMemo(() => {\n    switch (settingKey) {\n      case \"personal_info\":\n        return <SolidPersonalInfo />;\n      case \"change_password\":\n        return <SolidChangePassword solidSettingsData={solidSettingsData} />;\n      case \"about\":\n        return <SolidVersionInfo />;\n      default:\n        return null;\n    }\n  }, [settingKey, solidSettingsData]);\n\n  if (!showProfileSettingsDialog) return null;\n\n  return (\n    <div className={styles.backdrop} role=\"presentation\" onClick={() => setShowProfileSettingsDialog(false)}>\n      <section\n        className={styles.modal}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"solid-account-settings-title\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        <header className={styles.header}>\n          <div>\n            <h2 id=\"solid-account-settings-title\" className={styles.title}>\n              Account Settings\n            </h2>\n            <p className={styles.subtitle}>Manage your profile and security settings.</p>\n          </div>\n          <button\n            type=\"button\"\n            className={styles.closeButton}\n            onClick={() => setShowProfileSettingsDialog(false)}\n            aria-label=\"Close account settings\"\n          >\n            ×\n          </button>\n        </header>\n\n        <div className={styles.tabsLine} role=\"tablist\" aria-label=\"Account setting sections\">\n          {settings.map((option) => (\n            <button\n              key={option.key}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={option.key === settingKey}\n              className={`${styles.tabTrigger} ${option.key === settingKey ? styles.tabActive : \"\"}`}\n              onClick={() => setSettingKey(option.key)}\n            >\n              {option.label}\n            </button>\n          ))}\n        </div>\n\n        <div className={styles.formWrapper}>{renderSettingComponent}</div>\n      </section>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidAccountSettings.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { SolidPersonalInfo } from \"./SolidPersonalInfo\";\nimport { SolidChangePassword } from \"./SolidChangePassword\";\nimport { SolidVersionInfo } from \"./SolidVersionInfo\";\nimport styles from \"./SolidAccountSettings.module.css\";\nimport { useLazyGetSolidSettingsQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { toLegacySettingsShape } from \"../../../../helpers/settingsPayload\";\n\nexport const SolidAccountSettings = ({ showProfileSettingsDialog, setShowProfileSettingsDialog }: any) => {\n  const [settingKey, setSettingKey] = useState(\"personal_info\");\n\n  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  const settings = [\n    { label: \"Personal Info\", key: \"personal_info\" },\n    { label: \"Change Password\", key: \"change_password\" },\n    { label: \"About\", key: \"about\" },\n  ];\n\n  const renderSettingComponent = useMemo(() => {\n    const legacySettings = toLegacySettingsShape(solidSettingsData);\n    switch (settingKey) {\n      case \"personal_info\":\n        return <SolidPersonalInfo />;\n      case \"change_password\":\n        return <SolidChangePassword solidSettingsData={legacySettings} />;\n      case \"about\":\n        return <SolidVersionInfo />;\n      default:\n        return null;\n    }\n  }, [settingKey, solidSettingsData]);\n\n  if (!showProfileSettingsDialog) return null;\n\n  return (\n    <div className={styles.backdrop} role=\"presentation\" onClick={() => setShowProfileSettingsDialog(false)}>\n      <section\n        className={styles.modal}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"solid-account-settings-title\"\n        onClick={(event) => event.stopPropagation()}\n      >\n        <header className={styles.header}>\n          <div>\n            <h2 id=\"solid-account-settings-title\" className={styles.title}>\n              Account Settings\n            </h2>\n            <p className={styles.subtitle}>Manage your profile and security settings.</p>\n          </div>\n          <button\n            type=\"button\"\n            className={styles.closeButton}\n            onClick={() => setShowProfileSettingsDialog(false)}\n            aria-label=\"Close account settings\"\n          >\n            ×\n          </button>\n        </header>\n\n        <div className={styles.tabsLine} role=\"tablist\" aria-label=\"Account setting sections\">\n          {settings.map((option) => (\n            <button\n              key={option.key}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={option.key === settingKey}\n              className={`${styles.tabTrigger} ${option.key === settingKey ? styles.tabActive : \"\"}`}\n              onClick={() => setSettingKey(option.key)}\n            >\n              {option.label}\n            </button>\n          ))}\n        </div>\n\n        <div className={styles.formWrapper}>{renderSettingComponent}</div>\n      </section>\n    </div>\n  );\n};\n"]}

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.module.css

@@ -320,7 +320,7 @@
 
 .input:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px var(--ring);
+  border-color: var(--primary);
 }
 
 .roleBox {

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.tsx

@@ -4,6 +4,7 @@ import { SolidChangePassword } from "./SolidChangePassword";
 import { SolidVersionInfo } from "./SolidVersionInfo";
 import styles from "./SolidAccountSettings.module.css";
 import { useLazyGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+import { toLegacySettingsShape } from "../../../../helpers/settingsPayload";
 
 export const SolidAccountSettings = ({ showProfileSettingsDialog, setShowProfileSettingsDialog }: any) => {
   const [settingKey, setSettingKey] = useState("personal_info");
@@ -20,11 +21,12 @@ export const SolidAccountSettings = ({ showProfileSettingsDialog, setShowProfile
   ];
 
   const renderSettingComponent = useMemo(() => {
+    const legacySettings = toLegacySettingsShape(solidSettingsData);
     switch (settingKey) {
       case "personal_info":
         return <SolidPersonalInfo />;
       case "change_password":
-        return <SolidChangePassword solidSettingsData={solidSettingsData} />;
+        return <SolidChangePassword solidSettingsData={legacySettings} />;
       case "about":
         return <SolidVersionInfo />;
       default:

package/dist/components/core/common/SolidAccountSettings/SolidNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidNotifications.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,kBAAkB,+CA+F9B,CAAC"}
+{"version":3,"file":"SolidNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidNotifications.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,+CAgG9B,CAAC"}

package/dist/components/core/common/SolidAccountSettings/SolidNotifications.js

@@ -41,9 +41,11 @@ import { ERROR_MESSAGES } from "../../../../constants/error-messages";
 import { useBulkUpdateSolidUserSettingsMutation, useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
 import { SolidButton } from "../../../shad-cn-ui/SolidButton";
 import styles from "./SolidAccountSettings.module.css";
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
 export var SolidNotifications = function () {
     var _a, _b;
     var _c = useGetSolidSettingsQuery(undefined), solidSettingsData = _c.data, refetch = _c.refetch;
+    var settingsMap = getSettingsMap(solidSettingsData);
     var bulkUpdateSolidSettings = useBulkUpdateSolidUserSettingsMutation()[0];
     var _d = useState(null), toast = _d[0], setToast = _d[1];
     useEffect(function () {
@@ -54,18 +56,17 @@ export var SolidNotifications = function () {
     };
     var formik = useFormik({
         initialValues: {
-            enableNotification: (_b = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.enableNotification) !== null && _b !== void 0 ? _b : true,
+            enableNotification: (_b = (_a = settingsMap === null || settingsMap === void 0 ? void 0 : settingsMap.enableNotification) !== null && _a !== void 0 ? _a : settingsMap === null || settingsMap === void 0 ? void 0 : settingsMap.enabledNotification) !== null && _b !== void 0 ? _b : true,
         },
         enableReinitialize: true,
         onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
             var updatedSettingsArray_1, currentSettings_1, formData, response, _a;
-            var _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        _c.trys.push([0, 2, , 3]);
+                        _b.trys.push([0, 2, , 3]);
                         updatedSettingsArray_1 = [];
-                        currentSettings_1 = ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.user) || {};
+                        currentSettings_1 = settingsMap || {};
                         Object.entries(values).forEach(function (_a) {
                             var _b;
                             var key = _a[0], value = _a[1];
@@ -81,7 +82,7 @@ export var SolidNotifications = function () {
                         formData.append("settings", JSON.stringify(updatedSettingsArray_1));
                         return [4 /*yield*/, bulkUpdateSolidSettings({ data: formData }).unwrap()];
                     case 1:
-                        response = _c.sent();
+                        response = _b.sent();
                         if (response.statusCode === 200) {
                             notify("success", ERROR_MESSAGES.UPDATED, ERROR_MESSAGES.SETTING_UPDATED);
                         }
@@ -90,7 +91,7 @@ export var SolidNotifications = function () {
                         }
                         return [3 /*break*/, 3];
                     case 2:
-                        _a = _c.sent();
+                        _a = _b.sent();
                         notify("error", ERROR_MESSAGES.FAILED, ERROR_MESSAGES.SOMETHING_WRONG);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];