@solidxai/core-ui 0.1.8-beta.9 → 0.1.9-alpha.0

package/dist/components/core/card/SolidCardViewConfigure.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCardViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogDescription,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuLabel,\n  SolidDropdownMenuRadioGroup,\n  SolidDropdownMenuRadioItem,\n  SolidDropdownMenuSeparator,\n  SolidDropdownMenuSub,\n  SolidDropdownMenuSubContent,\n  SolidDropdownMenuSubTrigger,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n  return viewModes\n    .map((option: any) => {\n      if (!option) return null;\n\n      if (typeof option === \"string\") {\n        return {\n          type: option,\n          label: option.charAt(0).toUpperCase() + option.slice(1),\n        };\n      }\n\n      const type = option.type || option.value;\n      if (!type) return null;\n\n      return {\n        ...option,\n        type,\n        label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n      };\n    })\n    .filter(Boolean);\n};\n\nexport const SolidCardViewConfigure = ({\n  solidCardViewMetaData,\n  modelName,\n  actionsAllowed,\n  viewModes,\n  setLayoutDialogVisible,\n  setShowSaveFilterPopup,\n  filters,\n  handleRefreshView,\n}: any) => {\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const [view, setView] = useState<string>(\"\");\n  const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n  const [openImportDialog, setOpenImportDialog] = useState(false);\n  const [exportView, setExportView] = useState(false);\n\n  const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n  const showSwitchType = visibleViewModes.length > 1;\n\n  useEffect(() => {\n    if (typeof pathname === \"string\") {\n      const pathSegments = pathname.split(\"/\").filter(Boolean);\n      if (pathSegments.length > 0) {\n        setView(pathSegments[pathSegments.length - 1]);\n      }\n    }\n  }, [pathname]);\n\n  const handleViewChange = (newViewType: string) => {\n    if (view === newViewType) return;\n\n    const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n    const pathSegments = pathname.split(\"/\").filter(Boolean);\n    pathSegments[pathSegments.length - 1] = newViewType;\n    const nextSearchParams = new URLSearchParams(searchParams.toString());\n    const currentQuery = {\n      menuItemId: searchParams.get(\"menuItemId\"),\n      menuItemName: searchParams.get(\"menuItemName\"),\n      actionId: searchParams.get(\"actionId\"),\n      actionName: searchParams.get(\"actionName\"),\n    };\n\n    const queryFields = {\n      menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n      menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n      actionId: nextView?.actionId ?? currentQuery.actionId,\n      actionName: nextView?.actionName ?? currentQuery.actionName,\n    };\n\n    Object.entries(queryFields).forEach(([key, value]) => {\n      if (value) {\n        nextSearchParams.set(key, value);\n      } else {\n        nextSearchParams.delete(key);\n      }\n    });\n\n    const newPath = \"/\" + pathSegments.join(\"/\");\n    const nextQueryString = nextSearchParams.toString();\n    router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);\n  };\n\n  const clearLocalstorageCache = () => {\n    const currentPageUrl = window.location.pathname;\n    localStorage.removeItem(currentPageUrl);\n    window.location.reload();\n  };\n\n  const canImport =\n    Boolean(modelName) &&\n    actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n    actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n  const canExport =\n    Boolean(modelName) &&\n    actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n    actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n  const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n  const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n\n  return (\n    <div className=\"position-relative\">\n      <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n        <SolidDropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"solid-icon-button solid-header-cog-trigger\"\n            aria-label=\"Open card options\"\n          >\n            <SolidIcon name=\"si-cog\" aria-hidden />\n          </button>\n        </SolidDropdownMenuTrigger>\n        <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n          {canImport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setOpenImportDialog(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Import</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {canExport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setExportView(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Export</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}\n\n          {canCustomizeLayout && (\n            <SolidDropdownMenuSub>\n              <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Customize Layout</span>\n              </SolidDropdownMenuSubTrigger>\n              <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                {showSwitchType && (\n                  <>\n                    <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                    <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                      {visibleViewModes.map((option: any) => (\n                        <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                          {option.label}\n                        </SolidDropdownMenuRadioItem>\n                      ))}\n                    </SolidDropdownMenuRadioGroup>\n                    <SolidDropdownMenuSeparator />\n                  </>\n                )}\n                <SolidDropdownMenuItem\n                  onSelect={() => {\n                    setLayoutDialogVisible(true);\n                    setIsCogMenuOpen(false);\n                  }}\n                >\n                  <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                </SolidDropdownMenuItem>\n              </SolidDropdownMenuSubContent>\n            </SolidDropdownMenuSub>\n          )}\n\n          {canSaveCustomFilter && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setShowSaveFilterPopup(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          <SolidDropdownMenuItem\n            className=\"solid-header-dropdown-item\"\n            onSelect={() => {\n              clearLocalstorageCache();\n              setIsCogMenuOpen(false);\n            }}\n          >\n            <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n            <span className=\"solid-header-action-button-label\">Clear cache</span>\n          </SolidDropdownMenuItem>\n        </SolidDropdownMenuContent>\n      </SolidDropdownMenu>\n\n      <SolidDialog\n        open={exportView}\n        onOpenChange={setExportView}\n        className=\"solid-kanban-export-dialog\"\n        style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n      >\n        <SolidDialogHeader className=\"solid-export-dialog-header\">\n          <div>\n            <SolidDialogTitle>Export</SolidDialogTitle>\n            <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n              Choose the file format, refine the field set, and save reusable export templates.\n            </SolidDialogDescription>\n          </div>\n          <SolidDialogClose />\n        </SolidDialogHeader>\n        <SolidDialogSeparator />\n        <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n          <SolidExport listViewMetaData={solidCardViewMetaData} filters={filters} />\n        </SolidDialogBody>\n      </SolidDialog>\n\n      {openImportDialog && (\n        <SolidGenericImport\n          openImportDialog={openImportDialog}\n          setOpenImportDialog={setOpenImportDialog}\n          listViewMetaData={solidCardViewMetaData}\n          handleFetchUpdatedRecords={handleRefreshView}\n        />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidCardViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogDescription,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n  SolidDropdownMenu,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuLabel,\n  SolidDropdownMenuRadioGroup,\n  SolidDropdownMenuRadioItem,\n  SolidDropdownMenuSeparator,\n  SolidDropdownMenuSub,\n  SolidDropdownMenuSubContent,\n  SolidDropdownMenuSubTrigger,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n  return viewModes\n    .map((option: any) => {\n      if (!option) return null;\n\n      if (typeof option === \"string\") {\n        return {\n          type: option,\n          label: option.charAt(0).toUpperCase() + option.slice(1),\n        };\n      }\n\n      const type = option.type || option.value;\n      if (!type) return null;\n\n      return {\n        ...option,\n        type,\n        label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n      };\n    })\n    .filter(Boolean);\n};\n\nexport const SolidCardViewConfigure = ({\n  solidCardViewMetaData,\n  modelName,\n  actionsAllowed,\n  viewModes,\n  setLayoutDialogVisible,\n  setShowSaveFilterPopup,\n  filters,\n  handleRefreshView,\n}: any) => {\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const [view, setView] = useState<string>(\"\");\n  const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n  const [openImportDialog, setOpenImportDialog] = useState(false);\n  const [exportView, setExportView] = useState(false);\n\n  const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n  const showSwitchType = visibleViewModes.length > 1;\n\n  useEffect(() => {\n    if (typeof pathname === \"string\") {\n      const pathSegments = pathname.split(\"/\").filter(Boolean);\n      if (pathSegments.length > 0) {\n        setView(pathSegments[pathSegments.length - 1]);\n      }\n    }\n  }, [pathname]);\n\n  const handleViewChange = (newViewType: string) => {\n    if (view === newViewType) return;\n\n    const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n    const pathSegments = pathname.split(\"/\").filter(Boolean);\n    pathSegments[pathSegments.length - 1] = newViewType;\n    const nextSearchParams = new URLSearchParams(searchParams.toString());\n    const currentQuery = {\n      menuItemId: searchParams.get(\"menuItemId\"),\n      menuItemName: searchParams.get(\"menuItemName\"),\n      actionId: searchParams.get(\"actionId\"),\n      actionName: searchParams.get(\"actionName\"),\n    };\n\n    const queryFields = {\n      menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n      menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n      actionId: nextView?.actionId ?? currentQuery.actionId,\n      actionName: nextView?.actionName ?? currentQuery.actionName,\n    };\n\n    Object.entries(queryFields).forEach(([key, value]) => {\n      if (value) {\n        nextSearchParams.set(key, value);\n      } else {\n        nextSearchParams.delete(key);\n      }\n    });\n\n    const newPath = \"/\" + pathSegments.join(\"/\");\n    const nextQueryString = nextSearchParams.toString();\n    router.push(nextQueryString ? `${newPath}?${nextQueryString}` : newPath);\n  };\n\n  const clearLocalstorageCache = () => {\n    const currentPageUrl = window.location.pathname;\n    localStorage.removeItem(currentPageUrl);\n    window.location.reload();\n  };\n\n  const canImport =\n    Boolean(modelName) &&\n    actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n    actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n  const canExport =\n    Boolean(modelName) &&\n    actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n    actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n  const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n  const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n\n  return (\n    <div className=\"position-relative\">\n      <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n        <SolidDropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"solid-icon-button solid-header-cog-trigger\"\n            aria-label=\"Open card options\"\n          >\n            <SolidIcon name=\"si-cog\" aria-hidden />\n          </button>\n        </SolidDropdownMenuTrigger>\n        <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n          {canImport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setOpenImportDialog(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Import</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {canExport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setExportView(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Export</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {(canCustomizeLayout || canSaveCustomFilter) && <SolidDropdownMenuSeparator />}\n\n          {canCustomizeLayout && (\n            <SolidDropdownMenuSub>\n              <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Layout</span>\n              </SolidDropdownMenuSubTrigger>\n              <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                {showSwitchType && (\n                  <>\n                    <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                    <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                      {visibleViewModes.map((option: any) => (\n                        <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                          {option.label}\n                        </SolidDropdownMenuRadioItem>\n                      ))}\n                    </SolidDropdownMenuRadioGroup>\n                    <SolidDropdownMenuSeparator />\n                  </>\n                )}\n                <SolidDropdownMenuItem\n                  onSelect={() => {\n                    setLayoutDialogVisible(true);\n                    setIsCogMenuOpen(false);\n                  }}\n                >\n                  <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                </SolidDropdownMenuItem>\n              </SolidDropdownMenuSubContent>\n            </SolidDropdownMenuSub>\n          )}\n\n          {canSaveCustomFilter && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setShowSaveFilterPopup(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          <SolidDropdownMenuItem\n            className=\"solid-header-dropdown-item\"\n            onSelect={() => {\n              clearLocalstorageCache();\n              setIsCogMenuOpen(false);\n            }}\n          >\n            <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n            <span className=\"solid-header-action-button-label\">Clear cache</span>\n          </SolidDropdownMenuItem>\n        </SolidDropdownMenuContent>\n      </SolidDropdownMenu>\n\n      <SolidDialog\n        open={exportView}\n        onOpenChange={setExportView}\n        className=\"solid-kanban-export-dialog\"\n        style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n      >\n        <SolidDialogHeader className=\"solid-export-dialog-header\">\n          <div>\n            <SolidDialogTitle>Export</SolidDialogTitle>\n            <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n              Choose the file format, refine the field set, and save reusable export templates.\n            </SolidDialogDescription>\n          </div>\n          <SolidDialogClose />\n        </SolidDialogHeader>\n        <SolidDialogSeparator />\n        <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n          <SolidExport listViewMetaData={solidCardViewMetaData} filters={filters} />\n        </SolidDialogBody>\n      </SolidDialog>\n\n      {openImportDialog && (\n        <SolidGenericImport\n          openImportDialog={openImportDialog}\n          setOpenImportDialog={setOpenImportDialog}\n          listViewMetaData={solidCardViewMetaData}\n          handleFetchUpdatedRecords={handleRefreshView}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/dist/components/core/card/SolidCardViewConfigure.tsx

@@ -179,7 +179,7 @@ export const SolidCardViewConfigure = ({
             <SolidDropdownMenuSub>
               <SolidDropdownMenuSubTrigger className="solid-header-dropdown-item">
                 <SolidIcon name="si-sliders-h" className="solid-header-action-button-icon" aria-hidden />
-                <span className="solid-header-action-button-label">Customize Layout</span>
+                <span className="solid-header-action-button-label">Layout</span>
               </SolidDropdownMenuSubTrigger>
               <SolidDropdownMenuSubContent className="customize-layout-panel">
                 {showSwitchType && (

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

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

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

@@ -45,6 +45,14 @@ import { ERROR_MESSAGES } from '../../../constants/error-messages';
 import { permissionExpression } from '../../../helpers/permissions';
 import { SolidButton, SolidMessage } from '../../shad-cn-ui';
 import { Inbox, Loader2 } from 'lucide-react';
+var isEmptyAuditValue = function (value) {
+    if (value == null)
+        return true;
+    if (typeof value !== 'string')
+        return false;
+    var normalizedValue = value.trim().toLowerCase();
+    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';
+};
 export var SolidChatter = function (_a) {
     var modelSingularName = _a.modelSingularName, id = _a.id, refreshChatterMessage = _a.refreshChatterMessage, setRefreshChatterMessage = _a.setRefreshChatterMessage, _b = _a.actionsAllowed, actionsAllowed = _b === void 0 ? [] : _b, title = _a.title, modelUserKey = _a.modelUserKey;
     var _c = useState('email-message'), activeTab = _c[0], setActiveTab = _c[1];
@@ -57,7 +65,14 @@ export var SolidChatter = function (_a) {
         startDate: null,
         endDate: null
     }), filters = _h[0], setFilters = _h[1];
-    var _j = useLazyGetchatterMessageQuery(), getchatterMessage = _j[0], isChatterLoading = _j[1].isLoading;
+    var _j = useState(false), isMobileViewport = _j[0], setIsMobileViewport = _j[1];
+    var _k = useLazyGetchatterMessageQuery(), getchatterMessage = _k[0], isChatterLoading = _k[1].isLoading;
+    useEffect(function () {
+        var updateViewport = function () { return setIsMobileViewport(window.innerWidth <= 1199); };
+        updateViewport();
+        window.addEventListener('resize', updateViewport);
+        return function () { return window.removeEventListener('resize', updateViewport); };
+    }, []);
     useEffect(function () {
         if (refreshChatterMessage) {
             if (id !== 'new') {
@@ -143,6 +158,7 @@ export var SolidChatter = function (_a) {
                                 date: formatDate(msg.createdAt),
                                 media: msg._media,
                                 messageSubType: msg.messageSubType,
+                                status: msg.status,
                                 modelDisplayName: msg.modelDisplayName,
                                 modelUserKey: msg.modelUserKey
                             };
@@ -157,7 +173,15 @@ export var SolidChatter = function (_a) {
                                 current: detail.newValue,
                                 previousDisplay: detail.oldValueDisplay,
                                 currentDisplay: detail.newValueDisplay,
-                            }); })) || [];
+                            }); }).filter(function (detail) {
+                                var _a, _b;
+                                var previousValue = (_a = detail.previousDisplay) !== null && _a !== void 0 ? _a : detail.previous;
+                                var currentValue = (_b = detail.currentDisplay) !== null && _b !== void 0 ? _b : detail.current;
+                                return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));
+                            })) || [];
+                            if (auditRecord.length === 0) {
+                                return null;
+                            }
                             return {
                                 id: msg.id,
                                 user: ((_c = msg.user) === null || _c === void 0 ? void 0 : _c.fullName) || "System",
@@ -172,7 +196,7 @@ export var SolidChatter = function (_a) {
                                 message: msg.messageBody,
                             };
                         }
-                    });
+                    }).filter(Boolean);
                     setMessages(processedMessages);
                     setTotalRecords(((_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.totalRecords) || 0);
                     return [3 /*break*/, 3];
@@ -204,14 +228,20 @@ export var SolidChatter = function (_a) {
     var permissionError = function () { return (_jsx("div", { className: 'p-3', children: _jsx(SolidMessage, { severity: 'warn', text: "You do not have permission to view these messages.", className: 'justify-content-start' }) })); };
     var renderMessages = function () { return (_jsxs("div", { className: 'flex flex-column gap-3', children: [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, messageType: message.messageType, message: message.message, time: message.time, auditRecord: message.auditRecord, media: message.media, messageSubType: message.messageSubType, modelDisplayName: message.modelDisplayName, modelUserKey: message.modelUserKey })] }, message.id));
+                return (_jsxs("div", { children: [showDateDivider && _jsx(SolidChatterDateDivider, { date: message.date }), _jsx(SolidChatterMessageBox, { messageId: message.id, user: message.user, messageType: message.messageType, message: message.message, time: message.time, auditRecord: message.auditRecord, media: message.media, messageSubType: message.messageSubType, status: message.status, modelDisplayName: message.modelDisplayName, modelUserKey: message.modelUserKey, onRefresh: fetchData })] }, message.id));
             }), totalRecords > messages.length && (_jsx("div", { className: 'flex justify-content-center', children: _jsx(SolidButton, { type: 'button', size: 'sm', variant: 'outline', onClick: handleLoadMore, children: "Load more" }) }))] })); };
     return (_jsxs("div", { className: 'h-full', children: [_jsx(SolidChatterHeader, { id: id, refetch: fetchData, modelSingularName: modelSingularName, activeTab: activeTab, handleTabClick: handleTabClick, visibleBox: visibleBox, onFilterChange: handleFilterChange, onComposerCancel: function () { return setVisibleBox(null); }, title: title, modelUserKey: modelUserKey }), _jsx("div", { className: 'solid-chatter-body', style: {
-                    height: visibleBox === 'email-message'
-                        ? 'calc(100vh - 196px)'
-                        : visibleBox === 'log'
-                            ? 'calc(100vh - 350px)'
-                            : 'calc(100vh - 170px)',
+                    height: isMobileViewport
+                        ? (visibleBox === 'email-message'
+                            ? 'calc(100dvh - 248px)'
+                            : visibleBox === 'log'
+                                ? 'calc(100dvh - 210px)'
+                                : 'calc(100dvh - 60px)')
+                        : (visibleBox === 'email-message'
+                            ? 'calc(100vh - 196px)'
+                            : visibleBox === 'log'
+                                ? 'calc(100vh - 292px)'
+                                : 'calc(100vh - 127px)'),
                 }, children: isChatterLoading
                     ? renderLoadingState()
                     : !canViewMessages

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState, useEffect } from 'react'\nimport { SolidChatterHeader } from './SolidChatterHeader'\nimport { SolidChatterDateDivider } from './SolidChatterDateDivider'\nimport { SolidChatterMessageBox } from './SolidChatterMessageBox'\nimport { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { permissionExpression } from '../../../helpers/permissions'\nimport { SolidButton, SolidMessage } from '../../shad-cn-ui'\nimport { Inbox, Loader2 } from 'lucide-react'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {\n    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');\n    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);\n    const [messages, setMessages] = useState<any[]>([]);\n    const [limit, setLimit] = useState<number>(25);\n    const [totalRecords, setTotalRecords] = useState<number>(0);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n\n    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();\n\n    useEffect(() => {\n        if (refreshChatterMessage) {\n            if (id !== 'new') {\n                fetchData();\n                setRefreshChatterMessage(false);\n            }\n        }\n    }, [refreshChatterMessage]);\n\n    useEffect(() => {\n        if (id !== 'new') {\n            fetchData();\n        }\n    }, [filters, limit]);\n\n    const handleTabClick = (tab: 'email-message' | 'log') => {\n        setActiveTab(tab);\n        setVisibleBox(prev => (prev === tab ? null : tab));\n    }\n\n    const formatDate = (dateString: string) => {\n        const date = new Date(dateString);\n        const today = new Date();\n        const yesterday = new Date(today);\n        yesterday.setDate(yesterday.getDate() - 1);\n\n        if (date.toDateString() === today.toDateString()) {\n            return 'Today';\n        } else if (date.toDateString() === yesterday.toDateString()) {\n            return 'Yesterday';\n        } else {\n            return dateString;\n        }\n    };\n\n    const fetchData = async () => {\n        try {\n            const queryData: any = {\n                populate: ['user', 'chatterMessageDetails'],\n                limit: limit\n            };\n\n            if (filters.name) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters['user'] = { fullName: { $containsi: filters.name }};\n            }\n            if (filters.startDate && filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = {\n                    $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]\n                };\n            } else if (filters.startDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };\n            } else if (filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };\n            }\n\n            const queryString = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n            });\n            const response = await getchatterMessage({\n                entityId: id,\n                entityName: modelSingularName,\n                qs: queryString\n            }).unwrap();\n            const processedMessages = response.data.records.map((msg: any) => {\n                if (msg.messageType === 'custom') {\n                    // Custom message\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        messageType: \"custom\",\n                        message: msg.messageBody,\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        media: msg._media,\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey\n                    };\n                } else {\n                    // Audit message\n                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({\n                        field: detail.fieldName,\n                        fieldDisplayName: detail.fieldDisplayName,\n                        fieldType: detail.fieldType,\n                        previous: detail.oldValue,\n                        current: detail.newValue,\n                        previousDisplay: detail.oldValueDisplay,\n                        currentDisplay: detail.newValueDisplay,\n                    })) || [];\n\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        messageType: \"audit\",\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        auditRecord: auditRecord,\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey,\n                        message: msg.messageBody,\n                    };\n                }\n            });\n            setMessages(processedMessages);\n            setTotalRecords(response?.data?.meta?.totalRecords || 0);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    }\n\n    const handleFilterChange = (newFilters: FilterState) => {\n        setFilters({\n            name: newFilters.name,\n            startDate: newFilters.startDate,\n            endDate: newFilters.endDate\n        });\n        setLimit(25);\n    };\n\n    const handleLoadMore = () => {\n        setLimit(prevLimit => prevLimit + 25);\n    };\n\n    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);\n\n    const renderLoadingState = () => (\n        <div className='flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary'>\n            <Loader2 size={20} className='text-primary animate-spin' />\n            <span className='text-sm'>Loading recent activity…</span>\n        </div>\n    );\n\n    const renderEmptyState = () => {\n        const isLogComposerOpen = visibleBox === 'log';\n        return (\n        <div className='flex align-items-center justify-content-center h-full'>\n            <div className='flex flex-column align-items-center gap-2 text-center text-color-secondary px-3'>\n                <div className='p-2 border-round bg-primary-reverse text-primary'>\n                    <Inbox size={20} />\n                </div>\n                <p className='m-0 text-base font-medium text-color'>No activity yet</p>\n                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>\n                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>\n                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}\n                </SolidButton>\n            </div>\n        </div>\n        );\n    };\n\n    const permissionError = () => (\n        <div className='p-3'>\n            <SolidMessage severity='warn' text=\"You do not have permission to view these messages.\" className='justify-content-start' />\n        </div>\n    );\n\n    const renderMessages = () => (\n        <div className='flex flex-column gap-3'>\n            {messages.map((message, index) => {\n                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;\n                return (\n                    <div key={message.id}>\n                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}\n                        <SolidChatterMessageBox\n                            user={message.user}\n                            messageType={message.messageType}\n                            message={message.message}\n                            time={message.time}\n                            auditRecord={message.auditRecord}\n                            media={message.media}\n                            messageSubType={message.messageSubType}\n                            modelDisplayName={message.modelDisplayName}\n                            modelUserKey={message.modelUserKey}\n                        />\n                    </div>\n                );\n            })}\n            {totalRecords > messages.length && (\n                <div className='flex justify-content-center'>\n                    <SolidButton\n                        type='button'\n                        size='sm'\n                        variant='outline'\n                        onClick={handleLoadMore}\n                    >\n                        Load more\n                    </SolidButton>\n                </div>\n            )}\n        </div>\n    );\n\n    return (\n        <div className='h-full'>\n            <SolidChatterHeader\n                id={id}\n                refetch={fetchData}\n                modelSingularName={modelSingularName}\n                activeTab={activeTab}\n                handleTabClick={handleTabClick}\n                visibleBox={visibleBox}\n                onFilterChange={handleFilterChange}\n                onComposerCancel={() => setVisibleBox(null)}\n                title={title}\n                modelUserKey={modelUserKey}\n            />\n            <div className='solid-chatter-body' style={{\n                height:\n                    visibleBox === 'email-message'\n                        ? 'calc(100vh - 196px)'\n                        : visibleBox === 'log'\n                            ? 'calc(100vh - 350px)'\n                            : 'calc(100vh - 170px)',\n            }}>\n                {isChatterLoading\n                    ? renderLoadingState()\n                    : !canViewMessages\n                        ? permissionError()\n                        : messages.length === 0\n                            ? renderEmptyState()\n                            : renderMessages()\n                }\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState, useEffect } from 'react'\nimport { SolidChatterHeader } from './SolidChatterHeader'\nimport { SolidChatterDateDivider } from './SolidChatterDateDivider'\nimport { SolidChatterMessageBox } from './SolidChatterMessageBox'\nimport { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { permissionExpression } from '../../../helpers/permissions'\nimport { SolidButton, SolidMessage } from '../../shad-cn-ui'\nimport { Inbox, Loader2 } from 'lucide-react'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nconst isEmptyAuditValue = (value: string | null | undefined) => {\n    if (value == null) return true;\n    if (typeof value !== 'string') return false;\n\n    const normalizedValue = value.trim().toLowerCase();\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';\n};\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {\n    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');\n    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);\n    const [messages, setMessages] = useState<any[]>([]);\n    const [limit, setLimit] = useState<number>(25);\n    const [totalRecords, setTotalRecords] = useState<number>(0);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [isMobileViewport, setIsMobileViewport] = useState(false);\n\n    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();\n\n    useEffect(() => {\n        const updateViewport = () => setIsMobileViewport(window.innerWidth <= 1199);\n        updateViewport();\n        window.addEventListener('resize', updateViewport);\n        return () => window.removeEventListener('resize', updateViewport);\n    }, []);\n\n    useEffect(() => {\n        if (refreshChatterMessage) {\n            if (id !== 'new') {\n                fetchData();\n                setRefreshChatterMessage(false);\n            }\n        }\n    }, [refreshChatterMessage]);\n\n    useEffect(() => {\n        if (id !== 'new') {\n            fetchData();\n        }\n    }, [filters, limit]);\n\n    const handleTabClick = (tab: 'email-message' | 'log') => {\n        setActiveTab(tab);\n        setVisibleBox(prev => (prev === tab ? null : tab));\n    }\n\n    const formatDate = (dateString: string) => {\n        const date = new Date(dateString);\n        const today = new Date();\n        const yesterday = new Date(today);\n        yesterday.setDate(yesterday.getDate() - 1);\n\n        if (date.toDateString() === today.toDateString()) {\n            return 'Today';\n        } else if (date.toDateString() === yesterday.toDateString()) {\n            return 'Yesterday';\n        } else {\n            return dateString;\n        }\n    };\n\n    const fetchData = async () => {\n        try {\n            const queryData: any = {\n                populate: ['user', 'chatterMessageDetails'],\n                limit: limit\n            };\n\n            if (filters.name) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters['user'] = { fullName: { $containsi: filters.name }};\n            }\n            if (filters.startDate && filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = {\n                    $between: [filters.startDate.toISOString(), filters.endDate.toISOString()]\n                };\n            } else if (filters.startDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $gte: filters.startDate.toISOString() };\n            } else if (filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $lte: filters.endDate.toISOString() };\n            }\n\n            const queryString = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n            });\n            const response = await getchatterMessage({\n                entityId: id,\n                entityName: modelSingularName,\n                qs: queryString\n            }).unwrap();\n            const processedMessages = response.data.records.map((msg: any) => {\n                if (msg.messageType === 'custom') {\n                    // Custom message\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        messageType: \"custom\",\n                        message: msg.messageBody,\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        media: msg._media,\n                        messageSubType: msg.messageSubType,\n                        status: msg.status,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey\n                    };\n                } else {\n                    // Audit message\n                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({\n                        field: detail.fieldName,\n                        fieldDisplayName: detail.fieldDisplayName,\n                        fieldType: detail.fieldType,\n                        previous: detail.oldValue,\n                        current: detail.newValue,\n                        previousDisplay: detail.oldValueDisplay,\n                        currentDisplay: detail.newValueDisplay,\n                    })).filter((detail: any) => {\n                        const previousValue = detail.previousDisplay ?? detail.previous;\n                        const currentValue = detail.currentDisplay ?? detail.current;\n\n                        return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));\n                    }) || [];\n\n                    if (auditRecord.length === 0) {\n                        return null;\n                    }\n\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        messageType: \"audit\",\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        auditRecord: auditRecord,\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey,\n                        message: msg.messageBody,\n                    };\n                }\n            }).filter(Boolean);\n            setMessages(processedMessages);\n            setTotalRecords(response?.data?.meta?.totalRecords || 0);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    }\n\n    const handleFilterChange = (newFilters: FilterState) => {\n        setFilters({\n            name: newFilters.name,\n            startDate: newFilters.startDate,\n            endDate: newFilters.endDate\n        });\n        setLimit(25);\n    };\n\n    const handleLoadMore = () => {\n        setLimit(prevLimit => prevLimit + 25);\n    };\n\n    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);\n\n    const renderLoadingState = () => (\n        <div className='flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary'>\n            <Loader2 size={20} className='text-primary animate-spin' />\n            <span className='text-sm'>Loading recent activity…</span>\n        </div>\n    );\n\n    const renderEmptyState = () => {\n        const isLogComposerOpen = visibleBox === 'log';\n        return (\n        <div className='flex align-items-center justify-content-center h-full'>\n            <div className='flex flex-column align-items-center gap-2 text-center text-color-secondary px-3'>\n                <div className='p-2 border-round bg-primary-reverse text-primary'>\n                    <Inbox size={20} />\n                </div>\n                <p className='m-0 text-base font-medium text-color'>No activity yet</p>\n                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>\n                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>\n                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}\n                </SolidButton>\n            </div>\n        </div>\n        );\n    };\n\n    const permissionError = () => (\n        <div className='p-3'>\n            <SolidMessage severity='warn' text=\"You do not have permission to view these messages.\" className='justify-content-start' />\n        </div>\n    );\n\n    const renderMessages = () => (\n        <div className='flex flex-column gap-3'>\n            {messages.map((message, index) => {\n                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;\n                return (\n                    <div key={message.id}>\n                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}\n                        <SolidChatterMessageBox\n                            messageId={message.id}\n                            user={message.user}\n                            messageType={message.messageType}\n                            message={message.message}\n                            time={message.time}\n                            auditRecord={message.auditRecord}\n                            media={message.media}\n                            messageSubType={message.messageSubType}\n                            status={message.status}\n                            modelDisplayName={message.modelDisplayName}\n                            modelUserKey={message.modelUserKey}\n                            onRefresh={fetchData}\n                        />\n                    </div>\n                );\n            })}\n            {totalRecords > messages.length && (\n                <div className='flex justify-content-center'>\n                    <SolidButton\n                        type='button'\n                        size='sm'\n                        variant='outline'\n                        onClick={handleLoadMore}\n                    >\n                        Load more\n                    </SolidButton>\n                </div>\n            )}\n        </div>\n    );\n\n    return (\n        <div className='h-full'>\n            <SolidChatterHeader\n                id={id}\n                refetch={fetchData}\n                modelSingularName={modelSingularName}\n                activeTab={activeTab}\n                handleTabClick={handleTabClick}\n                visibleBox={visibleBox}\n                onFilterChange={handleFilterChange}\n                onComposerCancel={() => setVisibleBox(null)}\n                title={title}\n                modelUserKey={modelUserKey}\n            />\n            <div className='solid-chatter-body' style={{\n                height:\n                    isMobileViewport\n                        ? (visibleBox === 'email-message'\n                            ? 'calc(100dvh - 248px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100dvh - 210px)'\n                                : 'calc(100dvh - 60px)')\n                        : (visibleBox === 'email-message'\n                            ? 'calc(100vh - 196px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100vh - 292px)'\n                                : 'calc(100vh - 127px)'),\n            }}>\n                {isChatterLoading\n                    ? renderLoadingState()\n                    : !canViewMessages\n                        ? permissionError()\n                        : messages.length === 0\n                            ? renderEmptyState()\n                            : renderMessages()\n                }\n            </div>\n        </div>\n    )\n}\n"]}

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

@@ -16,6 +16,14 @@ interface FilterState {
     endDate: Date | null;
 }
 
+const isEmptyAuditValue = (value: string | null | undefined) => {
+    if (value == null) return true;
+    if (typeof value !== 'string') return false;
+
+    const normalizedValue = value.trim().toLowerCase();
+    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';
+};
+
 export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {
     const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');
     const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);
@@ -27,9 +35,17 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
         startDate: null,
         endDate: null
     });
+    const [isMobileViewport, setIsMobileViewport] = useState(false);
 
     const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();
 
+    useEffect(() => {
+        const updateViewport = () => setIsMobileViewport(window.innerWidth <= 1199);
+        updateViewport();
+        window.addEventListener('resize', updateViewport);
+        return () => window.removeEventListener('resize', updateViewport);
+    }, []);
+
     useEffect(() => {
         if (refreshChatterMessage) {
             if (id !== 'new') {
@@ -110,6 +126,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                         date: formatDate(msg.createdAt),
                         media: msg._media,
                         messageSubType: msg.messageSubType,
+                        status: msg.status,
                         modelDisplayName: msg.modelDisplayName,
                         modelUserKey: msg.modelUserKey
                     };
@@ -123,7 +140,16 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                         current: detail.newValue,
                         previousDisplay: detail.oldValueDisplay,
                         currentDisplay: detail.newValueDisplay,
-                    })) || [];
+                    })).filter((detail: any) => {
+                        const previousValue = detail.previousDisplay ?? detail.previous;
+                        const currentValue = detail.currentDisplay ?? detail.current;
+
+                        return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));
+                    }) || [];
+
+                    if (auditRecord.length === 0) {
+                        return null;
+                    }
 
                     return {
                         id: msg.id,
@@ -139,7 +165,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                         message: msg.messageBody,
                     };
                 }
-            });
+            }).filter(Boolean);
             setMessages(processedMessages);
             setTotalRecords(response?.data?.meta?.totalRecords || 0);
         } catch (error) {
@@ -201,6 +227,7 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                     <div key={message.id}>
                         {showDateDivider && <SolidChatterDateDivider date={message.date} />}
                         <SolidChatterMessageBox
+                            messageId={message.id}
                             user={message.user}
                             messageType={message.messageType}
                             message={message.message}
@@ -208,8 +235,10 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                             auditRecord={message.auditRecord}
                             media={message.media}
                             messageSubType={message.messageSubType}
+                            status={message.status}
                             modelDisplayName={message.modelDisplayName}
                             modelUserKey={message.modelUserKey}
+                            onRefresh={fetchData}
                         />
                     </div>
                 );
@@ -245,11 +274,17 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
             />
             <div className='solid-chatter-body' style={{
                 height:
-                    visibleBox === 'email-message'
-                        ? 'calc(100vh - 196px)'
-                        : visibleBox === 'log'
-                            ? 'calc(100vh - 350px)'
-                            : 'calc(100vh - 170px)',
+                    isMobileViewport
+                        ? (visibleBox === 'email-message'
+                            ? 'calc(100dvh - 248px)'
+                            : visibleBox === 'log'
+                                ? 'calc(100dvh - 210px)'
+                                : 'calc(100dvh - 60px)')
+                        : (visibleBox === 'email-message'
+                            ? 'calc(100vh - 196px)'
+                            : visibleBox === 'log'
+                                ? 'calc(100vh - 292px)'
+                                : 'calc(100vh - 127px)'),
             }}>
                 {isChatterLoading
                     ? renderLoadingState()

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterAuditMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwBzB,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,UAAU,6BAA6B;IACnC,WAAW,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmB5E,CAAC"}
+{"version":3,"file":"SolidChatterAuditMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuCzB,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,UAAU,6BAA6B;IACnC,WAAW,EAAE,WAAW,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAyB5E,CAAC"}

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

@@ -2,6 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import dayjs from 'dayjs';
 import { RightArrowSvg } from '../../../components/Svg/RightArrowSvg';
 var DATE_FIELD_TYPES = ['date', 'datetime', 'time'];
+function isEmptyAuditValue(value) {
+    if (value == null)
+        return true;
+    if (typeof value !== 'string')
+        return false;
+    var normalizedValue = value.trim().toLowerCase();
+    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';
+}
+function hasMeaningfulAuditChange(item) {
+    var _a, _b;
+    var previousValue = (_a = item.previousDisplay) !== null && _a !== void 0 ? _a : item.previous;
+    var currentValue = (_b = item.currentDisplay) !== null && _b !== void 0 ? _b : item.current;
+    return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));
+}
 function formatAuditValue(value, displayValue, fieldType) {
     // fieldType may be null for older audit records — fall through to displayValue
     if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {
@@ -20,6 +34,10 @@ function formatAuditValue(value, displayValue, fieldType) {
 }
 export var SolidChatterAuditMessage = function (_a) {
     var auditRecord = _a.auditRecord;
-    return (_jsx("div", { className: 'flex flex-column gap-2', children: auditRecord.map(function (item, index) { return (_jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { className: 'm-0 ', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0  font-bold', children: formatAuditValue(item.previous, item.previousDisplay, item.fieldType) }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 font-bold text-primary', children: formatAuditValue(item.current, item.currentDisplay, item.fieldType) })] }, index)); }) }));
+    var visibleAuditRecord = auditRecord.filter(hasMeaningfulAuditChange);
+    if (visibleAuditRecord.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: 'flex flex-column gap-2', children: visibleAuditRecord.map(function (item, index) { return (_jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { className: 'm-0 ', children: "(" + (item.fieldDisplayName || item.field) + ")" }), _jsx("span", { className: 'm-0  font-bold', children: formatAuditValue(item.previous, item.previousDisplay, item.fieldType) }), _jsx(RightArrowSvg, {}), _jsx("span", { className: 'm-0 font-bold text-primary', children: formatAuditValue(item.current, item.currentDisplay, item.fieldType) })] }, index)); }) }));
 };
 //# sourceMappingURL=SolidChatterAuditMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAErE,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;AAErD,SAAS,gBAAgB,CACrB,KAAgC,EAChC,YAAuC,EACvC,SAAkB;IAElB,+EAA+E;IAC/E,IAAI,SAAS,IAAI,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAA;QACzB,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;KACtC;IAED,OAAO,YAAY,IAAI,KAAK,IAAI,MAAM,CAAA;AAC1C,CAAC;AAgBD,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC3F,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YAClC,WAAW,CAAC,GAAG,CAAC,UAAC,IAAiB,EAAE,KAAa,IAAK,OAAA,CACnD,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAM,SAAS,EAAC,MAAM,YACjB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,gBAAgB,YAC3B,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,GACnE,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,4BAA4B,YACvC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GACjE,KAVD,KAAK,CAWT,CACT,EAbsD,CAatD,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport dayjs from 'dayjs'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\nconst DATE_FIELD_TYPES = ['date', 'datetime', 'time']\n\nfunction formatAuditValue(\n    value: string | null | undefined,\n    displayValue: string | null | undefined,\n    fieldType?: string\n): string {\n    // fieldType may be null for older audit records — fall through to displayValue\n    if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {\n        if (!value) return 'None'\n        const d = dayjs(value)\n        if (!d.isValid()) return value\n        if (fieldType === 'date') return d.format('DD-MM-YYYY')\n        if (fieldType === 'time') return d.format('HH:mm')\n        return d.format('DD-MM-YYYY HH:mm')\n    }\n\n    return displayValue || value || 'None'\n}\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    fieldType?: string;\n    previous: string | null;\n    current: string | null;\n    previousDisplay?: string | null;\n    currentDisplay?: string | null;\n}\n\ninterface SolidChatterAuditMessageProps {\n    auditRecord: AuditRecord[];\n}\n\nexport const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {\n    return (\n        <div className='flex flex-column gap-2'>\n            {auditRecord.map((item: AuditRecord, index: number) => (\n                <div key={index} className='flex gap-2'>\n                    <span className='m-0 '>\n                        {\"(\" + (item.fieldDisplayName || item.field) + \")\"}\n                    </span>\n                    <span className='m-0  font-bold'>\n                        {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 font-bold text-primary'>\n                        {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidChatterAuditMessage.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterAuditMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAErE,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;AAErD,SAAS,iBAAiB,CAAC,KAAgC;IACvD,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAA;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAE3C,IAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAClD,OAAO,eAAe,KAAK,EAAE,IAAI,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,MAAM,CAAA;AAC7F,CAAC;AAED,SAAS,wBAAwB,CAAC,IAAiB;;IAC/C,IAAM,aAAa,GAAG,MAAA,IAAI,CAAC,eAAe,mCAAI,IAAI,CAAC,QAAQ,CAAA;IAC3D,IAAM,YAAY,GAAG,MAAA,IAAI,CAAC,cAAc,mCAAI,IAAI,CAAC,OAAO,CAAA;IAExD,OAAO,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;AACjF,CAAC;AAED,SAAS,gBAAgB,CACrB,KAAgC,EAChC,YAAuC,EACvC,SAAkB;IAElB,+EAA+E;IAC/E,IAAI,SAAS,IAAI,gBAAgB,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAA;QACzB,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAClD,OAAO,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;KACtC;IAED,OAAO,YAAY,IAAI,KAAK,IAAI,MAAM,CAAA;AAC1C,CAAC;AAgBD,MAAM,CAAC,IAAM,wBAAwB,GAA4C,UAAC,EAAe;QAAb,WAAW,iBAAA;IAC3F,IAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAEvE,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,OAAO,IAAI,CAAA;KACd;IAED,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YAClC,kBAAkB,CAAC,GAAG,CAAC,UAAC,IAAiB,EAAE,KAAa,IAAK,OAAA,CAC1D,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAM,SAAS,EAAC,MAAM,YACjB,GAAG,GAAG,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAC/C,EACP,eAAM,SAAS,EAAC,gBAAgB,YAC3B,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,GACnE,EACP,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,4BAA4B,YACvC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GACjE,KAVD,KAAK,CAWT,CACT,EAb6D,CAa7D,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["\nimport React from 'react'\nimport dayjs from 'dayjs'\nimport { RightArrowSvg } from '../../../components/Svg/RightArrowSvg'\n\nconst DATE_FIELD_TYPES = ['date', 'datetime', 'time']\n\nfunction isEmptyAuditValue(value: string | null | undefined): boolean {\n    if (value == null) return true\n    if (typeof value !== 'string') return false\n\n    const normalizedValue = value.trim().toLowerCase()\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null'\n}\n\nfunction hasMeaningfulAuditChange(item: AuditRecord): boolean {\n    const previousValue = item.previousDisplay ?? item.previous\n    const currentValue = item.currentDisplay ?? item.current\n\n    return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue))\n}\n\nfunction formatAuditValue(\n    value: string | null | undefined,\n    displayValue: string | null | undefined,\n    fieldType?: string\n): string {\n    // fieldType may be null for older audit records — fall through to displayValue\n    if (fieldType && DATE_FIELD_TYPES.includes(fieldType)) {\n        if (!value) return 'None'\n        const d = dayjs(value)\n        if (!d.isValid()) return value\n        if (fieldType === 'date') return d.format('DD-MM-YYYY')\n        if (fieldType === 'time') return d.format('HH:mm')\n        return d.format('DD-MM-YYYY HH:mm')\n    }\n\n    return displayValue || value || 'None'\n}\n\ninterface AuditRecord {\n    field: string;\n    fieldDisplayName: string;\n    fieldType?: string;\n    previous: string | null;\n    current: string | null;\n    previousDisplay?: string | null;\n    currentDisplay?: string | null;\n}\n\ninterface SolidChatterAuditMessageProps {\n    auditRecord: AuditRecord[];\n}\n\nexport const SolidChatterAuditMessage: React.FC<SolidChatterAuditMessageProps> = ({ auditRecord }) => {\n    const visibleAuditRecord = auditRecord.filter(hasMeaningfulAuditChange)\n\n    if (visibleAuditRecord.length === 0) {\n        return null\n    }\n\n    return (\n        <div className='flex flex-column gap-2'>\n            {visibleAuditRecord.map((item: AuditRecord, index: number) => (\n                <div key={index} className='flex gap-2'>\n                    <span className='m-0 '>\n                        {\"(\" + (item.fieldDisplayName || item.field) + \")\"}\n                    </span>\n                    <span className='m-0  font-bold'>\n                        {formatAuditValue(item.previous, item.previousDisplay, item.fieldType)}\n                    </span>\n                    <RightArrowSvg />\n                    <span className='m-0 font-bold text-primary'>\n                        {formatAuditValue(item.current, item.currentDisplay, item.fieldType)}\n                    </span>\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}

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

@@ -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"}