@solidxai/core-ui 0.0.1

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

@@ -0,0 +1,218 @@
+
+import { Button } from 'primereact/button'
+import { Calendar } from 'primereact/calendar'
+import { Dialog } from 'primereact/dialog'
+import { AutoComplete } from 'primereact/autocomplete'
+import { useEffect, useState } from 'react'
+import styles from './chatter.module.css'
+import { SolidMessageComposer } from './SolidMessageComposer'
+import { useLazyGetusersQuery } from '../../../redux/api/userApi'
+import { ERROR_MESSAGES } from '../../../constants/error-messages'
+interface FilterState {
+    name: string;
+    startDate: Date | null;
+    endDate: Date | null;
+}
+
+interface Props {
+    activeTab: any,
+    handleTabClick: any,
+    visibleBox: any,
+    modelSingularName: any,
+    refetch: any,
+    id: any,
+    onFilterChange?: (filters: FilterState) => void;
+}
+
+export const SolidChatterHeader = (props: Props) => {
+    const { activeTab, visibleBox, handleTabClick, modelSingularName, refetch, id, onFilterChange } = props;
+    const [showFilterDialog, setShowFilterDialog] = useState(false);
+    const [filters, setFilters] = useState<FilterState>({
+        name: '',
+        startDate: null,
+        endDate: null
+    });
+    const [hasActiveFilters, setHasActiveFilters] = useState(false);
+    const [suggestions, setSuggestions] = useState<any[]>([]);
+    const [getUsers] = useLazyGetusersQuery();
+
+    useEffect(() => {
+        const isActive = filters.name !== '' || filters.startDate !== null || filters.endDate !== null;
+        setHasActiveFilters(isActive);
+    }, [filters]);
+
+    const handleFilterClick = () => {
+        setShowFilterDialog(true);
+    };
+
+    const handleApplyFilters = () => {
+        if (onFilterChange) {
+            onFilterChange(filters);
+        }
+        setShowFilterDialog(false);
+    };
+
+    const handleClearFilters = () => {
+        const clearedFilters = {
+            name: '',
+            startDate: null,
+            endDate: null
+        };
+        setFilters(clearedFilters);
+        if (onFilterChange) {
+            onFilterChange(clearedFilters);
+        }
+        setShowFilterDialog(false);
+    };
+
+    const searchUsers = async (event: { query: string }) => {
+        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: any) => {
+        return (
+            <div className="flex align-items-center">
+                <div>{item.fullName}</div>
+            </div>
+        );
+    };
+
+    return (
+        <div className={styles.chatterTitle}>
+            <div className='flex justify-content-between align-items-center'>
+                <div className="form-wrapper-title ">
+                    Activity
+                </div>
+                <div className='flex align-items-center gap-2'>
+                    {/* <Button
+                        label="Send Message"
+                        size="small"
+                        type="button"
+                        onClick={() => handleTabClick('email-message')}
+                        {...(activeTab !== 'email-message' && {
+                            severity: 'secondary',
+                            outlined: true,
+                        })}
+                    /> */}
+                    <Button
+                        label="Log Note"
+                        size="small"
+                        type="button"
+                        onClick={() => handleTabClick('log')}
+                        {...(activeTab !== 'log' && {
+                            severity: 'secondary',
+                            outlined: true,
+                        }
+                        )}
+                    />
+                    <Button
+                        icon="pi pi-filter-fill"
+                        text
+                        size='small'
+                        severity="secondary"
+                        aria-label="Filter"
+                        style={{
+                            width: 20,
+                            color: hasActiveFilters ? '#722ED1' : undefined
+                        }}
+                        onClick={handleFilterClick}
+                    />
+                    <Button
+                        icon="pi pi-refresh"
+                        text
+                        size='small'
+                        severity="secondary"
+                        aria-label="Refresh"
+                        style={{
+                            width: 20
+                        }}
+                        onClick={refetch}
+                    />
+                </div>
+            </div>
+            {visibleBox &&
+                <div className='mt-4'>
+                    {visibleBox === "email-message" &&
+                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} type={"email"} />
+                    }
+
+                    {visibleBox === "log" &&
+                        <SolidMessageComposer id={id} refetch={refetch} modelSingularName={modelSingularName} />
+                    }
+                </div>
+            }
+            <Dialog 
+                header="Filter Messages" 
+                visible={showFilterDialog} 
+                style={{ width: 500 }} 
+                onHide={() => setShowFilterDialog(false)}
+                className='solid-chatter-filter-main'
+            >
+                <div className="p-fluid">
+                    <div className="flex flex-column gap-2">
+                        <label htmlFor="name">Name:</label>
+                        <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"
+                        />
+                    </div>
+                    <div className="flex flex-column gap-2 mt-3">
+                        <label htmlFor="dateRange">Date Range</label>
+                        <div className="flex gap-2">
+                            <div className="flex-1">
+                                <Calendar
+                                    id="startDate"
+                                    value={filters.startDate}
+                                    onChange={(e) => setFilters(prev => ({ ...prev, startDate: e.value as Date }))}
+                                    placeholder="Start Date"
+                                    showIcon
+                                    dateFormat="dd/mm/yy"
+                                    className="w-full"
+                                />
+                            </div>
+                            <div className="flex-1">
+                                <Calendar
+                                    id="endDate"
+                                    value={filters.endDate}
+                                    onChange={(e) => setFilters(prev => ({ ...prev, endDate: e.value as Date }))}
+                                    placeholder="End Date"
+                                    showIcon
+                                    dateFormat="dd/mm/yy"
+                                    className="w-full"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div className="flex justify-content-end gap-2 mt-4">
+                        <Button 
+                            label="Clear" 
+                            severity="secondary" 
+                            outlined 
+                            onClick={handleClearFilters}
+                        />
+                        <Button 
+                            label="Apply" 
+                            onClick={handleApplyFilters}
+                        />
+                    </div>
+                </div>
+            </Dialog>
+        </div>
+    )
+}

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

@@ -0,0 +1,22 @@
+interface Props {
+    user: string;
+    messageType?: string;
+    message?: any;
+    time?: string;
+    auditRecord?: any;
+    messageSubType?: string;
+    modelDisplayName?: string;
+    modelUserKey?: string;
+    media?: {
+        messageAttachments?: Array<{
+            id: number;
+            relativeUri: string;
+            mimeType: string;
+            originalFileName: string;
+            _full_url: string;
+        }>;
+    };
+}
+export declare const SolidChatterMessageBox: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidChatterMessageBox.d.ts.map

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

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

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

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTextColor, stringToColor } from '../../../helpers/getRandomColors';
+import Image from "../../common/Image";
+import { Avatar } from 'primereact/avatar';
+import { Dialog } from 'primereact/dialog';
+import { useMemo, useState } from 'react';
+import styles from './chatter.module.css';
+import { SolidChatterCustomMessage } from './SolidChatterCustomMessage';
+import { SolidChatterAuditMessage } from './SolidChatterAuditMessage';
+var getFileIcon = function (mimeType) {
+    if (mimeType.startsWith('image/')) {
+        return 'pi pi-image';
+    }
+    switch (mimeType) {
+        case 'application/pdf':
+            return 'pi pi-file-pdf';
+        case 'application/vnd.ms-excel':
+        case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+            return 'pi pi-file-excel';
+        case 'application/msword':
+        case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+            return 'pi pi-file-word';
+        case 'text/plain':
+            return 'pi pi-file';
+        default:
+            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 };
+    }, [user]);
+    var handleImageClick = function (url) {
+        setSelectedImage(url);
+        setIsImageDialogVisible(true);
+    };
+    var renderMessageContent = function () {
+        switch (messageType) {
+            case 'audit':
+                return _jsx(SolidChatterAuditMessage, { auditRecord: auditRecord });
+            case 'custom':
+            default:
+                return _jsx(SolidChatterCustomMessage, { message: message });
+        }
+    };
+    return (_jsxs("div", { className: styles.solidChatterMessageBox, children: [_jsxs("div", { className: 'flex align-items-center', children: [_jsx("div", { style: { width: 32 }, children: _jsx(Avatar, { label: user.charAt(0).toUpperCase(), style: avatarStyle, shape: "circle" }) }), _jsxs("div", { className: 'flex align-items-center justify-content-between', style: { width: '100%' }, children: [_jsxs("div", { className: 'text-sm', children: [_jsx("span", { className: 'font-bold', children: user }), _jsx("span", { className: 'ml-2', style: { color: '#949494' }, children: messageType === 'audit' ? messageSubType === "audit_update"
+                                            ? _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' } })) })] }));
+};
+//# sourceMappingURL=SolidChatterMessageBox.js.map

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const SolidMessageComposer: ({ type, modelSingularName, refetch, id }: {
+    type?: string | undefined;
+    modelSingularName?: any;
+    refetch?: any;
+    id?: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidMessageComposer.d.ts.map

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

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

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

@@ -0,0 +1,119 @@
+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';
+import { Button } from 'primereact/button';
+import { useCreateChatterMessageMutation } from '../../../redux/api/solidChatterMessageApi';
+import { useEffect, useState, useRef } from 'react';
+import { ERROR_MESSAGES } from '../../../constants/error-messages';
+import { useSession } from '../../../hooks/useSession';
+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 _d = useSession(), session = _d.data, status = _d.status;
+    var user = session === null || session === void 0 ? void 0 : session.user;
+    var fileInputRef = useRef(null);
+    // const { data: viewLayoutData } = useGetSolidViewLayoutQuery(null);
+    var _e = useCreateChatterMessageMutation(), createChatterMessage = _e[0], _f = _e[1], isLoading = _f.isLoading, isSuccess = _f.isSuccess, isError = _f.isError;
+    var tempEmails = [
+        "johndoe@gmal.com",
+        "tempmail@gmail.com",
+        "example@mail.com"
+    ];
+    var handleFileSelect = function (event) {
+        if (event.target.files) {
+            var files_1 = Array.from(event.target.files);
+            setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), files_1, true); });
+        }
+    };
+    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var formData_1, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    e.preventDefault();
+                    if (!message.trim() && selectedFiles.length === 0)
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.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', (user === null || user === void 0 ? void 0 : user.id) || 1);
+                    selectedFiles.forEach(function (file, index) {
+                        formData_1.append("messageAttachments", file);
+                    });
+                    return [4 /*yield*/, createChatterMessage(formData_1).unwrap()];
+                case 2:
+                    _a.sent();
+                    setMessage('');
+                    setSelectedFiles([]);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        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 () {
+                            setMessage('');
+                            setSelectedFiles([]);
+                        } })] })] }));
+};
+//# sourceMappingURL=SolidMessageComposer.js.map

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

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