@solidstarters/solid-core-ui 1.1.210 → 1.1.211

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

@@ -1,51 +1,4 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'primereact/button';
 import { Calendar } from 'primereact/calendar';
@@ -56,32 +9,32 @@ import styles from './chatter.module.css';
 import { SolidMessageComposer } from './SolidMessageComposer';
 import { useLazyGetusersQuery } from '../../../redux/api/userApi';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-export var SolidChatterHeader = function (props) {
-    var activeTab = props.activeTab, visibleBox = props.visibleBox, handleTabClick = props.handleTabClick, modelSingularName = props.modelSingularName, refetch = props.refetch, id = props.id, onFilterChange = props.onFilterChange;
-    var _a = useState(false), showFilterDialog = _a[0], setShowFilterDialog = _a[1];
-    var _b = useState({
+export const SolidChatterHeader = (props) => {
+    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange } = props;
+    const [showFilterDialog, setShowFilterDialog] = useState(false);
+    const [filters, setFilters] = useState({
         name: '',
         startDate: null,
         endDate: null
-    }), filters = _b[0], setFilters = _b[1];
-    var _c = useState(false), hasActiveFilters = _c[0], setHasActiveFilters = _c[1];
-    var _d = useState([]), suggestions = _d[0], setSuggestions = _d[1];
-    var getUsers = useLazyGetusersQuery()[0];
-    useEffect(function () {
-        var isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
+    });
+    const [hasActiveFilters, setHasActiveFilters] = useState(false);
+    const [suggestions, setSuggestions] = useState([]);
+    const [getUsers] = useLazyGetusersQuery();
+    useEffect(() => {
+        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
         setHasActiveFilters(isActive);
     }, [filters]);
-    var handleFilterClick = function () {
+    const handleFilterClick = () => {
         setShowFilterDialog(true);
     };
-    var handleApplyFilters = function () {
+    const handleApplyFilters = () => {
         if (onFilterChange) {
             onFilterChange(filters);
         }
         setShowFilterDialog(false);
     };
-    var handleClearFilters = function () {
-        var clearedFilters = {
+    const handleClearFilters = () => {
+        const clearedFilters = {
             name: '',
             startDate: null,
             endDate: null
@@ -92,34 +45,23 @@ export var SolidChatterHeader = function (props) {
         }
         setShowFilterDialog(false);
     };
-    var searchUsers = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, getUsers("filters[fullName][$containsi]=".concat(event.query)).unwrap()];
-                case 1:
-                    response = _b.sent();
-                    setSuggestions(((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.records) || []);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _b.sent();
-                    console.error(ERROR_MESSAGES.FETCHING_USER, error_1);
-                    setSuggestions([]);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var itemTemplate = function (item) {
+    const searchUsers = async (event) => {
+        try {
+            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();
+            setSuggestions(response?.data?.records || []);
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_USER, error);
+            setSuggestions([]);
+        }
+    };
+    const itemTemplate = (item) => {
         return (_jsx("div", { className: "flex align-items-center", children: _jsx("div", { children: item.fullName }) }));
     };
-    return (_jsxs("div", { className: styles.chatterTitle, children: [_jsxs("div", { className: 'flex justify-content-between align-items-center', children: [_jsx("div", { className: "form-wrapper-title ", children: "Activity" }), _jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Button, __assign({ label: "Log Note", size: "small", type: "button", onClick: function () { return handleTabClick('log'); } }, (activeTab !== 'log' && {
-                                severity: 'secondary',
-                                outlined: true,
-                            }))), _jsx(Button, { icon: "pi pi-filter-fill", text: true, size: 'small', severity: "secondary", "aria-label": "Filter", style: {
+    return (_jsxs("div", { className: styles.chatterTitle, children: [_jsxs("div", { className: 'flex justify-content-between align-items-center', children: [_jsx("div", { className: "form-wrapper-title ", children: "Activity" }), _jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Button, { label: "Log Note", size: "small", type: "button", onClick: () => handleTabClick('log'), ...(activeTab !== 'log' && {
+                                    severity: 'secondary',
+                                    outlined: true,
+                                }) }), _jsx(Button, { icon: "pi pi-filter-fill", text: true, size: 'small', severity: "secondary", "aria-label": "Filter", style: {
                                     width: 20,
                                     color: hasActiveFilters ? '#722ED1' : undefined
                                 }, onClick: handleFilterClick }), _jsx(Button, { icon: "pi pi-refresh", text: true, size: 'small', severity: "secondary", "aria-label": "Refresh", style: {
@@ -127,6 +69,9 @@ export var SolidChatterHeader = function (props) {
                                 }, onClick: refetch })] })] }), visibleBox &&
                 _jsxs("div", { className: 'mt-4', children: [visibleBox === "email-message" &&
                             _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName, type: "email" }), visibleBox === "log" &&
-                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName })] }), _jsx(Dialog, { header: "Filter Messages", visible: showFilterDialog, style: { width: 500 }, onHide: function () { return setShowFilterDialog(false); }, className: 'solid-chatter-filter-main', children: _jsxs("div", { className: "p-fluid", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx(AutoComplete, { id: "fullName", value: filters.name, suggestions: suggestions, completeMethod: searchUsers, field: "fullName", onChange: function (e) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { name: typeof e.value === 'object' ? e.value.fullName : e.value })); }); }, placeholder: "Filter By User", itemTemplate: itemTemplate, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "dateRange", children: "Date Range" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "startDate", value: filters.startDate, onChange: function (e) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { startDate: e.value })); }); }, placeholder: "Start Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "endDate", value: filters.endDate, onChange: function (e) { return setFilters(function (prev) { return (__assign(__assign({}, prev), { endDate: e.value })); }); }, placeholder: "End Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) })] })] }), _jsxs("div", { className: "flex justify-content-end gap-2 mt-4", children: [_jsx(Button, { label: "Clear", severity: "secondary", outlined: true, onClick: handleClearFilters }), _jsx(Button, { label: "Apply", onClick: handleApplyFilters })] })] }) })] }));
+                            _jsx(SolidMessageComposer, { id: id, refetch: refetch, modelSingularName: modelSingularName })] }), _jsx(Dialog, { header: "Filter Messages", visible: showFilterDialog, style: { width: 500 }, onHide: () => setShowFilterDialog(false), className: 'solid-chatter-filter-main', children: _jsxs("div", { className: "p-fluid", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx(AutoComplete, { id: "fullName", value: filters.name, suggestions: suggestions, completeMethod: searchUsers, field: "fullName", onChange: (e) => setFilters(prev => ({
+                                        ...prev,
+                                        name: typeof e.value === 'object' ? e.value.fullName : e.value
+                                    })), placeholder: "Filter By User", itemTemplate: itemTemplate, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "dateRange", children: "Date Range" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "startDate", value: filters.startDate, onChange: (e) => setFilters(prev => ({ ...prev, startDate: e.value })), placeholder: "Start Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) }), _jsx("div", { className: "flex-1", children: _jsx(Calendar, { id: "endDate", value: filters.endDate, onChange: (e) => setFilters(prev => ({ ...prev, endDate: e.value })), placeholder: "End Date", showIcon: true, dateFormat: "dd/mm/yy", className: "w-full" }) })] })] }), _jsxs("div", { className: "flex justify-content-end gap-2 mt-4", children: [_jsx(Button, { label: "Clear", severity: "secondary", outlined: true, onClick: handleClearFilters }), _jsx(Button, { label: "Apply", onClick: handleApplyFilters })] })] }) })] }));
 };
 //# sourceMappingURL=SolidChatterHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidChatterHeader.js","sourceRoot":"./","sources":["components/core/chatter/SolidChatterHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAiBlE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACxG,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAc;QAChD,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,CAAC;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,QAAQ,CAAC,GAAG,oBAAoB,EAAE,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,KAAK,EAAE,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;QAC/F,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,OAAO,CAAC,CAAC;SAC3B;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,MAAM,cAAc,GAAG;YACnB,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SAChB,CAAC;QACF,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,IAAI,cAAc,EAAE;YAChB,cAAc,CAAC,cAAc,CAAC,CAAC;SAClC;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,EAAE,KAAwB,EAAE,EAAE;QACnD,IAAI;YACA,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,iCAAiC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YACzF,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC;SACjD;QAAC,OAAO,KAAK,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YACnD,cAAc,CAAC,EAAE,CAAC,CAAC;SACtB;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAS,EAAE,EAAE;QAC/B,OAAO,CACH,cAAK,SAAS,EAAC,yBAAyB,YACpC,wBAAM,IAAI,CAAC,QAAQ,GAAO,GACxB,CACT,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAC/B,eAAK,SAAS,EAAC,iDAAiD,aAC5D,cAAK,SAAS,EAAC,qBAAqB,yBAE9B,EACN,eAAK,SAAS,EAAC,+BAA+B,aAW1C,KAAC,MAAM,IACH,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,KAChC,CAAC,SAAS,KAAK,KAAK,IAAI;oCACxB,QAAQ,EAAE,WAAW;oCACrB,QAAQ,EAAE,IAAI;iCACjB,CACA,GACH,EACF,KAAC,MAAM,IACH,IAAI,EAAC,mBAAmB,EACxB,IAAI,QACJ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,gBACT,QAAQ,EACnB,KAAK,EAAE;oCACH,KAAK,EAAE,EAAE;oCACT,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iCAClD,EACD,OAAO,EAAE,iBAAiB,GAC5B,EACF,KAAC,MAAM,IACH,IAAI,EAAC,eAAe,EACpB,IAAI,QACJ,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW,gBACT,SAAS,EACpB,KAAK,EAAE;oCACH,KAAK,EAAE,EAAE;iCACZ,EACD,OAAO,EAAE,OAAO,GAClB,IACA,IACJ,EACL,UAAU;gBACP,eAAK,SAAS,EAAC,MAAM,aAChB,UAAU,KAAK,eAAe;4BAC3B,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,GAAI,EAG1G,UAAU,KAAK,KAAK;4BACjB,KAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,IAE1F,EAEV,KAAC,MAAM,IACH,MAAM,EAAC,iBAAiB,EACxB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,MAAM,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACxC,SAAS,EAAC,2BAA2B,YAErC,eAAK,SAAS,EAAC,SAAS,aACpB,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,MAAM,sBAAc,EACnC,KAAC,YAAY,IACT,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,WAAW,EAC3B,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wCACjC,GAAG,IAAI;wCACP,IAAI,EAAE,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK;qCACjE,CAAC,CAAC,EACH,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,QAAQ,GACpB,IACA,EACN,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,OAAO,EAAC,WAAW,2BAAmB,EAC7C,eAAK,SAAS,EAAC,YAAY,aACvB,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,QAAQ,IACL,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,OAAO,CAAC,SAAS,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KAAa,EAAE,CAAC,CAAC,EAC9E,WAAW,EAAC,YAAY,EACxB,QAAQ,QACR,UAAU,EAAC,UAAU,EACrB,SAAS,EAAC,QAAQ,GACpB,GACA,EACN,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,QAAQ,IACL,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,OAAO,CAAC,OAAO,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,KAAa,EAAE,CAAC,CAAC,EAC5E,WAAW,EAAC,UAAU,EACtB,QAAQ,QACR,UAAU,EAAC,UAAU,EACrB,SAAS,EAAC,QAAQ,GACpB,GACA,IACJ,IACJ,EACN,eAAK,SAAS,EAAC,qCAAqC,aAChD,KAAC,MAAM,IACH,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,WAAW,EACpB,QAAQ,QACR,OAAO,EAAE,kBAAkB,GAC7B,EACF,KAAC,MAAM,IACH,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,kBAAkB,GAC7B,IACA,IACJ,GACD,IACP,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["\"use client\"\nimport { Button } from 'primereact/button'\nimport { Calendar } from 'primereact/calendar'\nimport { Dialog } from 'primereact/dialog'\nimport { AutoComplete } from 'primereact/autocomplete'\nimport { useEffect, useState } from 'react'\nimport styles from './chatter.module.css'\nimport { SolidMessageComposer } from './SolidMessageComposer'\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi'\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\ninterface Props {\n    activeTab: any,\n    handleTabClick: any,\n    visibleBox: any,\n    modelSingularName: any,\n    refetch: any,\n    id: any,\n    onFilterChange?: (filters: FilterState) => void;\n}\n\nexport const SolidChatterHeader = (props: Props) => {\n    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange } = props;\n    const [showFilterDialog, setShowFilterDialog] = useState(false);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [hasActiveFilters, setHasActiveFilters] = useState(false);\n    const [suggestions, setSuggestions] = useState<any[]>([]);\n    const [getUsers] = useLazyGetusersQuery();\n\n    useEffect(() => {\n        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;\n        setHasActiveFilters(isActive);\n    }, [filters]);\n\n    const handleFilterClick = () => {\n        setShowFilterDialog(true);\n    };\n\n    const handleApplyFilters = () => {\n        if (onFilterChange) {\n            onFilterChange(filters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const handleClearFilters = () => {\n        const clearedFilters = {\n            name: '',\n            startDate: null,\n            endDate: null\n        };\n        setFilters(clearedFilters);\n        if (onFilterChange) {\n            onFilterChange(clearedFilters);\n        }\n        setShowFilterDialog(false);\n    };\n\n    const searchUsers = async (event: { query: string }) => {\n        try {\n            const response = await getUsers(`filters[fullName][$containsi]=${event.query}`).unwrap();\n            setSuggestions(response?.data?.records || []);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_USER, error);\n            setSuggestions([]);\n        }\n    };\n\n    const itemTemplate = (item: any) => {\n        return (\n            <div className=\"flex align-items-center\">\n                <div>{item.fullName}</div>\n            </div>\n        );\n    };\n\n    return (\n        <div className={styles.chatterTitle}>\n            <div className='flex justify-content-between align-items-center'>\n                <div className=\"form-wrapper-title \">\n                    Activity\n                </div>\n                <div className='flex align-items-center gap-2'>\n                    {/* <Button\n                        label=\"Send Message\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('email-message')}\n                        {...(activeTab !== 'email-message' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        })}\n                    /> */}\n                    <Button\n                        label=\"Log Note\"\n                        size=\"small\"\n                        type=\"button\"\n                        onClick={() => handleTabClick('log')}\n                        {...(activeTab !== 'log' && {\n                            severity: 'secondary',\n                            outlined: true,\n                        }\n                        )}\n                    />\n                    <Button\n                        icon=\"pi pi-filter-fill\"\n                        text\n                        size='small'\n                        severity=\"secondary\"\n                        aria-label=\"Filter\"\n                        style={{\n                            width: 20,\n                            color: hasActiveFilters ? '#722ED1' : undefined\n                        }}\n                        onClick={handleFilterClick}\n                    />\n                    <Button\n                        icon=\"pi pi-refresh\"\n                        text\n                        size='small'\n                        severity=\"secondary\"\n                        aria-label=\"Refresh\"\n                        style={{\n                            width: 20\n                        }}\n                        onClick={refetch}\n                    />\n                </div>\n            </div>\n            {visibleBox &&\n                <div className='mt-4'>\n                    {visibleBox === \"email-message\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={\"email\"} />\n                    }\n\n                    {visibleBox === \"log\" &&\n                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} />\n                    }\n                </div>\n            }\n            <Dialog \n                header=\"Filter Messages\" \n                visible={showFilterDialog} \n                style={{ width: 500 }} \n                onHide={() => setShowFilterDialog(false)}\n                className='solid-chatter-filter-main'\n            >\n                <div className=\"p-fluid\">\n                    <div className=\"flex flex-column gap-2\">\n                        <label htmlFor=\"name\">Name:</label>\n                        <AutoComplete\n                            id=\"fullName\"\n                            value={filters.name}\n                            suggestions={suggestions}\n                            completeMethod={searchUsers}\n                            field=\"fullName\"\n                            onChange={(e) => setFilters(prev => ({ \n                                ...prev, \n                                name: typeof e.value === 'object' ? e.value.fullName : e.value \n                            }))}\n                            placeholder=\"Filter By User\"\n                            itemTemplate={itemTemplate}\n                            className=\"w-full\"\n                        />\n                    </div>\n                    <div className=\"flex flex-column gap-2 mt-3\">\n                        <label htmlFor=\"dateRange\">Date Range</label>\n                        <div className=\"flex gap-2\">\n                            <div className=\"flex-1\">\n                                <Calendar\n                                    id=\"startDate\"\n                                    value={filters.startDate}\n                                    onChange={(e) => setFilters(prev => ({ ...prev, startDate: e.value as Date }))}\n                                    placeholder=\"Start Date\"\n                                    showIcon\n                                    dateFormat=\"dd/mm/yy\"\n                                    className=\"w-full\"\n                                />\n                            </div>\n                            <div className=\"flex-1\">\n                                <Calendar\n                                    id=\"endDate\"\n                                    value={filters.endDate}\n                                    onChange={(e) => setFilters(prev => ({ ...prev, endDate: e.value as Date }))}\n                                    placeholder=\"End Date\"\n                                    showIcon\n                                    dateFormat=\"dd/mm/yy\"\n                                    className=\"w-full\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"flex justify-content-end gap-2 mt-4\">\n                        <Button \n                            label=\"Clear\" \n                            severity=\"secondary\" \n                            outlined \n                            onClick={handleClearFilters}\n                        />\n                        <Button \n                            label=\"Apply\" \n                            onClick={handleApplyFilters}\n                        />\n                    </div>\n                </div>\n            </Dialog>\n        </div>\n    )\n}"]}

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

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

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

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

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

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

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

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

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

@@ -1,49 +1,4 @@
 "use client";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InputText } from 'primereact/inputtext';
 import styles from './chatter.module.css';
@@ -52,67 +7,53 @@ import { useCreateChatterMessageMutation } from '../../../redux/api/solidChatter
 import { useEffect, useState, useRef } from 'react';
 import { useSelector } from 'react-redux';
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-export var SolidMessageComposer = function (_a) {
-    var type = _a.type, modelSingularName = _a.modelSingularName, refetch = _a.refetch, id = _a.id;
-    var _b = useState(''), message = _b[0], setMessage = _b[1];
-    var _c = useState([]), selectedFiles = _c[0], setSelectedFiles = _c[1];
-    var user = useSelector(function (state) { return state.auth; }).user;
-    var fileInputRef = useRef(null);
+export const SolidMessageComposer = ({ type, modelSingularName, refetch, id }) => {
+    const [message, setMessage] = useState('');
+    const [selectedFiles, setSelectedFiles] = useState([]);
+    const { user } = useSelector((state) => state.auth);
+    const fileInputRef = useRef(null);
     // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);
-    var _d = useCreateChatterMessageMutation(), createChatterMessage = _d[0], _e = _d[1], isLoading = _e.isLoading, isSuccess = _e.isSuccess, isError = _e.isError;
-    var tempEmails = [
+    const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();
+    const tempEmails = [
         "johndoe@gmal.com",
         "tempmail@gmail.com",
         "example@mail.com"
     ];
-    var handleFileSelect = function (event) {
+    const handleFileSelect = (event) => {
         if (event.target.files) {
-            var files_1 = Array.from(event.target.files);
-            setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), files_1, true); });
+            const files = Array.from(event.target.files);
+            setSelectedFiles(prev => [...prev, ...files]);
+        }
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!message.trim() && selectedFiles.length === 0)
+            return;
+        try {
+            const formData = new FormData();
+            formData.append('messageType', "custom");
+            formData.append('messageSubType', "custom");
+            formData.append('messageBody', message);
+            formData.append('coModelEntityId', id);
+            formData.append('coModelName', modelSingularName);
+            formData.append('userId', user?.user?.id || 1);
+            selectedFiles.forEach((file, index) => {
+                formData.append(`messageAttachments`, file);
+            });
+            await createChatterMessage(formData).unwrap();
+            setMessage('');
+            setSelectedFiles([]);
+        }
+        catch (error) {
+            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);
         }
     };
-    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var formData_1, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    e.preventDefault();
-                    if (!message.trim() && selectedFiles.length === 0)
-                        return [2 /*return*/];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    formData_1 = new FormData();
-                    formData_1.append('messageType', "custom");
-                    formData_1.append('messageSubType', "custom");
-                    formData_1.append('messageBody', message);
-                    formData_1.append('coModelEntityId', id);
-                    formData_1.append('coModelName', modelSingularName);
-                    formData_1.append('userId', ((_a = user === null || user === void 0 ? void 0 : user.user) === null || _a === void 0 ? void 0 : _a.id) || 1);
-                    selectedFiles.forEach(function (file, index) {
-                        formData_1.append("messageAttachments", file);
-                    });
-                    return [4 /*yield*/, createChatterMessage(formData_1).unwrap()];
-                case 2:
-                    _b.sent();
-                    setMessage('');
-                    setSelectedFiles([]);
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    useEffect(function () {
+    useEffect(() => {
         if (isSuccess) {
             refetch();
         }
     }, [isSuccess]);
-    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(InputText, { type: "text", value: message, onChange: function (e) { return setMessage(e.target.value); }, placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note...', className: "p-inputtext-sm w-full p-2 ".concat(styles.chatterMessageInput) }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(Button, { icon: "pi pi-plus", className: "p-button-rounded p-button-text", onClick: function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, tooltip: "Attach files", tooltipOptions: { position: 'top' }, type: 'button' })] }), selectedFiles.length > 0 && (_jsx("div", { className: 'flex flex-wrap gap-2 mt-2', children: selectedFiles.map(function (file, index) { return (_jsxs("div", { className: 'flex align-items-center gap-2 bg-gray-100 p-2 rounded', children: [_jsx("span", { className: 'text-sm', children: file.name }), _jsx(Button, { icon: "pi pi-times", className: "p-button-rounded p-button-text p-button-sm", onClick: function () { return setSelectedFiles(function (prev) { return prev.filter(function (_, i) { return i !== index; }); }); } })] }, index)); }) })), _jsxs("div", { className: 'mt-3 flex align-items-center gap-2', children: [_jsx(Button, { label: type === 'email' ? 'Send' : 'Log', size: 'small', type: 'submit', loading: isLoading }), _jsx(Button, { label: 'Cancel', size: 'small', type: 'button', text: true, severity: 'contrast', onClick: function () {
+    return (_jsxs("form", { className: styles.chatterMessageComposer, onSubmit: handleSubmit, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(InputText, { type: "text", value: message, onChange: (e) => setMessage(e.target.value), placeholder: type === 'email' ? 'Send a message to followers' : 'Log an internal note...', className: `p-inputtext-sm w-full p-2 ${styles.chatterMessageInput}` }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileSelect, multiple: true, style: { display: 'none' } }), _jsx(Button, { icon: "pi pi-plus", className: "p-button-rounded p-button-text", onClick: () => fileInputRef.current?.click(), tooltip: "Attach files", tooltipOptions: { position: 'top' }, type: 'button' })] }), selectedFiles.length > 0 && (_jsx("div", { className: 'flex flex-wrap gap-2 mt-2', children: selectedFiles.map((file, index) => (_jsxs("div", { className: 'flex align-items-center gap-2 bg-gray-100 p-2 rounded', children: [_jsx("span", { className: 'text-sm', children: file.name }), _jsx(Button, { icon: "pi pi-times", className: "p-button-rounded p-button-text p-button-sm", onClick: () => setSelectedFiles(prev => prev.filter((_, i) => i !== index)) })] }, index))) })), _jsxs("div", { className: 'mt-3 flex align-items-center gap-2', children: [_jsx(Button, { label: type === 'email' ? 'Send' : 'Log', size: 'small', type: 'submit', loading: isLoading }), _jsx(Button, { label: 'Cancel', size: 'small', type: 'button', text: true, severity: 'contrast', onClick: () => {
                             setMessage('');
                             setSelectedFiles([]);
                         } })] })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"SolidMessageComposer.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidMessageComposer.js","sourceRoot":"./","sources":["components/core/chatter/SolidMessageComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\nimport { InputText } from 'primereact/inputtext'\nimport styles from './chatter.module.css'\nimport { Button } from 'primereact/button'\nimport { useCreateChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi'\nimport { useEffect, useState, useRef } from 'react'\nimport { useGetSolidViewLayoutQuery } from '../../../redux/api/solidViewApi'\nimport { useSelector } from 'react-redux'\nimport { FileUpload } from 'primereact/fileupload';\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nexport const SolidMessageComposer = ({ type, modelSingularName, refetch, id }: { type?: string, modelSingularName?: any, refetch?: any, id?: any }) => {\n    const [message, setMessage] = useState('');\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const { user } = useSelector((state: any) => state.auth);\n    const fileInputRef = useRef<HTMLInputElement>(null);\n\n    // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);\n    const [createChatterMessage, { isLoading, isSuccess, isError }] = useCreateChatterMessageMutation();\n\n    const tempEmails = [\n        \"johndoe@gmal.com\",\n        \"tempmail@gmail.com\",\n        \"example@mail.com\"\n    ]\n\n    const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (event.target.files) {\n            const files = Array.from(event.target.files);\n            setSelectedFiles(prev => [...prev, ...files]);\n        }\n    };\n\n    const handleSubmit = async (e: React.FormEvent) => {\n        e.preventDefault();\n        if (!message.trim() && selectedFiles.length === 0) return;\n\n        try {\n            const formData = new FormData();\n            formData.append('messageType', \"custom\");\n            formData.append('messageSubType', \"custom\");\n            formData.append('messageBody', message);\n            formData.append('coModelEntityId', id);\n            formData.append('coModelName', modelSingularName);\n            formData.append('userId', user?.user?.id || 1);\n\n            selectedFiles.forEach((file, index) => {\n                formData.append(`messageAttachments`, file);\n            });\n\n            await createChatterMessage(formData).unwrap();\n            setMessage('');\n            setSelectedFiles([]);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    };\n\n    useEffect(() => {\n        if (isSuccess) {\n            refetch()\n        }\n    }, [isSuccess]);\n\n    return (\n        <form className={styles.chatterMessageComposer} onSubmit={handleSubmit}>\n            {/* {type === 'email' &&\n                <div className='flex align-items-center gap-1 text-sm mb-2'>\n                    <span className='font-bold'>To:</span>\n                    <div className={styles.chatterEmails}>\n                        {tempEmails.map((mail, index) => (\n                            <span key={index}>\n                                {mail}\n                            </span>\n                        ))}\n                    </div>\n                    <div className={`pi pi-sort-down-fill text-primary ${styles.emailTooltipIcon}`} style={{ fontSize: 8 }}>\n                        <div className={styles.emailsTooltip}>\n                            {tempEmails.map((mail, index) => (\n                                <span key={index} className='text-color text-sm'>\n                                    {mail}\n                                </span>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            } */}\n            <div className='flex align-items-center gap-2'>\n                <InputText\n                    type=\"text\"\n                    value={message}\n                    onChange={(e) => setMessage(e.target.value)}\n                    placeholder={type === 'email' ? 'Send a message to followers' : 'Log an internal note...'}\n                    className={`p-inputtext-sm w-full p-2 ${styles.chatterMessageInput}`}\n                />\n                <input\n                    type=\"file\"\n                    ref={fileInputRef}\n                    onChange={handleFileSelect}\n                    multiple\n                    style={{ display: 'none' }}\n                />\n                <Button\n                    icon=\"pi pi-plus\"\n                    className=\"p-button-rounded p-button-text\"\n                    onClick={() => fileInputRef.current?.click()}\n                    tooltip=\"Attach files\"\n                    tooltipOptions={{ position: 'top' }}\n                    type='button'\n                />\n            </div>\n            {selectedFiles.length > 0 && (\n                <div className='flex flex-wrap gap-2 mt-2'>\n                    {selectedFiles.map((file, index) => (\n                        <div key={index} className='flex align-items-center gap-2 bg-gray-100 p-2 rounded'>\n                            <span className='text-sm'>{file.name}</span>\n                            <Button\n                                icon=\"pi pi-times\"\n                                className=\"p-button-rounded p-button-text p-button-sm\"\n                                onClick={() => setSelectedFiles(prev => prev.filter((_, i) => i !== index))}\n                            />\n                        </div>\n                    ))}\n                </div>\n            )}\n            <div className='mt-3 flex align-items-center gap-2'>\n                <Button\n                    label={type === 'email' ? 'Send' : 'Log'}\n                    size='small'\n                    type='submit'\n                    loading={isLoading}\n                />\n                <Button\n                    label='Cancel'\n                    size='small'\n                    type='button'\n                    text\n                    severity='contrast'\n                    onClick={() => {\n                        setMessage('');\n                        setSelectedFiles([]);\n                    }}\n                />\n            </div>\n        </form>\n    )\n}"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/AvatarWidget.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,cAAe,GAAG,4CAsD1C,CAAC"}
+{"version":3,"file":"AvatarWidget.d.ts","sourceRoot":"./","sources":["components/core/common/AvatarWidget.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,cAAe,GAAG,4CAsD1C,CAAC"}

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

@@ -1,29 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var AvatarWidget = function (_a) {
+export const AvatarWidget = ({ value }) => {
     // use "widget": "SolidUserNameAvatarWidget" in the list view field 
-    var value = _a.value;
-    var getInitials = function (value) {
+    const getInitials = (value) => {
         if (value) {
-            var names = value === null || value === void 0 ? void 0 : value.trim().split(' ');
-            var initials_1 = names.length === 1
+            const names = value?.trim().split(' ');
+            const initials = names.length === 1
                 ? names[0][0]
                 : names[0][0] + names[names.length - 1][0];
-            return initials_1.toUpperCase();
+            return initials.toUpperCase();
         }
         else {
             return "";
         }
     };
-    var getColorFromInitials = function (initials) {
-        var hash = 0;
-        for (var i = 0; i < initials.length; i++) {
+    const getColorFromInitials = (initials) => {
+        let hash = 0;
+        for (let i = 0; i < initials.length; i++) {
             hash = initials.charCodeAt(i) + ((hash << 5) - hash);
         }
-        var hue = Math.abs(hash) % 360;
-        return "hsl(".concat(hue, ", 60%, 60%)"); // nice pastel color
+        const hue = Math.abs(hash) % 360;
+        return `hsl(${hue}, 60%, 60%)`; // nice pastel color
     };
-    var initials = getInitials(value);
-    var bgColor = getColorFromInitials(initials);
+    const initials = getInitials(value);
+    const bgColor = getColorFromInitials(initials);
     return (_jsx("div", { className: "solid-table-row", children: value &&
             _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [_jsx("div", { style: {
                             width: 20,

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarWidget.js","sourceRoot":"","sources":["../../../../src/components/core/common/AvatarWidget.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAc;IACvC,oEAAoE;QADzC,KAAK,WAAA;IAIhC,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,KAAK,EAAE;YACP,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,IAAM,UAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,UAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,cAAO,GAAG,gBAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,IAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC3B,KAAK;YACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aAChE,cACI,KAAK,EAAE;4BACH,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,OAAO;4BACxB,KAAK,EAAE,OAAO;4BACd,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,GAAG;4BACf,QAAQ,EAAE,EAAE;yBACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAER,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"AvatarWidget.js","sourceRoot":"./","sources":["components/core/common/AvatarWidget.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;IAC3C,oEAAoE;IAGpE,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,IAAI,KAAK,EAAE;YACP,MAAM,KAAK,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,MAAM,QAAQ,GACV,KAAK,CAAC,MAAM,KAAK,CAAC;gBACd,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;SACjC;aAAM;YACH,OAAO,EAAE,CAAA;SACZ;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC9C,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;SACxD;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACjC,OAAO,OAAO,GAAG,aAAa,CAAC,CAAC,oBAAoB;IACxD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC3B,KAAK;YACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,aAChE,cACI,KAAK,EAAE;4BACH,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,OAAO;4BACxB,KAAK,EAAE,OAAO;4BACd,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,GAAG;4BACf,QAAQ,EAAE,EAAE;yBACf,YAEA,QAAQ,GACP,EACN,yBAAO,KAAK,GAAQ,IAClB,GAER,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["export const AvatarWidget = ({ value }: any) => {\n    // use \"widget\": \"SolidUserNameAvatarWidget\" in the list view field \n\n\n    const getInitials = (value: string) => {\n        if (value) {\n            const names = value?.trim().split(' ');\n            const initials =\n                names.length === 1\n                    ? names[0][0]\n                    : names[0][0] + names[names.length - 1][0];\n            return initials.toUpperCase();\n        } else {\n            return \"\"\n        }\n    };\n\n    const getColorFromInitials = (initials: string) => {\n        let hash = 0;\n        for (let i = 0; i < initials.length; i++) {\n            hash = initials.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        const hue = Math.abs(hash) % 360;\n        return `hsl(${hue}, 60%, 60%)`; // nice pastel color\n    };\n\n    const initials = getInitials(value);\n    const bgColor = getColorFromInitials(initials);\n\n    return (\n        <div className=\"solid-table-row\">\n            {value &&\n                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                    <div\n                        style={{\n                            width: 20,\n                            height: 20,\n                            borderRadius: '50%',\n                            backgroundColor: bgColor,\n                            color: 'white',\n                            display: 'flex',\n                            alignItems: 'center',\n                            justifyContent: 'center',\n                            fontWeight: 600,\n                            fontSize: 12\n                        }}\n                    >\n                        {initials}\n                    </div>\n                    <span>{value}</span>\n                </div>\n            }\n        </div>\n    );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DateFieldViewComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAIhC,kBAAkB,4CAqBpB,CAAC"}
+{"version":3,"file":"DateFieldViewComponent.d.ts","sourceRoot":"./","sources":["components/core/common/DateFieldViewComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAIhC,kBAAkB,4CAqBpB,CAAC"}