@solidstarters/solid-core-ui 1.1.69 → 1.1.71

package/dist/components/common/SolidThemeProvider.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { usePathname } from "next/navigation";
+import { useLazyGetAuthSettingsQuery } from "@/redux/api/solidSettingsApi";
+
+export const SolidThemeProvider = () => {
+    const pathname = usePathname();
+    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
+    const [theme, setTheme] = useState("solid-light-purple");
+
+    useEffect(() => {
+        if (pathname.includes("/auth/")) {
+            trigger("");
+        }
+    }, [pathname, trigger]);
+
+    useEffect(() => {
+        if (pathname.includes("/auth/") && solidSettingsData?.data?.authPagesTheme) {
+            const selectedTheme =
+                solidSettingsData.data.authPagesTheme === "dark" ? "solid-dark-purple" : "solid-light-purple";
+            setTheme(selectedTheme);
+        } else {
+            setTheme("solid-light-purple");
+        }
+    }, [pathname, solidSettingsData]);
+
+    useEffect(() => {
+        // Find or create <link> element
+        let themeLink = document.getElementById("theme-css") as HTMLLinkElement;
+
+        // if (!themeLink) {
+        //     themeLink = document.createElement("link");
+        //     themeLink.id = "theme-css";
+        //     themeLink.rel = "stylesheet";
+        //     document.head.appendChild(themeLink);
+        // }
+
+        // Update theme link dynamically
+        themeLink.href = `/themes/${theme}/theme.css`;
+    }, [theme]);
+
+    return null;
+}

package/dist/components/common/error.tsx

@@ -0,0 +1,30 @@
+"use client"; // Error components must be Client Components
+
+interface CustomError extends Error {
+  errMessage: string;
+}
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: CustomError;
+  reset?: () => void;
+}) {
+  return (
+    <div>
+      <div className="d-flex justify-content-center align-items-center vh-100">
+        <div className="text-center">
+          <h2 className="display-4 fw-bold">{error?.errMessage}</h2>
+          <p className="fs-3">
+            <span className="text-danger">Opps!</span> Something went wrong!
+          </p>
+          <p className="lead">Sorry for inconvience</p>
+          <button className="btn btn-primary" onClick={() => reset?.()}>
+            Try again
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,7 @@
+export declare const SolidChatter: ({ solidFormViewMetaData, id, refreshChatterMessage, setRefreshChatterMessage }: {
+    solidFormViewMetaData: any;
+    id: string;
+    refreshChatterMessage: boolean;
+    setRefreshChatterMessage: (value: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidChatter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY;2BAA6G,GAAG;QAAM,MAAM;2BAAyB,OAAO;sCAAoC,OAAO,KAAK,IAAI;6CA6OxO,CAAA"}

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

@@ -0,0 +1,269 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { SolidChatterHeader } from './SolidChatterHeader';
+import { SolidChatterDateDivider } from './SolidChatterDateDivider';
+import { SolidChatterMessageBox } from './SolidChatterMessageBox';
+import { useLazyGetchatterMessageQuery, useLazyGetchatterMessageDetailQuery } from '../../../redux/api/solidChatterMessageApi';
+import qs from "qs";
+export var SolidChatter = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var solidFormViewMetaData = _a.solidFormViewMetaData, id = _a.id, refreshChatterMessage = _a.refreshChatterMessage, setRefreshChatterMessage = _a.setRefreshChatterMessage;
+    var _h = useState('email-message'), activeTab = _h[0], setActiveTab = _h[1];
+    var _j = useState(null), visibleBox = _j[0], setVisibleBox = _j[1];
+    var _k = useState([]), messages = _k[0], setMessages = _k[1];
+    var _l = useState({
+        name: '',
+        startDate: null,
+        endDate: null
+    }), filters = _l[0], setFilters = _l[1];
+    var queryDataChatterMessage = {
+        filters: {
+            messageType: {
+                $eqi: 'custom'
+            },
+            coModelName: {
+                $eq: (_d = (_c = (_b = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.singularName
+            },
+            coModelEntityId: {
+                $eq: id
+            }
+        }
+    };
+    var queryStringChatterMessage = qs.stringify(queryDataChatterMessage, {
+        encodeValuesOnly: true,
+    });
+    var queryDataChatterMessageDetail = {
+        populate: ['chatterMessage', 'chatterMessage.user'],
+        filters: {
+            chatterMessage: {
+                coModelName: {
+                    $eq: (_g = (_f = (_e = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.model) === null || _g === void 0 ? void 0 : _g.singularName
+                },
+                coModelEntityId: {
+                    $eq: id
+                }
+            }
+        }
+    };
+    var queryStringChatterMessageDetail = qs.stringify(queryDataChatterMessageDetail, {
+        encodeValuesOnly: true,
+    });
+    var _m = useLazyGetchatterMessageQuery(), getchatterMessage = _m[0], _o = _m[1], chatterMessageData = _o.data, isCustomLoading = _o.isLoading, isCustomError = _o.isError;
+    var _p = useLazyGetchatterMessageDetailQuery(), getchatterMessageDetail = _p[0], _q = _p[1], auditMessageData = _q.data, isAuditLoading = _q.isLoading, isAuditError = _q.isError;
+    useEffect(function () {
+        if (refreshChatterMessage) {
+            fetchData();
+            setRefreshChatterMessage(false);
+        }
+    }, [refreshChatterMessage]);
+    useEffect(function () {
+        fetchData();
+    }, [filters]);
+    var handleTabClick = function (tab) {
+        setActiveTab(tab);
+        setVisibleBox(function (prev) { return (prev === tab ? null : tab); });
+    };
+    var formatDate = function (dateString) {
+        var date = new Date(dateString);
+        var today = new Date();
+        var yesterday = new Date(today);
+        yesterday.setDate(yesterday.getDate() - 1);
+        if (date.toDateString() === today.toDateString()) {
+            return 'Today';
+        }
+        else if (date.toDateString() === yesterday.toDateString()) {
+            return 'Yesterday';
+        }
+        else {
+            return date.toLocaleDateString('en-US', {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+            });
+        }
+    };
+    var groupAuditMessages = function (messages) {
+        var groupedMessages = [];
+        var timeMap = new Map();
+        messages.forEach(function (msg) {
+            var _a;
+            if (msg.auditType === 'audit') {
+                var timeKey = msg.time;
+                if (timeMap.has(timeKey)) {
+                    var existingMsg = timeMap.get(timeKey);
+                    (_a = existingMsg.auditRecord).push.apply(_a, msg.auditRecord);
+                }
+                else {
+                    timeMap.set(timeKey, __assign({}, msg));
+                    groupedMessages.push(timeMap.get(timeKey));
+                }
+            }
+            else {
+                groupedMessages.push(msg);
+            }
+        });
+        return groupedMessages;
+    };
+    var filterMessages = function (messages) {
+        console.log("Current filters:", filters);
+        return messages.filter(function (msg) {
+            if (filters.name && !msg.user.toLowerCase().includes(filters.name.toLowerCase())) {
+                return false;
+            }
+            var messageDate = new Date(msg.createdAt);
+            if (filters.startDate) {
+                var startDate = new Date(filters.startDate);
+                startDate.setHours(0, 0, 0, 0);
+                if (messageDate < startDate) {
+                    return false;
+                }
+            }
+            if (filters.endDate) {
+                var endDate = new Date(filters.endDate);
+                endDate.setHours(23, 59, 59, 999);
+                if (messageDate > endDate) {
+                    return false;
+                }
+            }
+            return true;
+        });
+    };
+    var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var customResponse, customMessages, auditResponse, auditMessages, allMessages, groupedMessages, filteredMessages, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, getchatterMessage(queryStringChatterMessage).unwrap()];
+                case 1:
+                    customResponse = _a.sent();
+                    customMessages = customResponse.data.records.map(function (msg) {
+                        var _a;
+                        return ({
+                            id: msg.id,
+                            user: ((_a = msg.user) === null || _a === void 0 ? void 0 : _a.fullName) || "System",
+                            auditType: "custom",
+                            message: msg.messageBody,
+                            time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                            createdAt: msg.createdAt,
+                            date: formatDate(msg.createdAt),
+                            media: msg._media
+                        });
+                    });
+                    return [4 /*yield*/, getchatterMessageDetail(queryStringChatterMessageDetail).unwrap()];
+                case 2:
+                    auditResponse = _a.sent();
+                    auditMessages = auditResponse.data.records.map(function (msg) {
+                        var _a;
+                        return ({
+                            id: msg.id,
+                            user: ((_a = msg.chatterMessage.user) === null || _a === void 0 ? void 0 : _a.fullName) || "System",
+                            auditType: "audit",
+                            time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                            auditRecord: [{
+                                    field: msg.fieldName,
+                                    previous: msg.oldValueDisplay || msg.oldValue || 'None',
+                                    current: msg.newValueDisplay || msg.newValue
+                                }],
+                            createdAt: msg.createdAt,
+                            date: formatDate(msg.createdAt)
+                        });
+                    });
+                    allMessages = __spreadArray(__spreadArray([], customMessages, true), auditMessages, true).sort(function (a, b) {
+                        return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
+                    });
+                    groupedMessages = groupAuditMessages(allMessages);
+                    filteredMessages = filterMessages(groupedMessages);
+                    setMessages(filteredMessages);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('Error fetching messages:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleFilterChange = function (newFilters) {
+        console.log("New filters received:", newFilters);
+        setFilters(function (prev) {
+            console.log("Previous filters:", prev);
+            var updatedFilters = {
+                name: newFilters.name,
+                startDate: newFilters.startDate,
+                endDate: newFilters.endDate
+            };
+            console.log("Updated filters:", updatedFilters);
+            return updatedFilters;
+        });
+    };
+    return (_jsxs("div", { className: 'h-full', children: [_jsx(SolidChatterHeader, { id: id, refetch: fetchData, solidFormViewMetaData: solidFormViewMetaData, activeTab: activeTab, handleTabClick: handleTabClick, visibleBox: visibleBox, onFilterChange: handleFilterChange }), _jsx("div", { className: 'p-3', style: {
+                    overflowY: 'scroll',
+                    height: visibleBox === 'email-message'
+                        ? 'calc(100vh - 196px)'
+                        : visibleBox === 'log'
+                            ? 'calc(100vh - 172px)'
+                            : 'calc(100vh - 65px)',
+                }, children: (isCustomLoading || isAuditLoading) ? (_jsx("div", { className: 'flex align-items-center justify-content-center h-full font-medium', children: "Loading..." })) : messages.length === 0 ? (_jsx("div", { className: 'flex align-items-center justify-content-center h-full font-medium', children: "No Data Available" })) : (messages.map(function (message, index) {
+                    var showDateDivider = index === 0 || message.date !== messages[index - 1].date;
+                    return (_jsxs("div", { children: [showDateDivider && _jsx(SolidChatterDateDivider, { date: message.date }), _jsx(SolidChatterMessageBox, { user: message.user, auditType: message.auditType, message: message.message, time: message.time, auditRecord: message.auditRecord, media: message.media })] }, message.id));
+                })) })] }));
+};
+//# sourceMappingURL=SolidChatter.js.map

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

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

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

@@ -0,0 +1,252 @@
+"use client"
+import React, { useState, useEffect } from 'react'
+import { SolidChatterHeader } from './SolidChatterHeader'
+import { SolidChatterDateDivider } from './SolidChatterDateDivider'
+import { SolidChatterMessageBox } from './SolidChatterMessageBox'
+import { useLazyGetchatterMessageQuery, useLazyGetchatterMessageDetailQuery } from '@/redux/api/solidChatterMessageApi'
+import qs from "qs";
+
+interface FilterState {
+    name: string;
+    startDate: Date | null;
+    endDate: Date | null;
+}
+
+export const SolidChatter = ({ solidFormViewMetaData, id, refreshChatterMessage, setRefreshChatterMessage }: { solidFormViewMetaData: any, id: string, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void }) => {
+    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');
+    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);
+    const [messages, setMessages] = useState<any[]>([]);
+    const [filters, setFilters] = useState<FilterState>({
+        name: '',
+        startDate: null,
+        endDate: null
+    });
+
+    const queryDataChatterMessage = {
+        filters: {
+            messageType: {
+                $eqi: 'custom'
+            },
+            coModelName: {
+                $eq: solidFormViewMetaData?.data?.solidView?.model?.singularName
+            },
+            coModelEntityId: {
+                $eq: id
+            }
+        }
+    };
+
+    const queryStringChatterMessage = qs.stringify(queryDataChatterMessage, {
+        encodeValuesOnly: true,
+    });
+
+    const queryDataChatterMessageDetail = {
+        populate: ['chatterMessage', 'chatterMessage.user'],
+        filters: {
+            chatterMessage: {
+                coModelName: {
+                    $eq: solidFormViewMetaData?.data?.solidView?.model?.singularName
+                },
+                coModelEntityId: {
+                    $eq: id
+                }
+            }
+        }
+    };
+
+    const queryStringChatterMessageDetail = qs.stringify(queryDataChatterMessageDetail, {
+        encodeValuesOnly: true,
+    });
+
+    const [getchatterMessage, { data: chatterMessageData, isLoading: isCustomLoading, isError: isCustomError }] = useLazyGetchatterMessageQuery();
+    const [getchatterMessageDetail, { data: auditMessageData, isLoading: isAuditLoading, isError: isAuditError }] = useLazyGetchatterMessageDetailQuery();
+
+    useEffect(() => {
+        if (refreshChatterMessage) {
+            fetchData();
+            setRefreshChatterMessage(false);
+        }
+    }, [refreshChatterMessage]);
+
+    useEffect(() => {
+        fetchData();
+    }, [filters]);
+
+    const handleTabClick = (tab: 'email-message' | 'log') => {
+        setActiveTab(tab);
+        setVisibleBox(prev => (prev === tab ? null : tab));
+    }
+
+    const formatDate = (dateString: string) => {
+        const date = new Date(dateString);
+        const today = new Date();
+        const yesterday = new Date(today);
+        yesterday.setDate(yesterday.getDate() - 1);
+
+        if (date.toDateString() === today.toDateString()) {
+            return 'Today';
+        } else if (date.toDateString() === yesterday.toDateString()) {
+            return 'Yesterday';
+        } else {
+            return date.toLocaleDateString('en-US', { 
+                year: 'numeric', 
+                month: 'long', 
+                day: 'numeric' 
+            });
+        }
+    };
+
+    const groupAuditMessages = (messages: any[]) => {
+        const groupedMessages: any[] = [];
+        const timeMap = new Map();
+
+        messages.forEach((msg) => {
+            if (msg.auditType === 'audit') {
+                const timeKey = msg.time;
+                if (timeMap.has(timeKey)) {
+                    const existingMsg = timeMap.get(timeKey);
+                    existingMsg.auditRecord.push(...msg.auditRecord);
+                } else {
+                    timeMap.set(timeKey, { ...msg });
+                    groupedMessages.push(timeMap.get(timeKey));
+                }
+            } else {
+                groupedMessages.push(msg);
+            }
+        });
+
+        return groupedMessages;
+    };
+
+    const filterMessages = (messages: any[]) => {
+        console.log("Current filters:", filters);
+        return messages.filter(msg => {
+            if (filters.name && !msg.user.toLowerCase().includes(filters.name.toLowerCase())) {
+                return false;
+            }
+
+            const messageDate = new Date(msg.createdAt);
+            if (filters.startDate) {
+                const startDate = new Date(filters.startDate);
+                startDate.setHours(0, 0, 0, 0);
+                if (messageDate < startDate) {
+                    return false;
+                }
+            }
+            if (filters.endDate) {
+                const endDate = new Date(filters.endDate);
+                endDate.setHours(23, 59, 59, 999);
+                if (messageDate > endDate) {
+                    return false;
+                }
+            }
+
+            return true;
+        });
+    };
+
+    const fetchData = async () => {
+        try {
+            const customResponse = await getchatterMessage(queryStringChatterMessage).unwrap();
+            const customMessages = customResponse.data.records.map((msg: any) => ({
+                id: msg.id,
+                user: msg.user?.fullName || "System",
+                auditType: "custom",
+                message: msg.messageBody,
+                time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                createdAt: msg.createdAt,
+                date: formatDate(msg.createdAt),
+                media: msg._media
+            }));
+
+            const auditResponse = await getchatterMessageDetail(queryStringChatterMessageDetail).unwrap();
+            const auditMessages = auditResponse.data.records.map((msg: any) => ({
+                id: msg.id,
+                user: msg.chatterMessage.user?.fullName || "System",
+                auditType: "audit",
+                time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+                auditRecord: [{
+                    field: msg.fieldName,
+                    previous: msg.oldValueDisplay || msg.oldValue || 'None',
+                    current: msg.newValueDisplay || msg.newValue
+                }],
+                createdAt: msg.createdAt,
+                date: formatDate(msg.createdAt)
+            }));
+
+            const allMessages = [...customMessages, ...auditMessages].sort((a, b) => 
+                new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+            );
+
+            const groupedMessages = groupAuditMessages(allMessages);
+            const filteredMessages = filterMessages(groupedMessages);
+            setMessages(filteredMessages);
+        } catch (error) {
+            console.error('Error fetching messages:', error);
+        }
+    }
+
+    const handleFilterChange = (newFilters: FilterState) => {
+        console.log("New filters received:", newFilters);
+        setFilters(prev => {
+            console.log("Previous filters:", prev);
+            const updatedFilters = {
+                name: newFilters.name,
+                startDate: newFilters.startDate,
+                endDate: newFilters.endDate
+            };
+            console.log("Updated filters:", updatedFilters);
+            return updatedFilters;
+        });
+    };
+
+    return (
+        <div className='h-full'>
+            <SolidChatterHeader 
+                id={id} 
+                refetch={fetchData} 
+                solidFormViewMetaData={solidFormViewMetaData} 
+                activeTab={activeTab} 
+                handleTabClick={handleTabClick} 
+                visibleBox={visibleBox}
+                onFilterChange={handleFilterChange}
+            />
+            <div className='p-3' style={{
+                overflowY: 'scroll',
+                height:
+                    visibleBox === 'email-message'
+                        ? 'calc(100vh - 196px)'
+                        : visibleBox === 'log'
+                            ? 'calc(100vh - 172px)'
+                            : 'calc(100vh - 65px)',
+            }}>
+                {(isCustomLoading || isAuditLoading) ? (
+                    <div className='flex align-items-center justify-content-center h-full font-medium'>
+                        Loading...
+                    </div>
+                ) : messages.length === 0 ? (
+                    <div className='flex align-items-center justify-content-center h-full font-medium'>
+                        No Data Available
+                    </div>
+                ) : (
+                    messages.map((message, index) => {
+                        const showDateDivider = index === 0 || message.date !== messages[index - 1].date;
+                        return (
+                            <div key={message.id}>
+                                {showDateDivider && <SolidChatterDateDivider date={message.date} />}
+                                <SolidChatterMessageBox
+                                    user={message.user}
+                                    auditType={message.auditType}
+                                    message={message.message}
+                                    time={message.time}
+                                    auditRecord={message.auditRecord}
+                                    media={message.media}
+                                />
+                            </div>
+                        );
+                    })
+                )}
+            </div>
+        </div>
+    )
+}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterDateDivider.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterDateDivider.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAMzC,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAe;QAAb,IAAI,UAAA;IAC1C,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YACzC,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,cAAW,YACrD,IAAI,GACH,GACJ,CACT,CAAA;AACL,CAAC,CAAA"}

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

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