@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.4

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

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

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

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

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":"AAgBA,eAAO,MAAM,YAAY;uBAAwH,GAAG;QAAM,GAAG;2BAAyB,OAAO;sCAAoC,OAAO,KAAK,IAAI;;6CAsOhP,CAAA"}
+{"version":3,"file":"SolidChatter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,YAAY;uBAAwH,GAAG;QAAM,GAAG;2BAAyB,OAAO;sCAAoC,OAAO,KAAK,IAAI;;6CAsPhP,CAAA"}

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

@@ -34,7 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { SolidChatterHeader } from './SolidChatterHeader';
 import { SolidChatterDateDivider } from './SolidChatterDateDivider';
@@ -43,6 +43,8 @@ import { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMe
 import qs from "qs";
 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';
 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;
     var _c = useState('email-message'), activeTab = _c[0], setActiveTab = _c[1];
@@ -193,29 +195,31 @@ export var SolidChatter = function (_a) {
     var handleLoadMore = function () {
         setLimit(function (prevLimit) { return prevLimit + 25; });
     };
-    return (_jsxs("div", { className: 'h-full', children: [_jsx(SolidChatterHeader, { id: id, refetch: fetchData, modelSingularName: modelSingularName, activeTab: activeTab, handleTabClick: handleTabClick, visibleBox: visibleBox, onFilterChange: handleFilterChange }), _jsx("div", { className: 'p-3', style: {
+    var canViewMessages = actionsAllowed.includes("".concat(permissionExpression('chatterMessage', 'findMany')));
+    var renderLoadingState = function () { return (_jsxs("div", { className: 'flex flex-column align-items-center justify-content-center gap-2 h-full text-center text-color-secondary', children: [_jsx(Loader2, { size: 20, className: 'text-primary animate-spin' }), _jsx("span", { className: 'text-sm', children: "Loading recent activity\u2026" })] })); };
+    var renderEmptyState = function () {
+        var isLogComposerOpen = visibleBox === 'log';
+        return (_jsx("div", { className: 'flex align-items-center justify-content-center h-full', children: _jsxs("div", { className: 'flex flex-column align-items-center gap-2 text-center text-color-secondary px-3', children: [_jsx("div", { className: 'p-2 border-round bg-primary-reverse text-primary', children: _jsx(Inbox, { size: 20 }) }), _jsx("p", { className: 'm-0 text-base font-medium text-color', children: "No activity yet" }), _jsx("p", { className: 'm-0 text-sm', children: "Log your first internal note or send a message to get things started." }), _jsx(SolidButton, { size: 'sm', variant: 'outline', onClick: function () { return handleTabClick('log'); }, children: isLogComposerOpen ? 'Cancel' : 'Log a note' })] }) }));
+    };
+    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));
+            }), 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); } }), _jsx("div", { className: ' solid-chatter-body', style: {
+                    paddingRight: '10px',
                     overflowY: 'scroll',
                     height: visibleBox === 'email-message'
                         ? 'calc(100vh - 196px)'
                         : visibleBox === 'log'
-                            ? 'calc(100vh - 172px)'
-                            : 'calc(100vh - 65px)',
-                }, children: isChatterLoading ? (_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" })) : (_jsxs(_Fragment, { children: [actionsAllowed.includes("".concat(permissionExpression('chatterMessage', 'findMany'))) ?
-                            (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));
-                            }))
-                            : _jsx("div", { className: "p-3", children: _jsxs("div", { className: 'p-3 border-round text-red-500 bg-red-50 flex align-items-center gap-3', children: [_jsx("i", { className: "pi pi-exclamation-triangle" }), "You do not have permission to view these messages."] }) }), totalRecords > messages.length && (_jsx("div", { className: 'flex justify-content-center mt-3 mb-3', children: _jsx("span", { onClick: handleLoadMore, className: 'cursor-pointer text-primary font-medium px-4 py-2', style: {
-                                    userSelect: 'none',
-                                    borderRadius: '6px',
-                                    transition: 'all 0.2s ease',
-                                    display: 'inline-block'
-                                }, onMouseEnter: function (e) {
-                                    e.currentTarget.style.backgroundColor = 'rgba(59, 130, 246, 0.1)';
-                                    e.currentTarget.style.transform = 'translateY(-1px)';
-                                }, onMouseLeave: function (e) {
-                                    e.currentTarget.style.backgroundColor = 'transparent';
-                                    e.currentTarget.style.transform = 'translateY(0)';
-                                }, children: "Load More..." }) }))] })) })] }));
+                            ? 'calc(100vh - 350px)'
+                            : 'calc(100vh - 170px)',
+                }, children: isChatterLoading
+                    ? renderLoadingState()
+                    : !canViewMessages
+                        ? permissionError()
+                        : messages.length === 0
+                            ? renderEmptyState()
+                            : renderMessages() })] }));
 };
 //# sourceMappingURL=SolidChatter.js.map

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'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed=[] }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void , actionsAllowed?: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    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            />\n            <div className='p-3' style={{\n                overflowY: 'scroll',\n                height:\n                    visibleBox === 'email-message'\n                        ? 'calc(100vh - 196px)'\n                        : visibleBox === 'log'\n                            ? 'calc(100vh - 172px)'\n                            : 'calc(100vh - 65px)',\n            }}>\n                {isChatterLoading ? (\n                    <div className='flex align-items-center justify-content-center h-full font-medium'>\n                        Loading...\n                    </div>\n                ) : messages.length === 0 ? (\n                    <div className='flex align-items-center justify-content-center h-full font-medium'>\n                        No Data Available\n                    </div>\n                ) : (\n                    <>\n                        {actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`) ?\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                            : <div className=\"p-3\">\n                                <div className='p-3 border-round text-red-500 bg-red-50 flex align-items-center gap-3'>\n                                    <i className=\"pi pi-exclamation-triangle\" />\n                                    You do not have permission to view these messages.\n                                </div>\n                            </div>\n                        }\n                        {totalRecords > messages.length && (\n                            <div className='flex justify-content-center mt-3 mb-3'>\n                                <span\n                                    onClick={handleLoadMore}\n                                    className='cursor-pointer text-primary font-medium px-4 py-2'\n                                    style={{\n                                        userSelect: 'none',\n                                        borderRadius: '6px',\n                                        transition: 'all 0.2s ease',\n                                        display: 'inline-block'\n                                    }}\n                                    onMouseEnter={(e) => {\n                                        e.currentTarget.style.backgroundColor = 'rgba(59, 130, 246, 0.1)';\n                                        e.currentTarget.style.transform = 'translateY(-1px)';\n                                    }}\n                                    onMouseLeave={(e) => {\n                                        e.currentTarget.style.backgroundColor = 'transparent';\n                                        e.currentTarget.style.transform = 'translateY(0)';\n                                    }}\n                                >\n                                    Load More...\n                                </span>\n                            </div>\n                        )}\n                    </>\n                )}\n            </div>\n        </div>\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\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed=[] }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void , actionsAllowed?: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            />\n            <div className=' solid-chatter-body' style={{\n                paddingRight: '10px',\n                overflowY: 'scroll',\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"]}