@nlabs/gothamui 1.8.0

package/lib/components/Chat/MeetingMessage/MeetingMessage.js

@@ -0,0 +1,227 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { ChevronDown as ArrowDown01Icon, ChevronRight as ArrowRight01Icon, CalendarDays as Calendar04Icon, MessageSquare as MessageMultiple01Icon, Ellipsis as MoreHorizontalIcon, Video as Video01Icon } from 'lucide-react';
+import { useState } from 'react';
+import { Avatar } from '../Avatar/Avatar.js';
+import { Dropdown } from '../Dropdown/Dropdown.js';
+import { formatRelativeDate } from '../utils/formatRelativeDate.js';
+export const MeetingMessage = ({ date, dateString, title, subject, collapseTitle, moreItems, participants, dataSource, onClick, onMeetingTitleClick, onMeetingVideoLinkClick, onMeetingMoreSelect, ...props })=>{
+    const [toogle, setToogle] = useState(false);
+    const PARTICIPANT_LIMIT = props.participantsLimit;
+    const dateText = dateString ? dateString : date && formatRelativeDate(date);
+    const _onMeetingLinkClick = (item, index, event)=>{
+        if (onMeetingTitleClick instanceof Function) {
+            onMeetingTitleClick(item, index, event);
+        }
+    };
+    const _onMeetingVideoLinkClick = (item, index, event)=>{
+        if (onMeetingVideoLinkClick instanceof Function) {
+            onMeetingVideoLinkClick(item, index, event);
+        }
+    };
+    const toggleClick = ()=>{
+        setToogle(!toogle);
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "rce-mbox-mtmg",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "rce-mtmg",
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: "rce-mtmg-subject",
+                    children: subject || 'Unknown Meeting'
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "rce-mtmg-body",
+                    onClick: onClick,
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "rce-mtmg-item",
+                            children: [
+                                /*#__PURE__*/ _jsx(Calendar04Icon, {}),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "rce-mtmg-content",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "rce-mtmg-title",
+                                            children: title
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "rce-mtmg-date",
+                                            children: dateText
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        onMeetingMoreSelect && moreItems && moreItems.length > 0 && /*#__PURE__*/ _jsx("div", {
+                            children: /*#__PURE__*/ _jsx(Dropdown, {
+                                animationType: "bottom",
+                                animationPosition: "norteast",
+                                buttonProps: {
+                                    className: 'rce-mtmg-right-icon',
+                                    icon: {
+                                        component: /*#__PURE__*/ _jsx(MoreHorizontalIcon, {}),
+                                        size: 24
+                                    }
+                                },
+                                items: moreItems,
+                                onSelect: onMeetingMoreSelect
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "rce-mtmg-body-bottom",
+                    onClick: toggleClick,
+                    children: toogle === true ? /*#__PURE__*/ _jsxs("div", {
+                        className: "rce-mtmg-bottom--tptitle",
+                        children: [
+                            /*#__PURE__*/ _jsx(ArrowDown01Icon, {}),
+                            /*#__PURE__*/ _jsx("span", {
+                                children: collapseTitle
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsxs("div", {
+                        className: "rce-mtmg-body-bottom--bttitle",
+                        children: [
+                            /*#__PURE__*/ _jsx(ArrowRight01Icon, {}),
+                            /*#__PURE__*/ _jsxs("span", {
+                                children: [
+                                    participants?.slice(0, PARTICIPANT_LIMIT).map((x)=>x.title || 'Unknow').join(', '),
+                                    participants && PARTICIPANT_LIMIT && participants.length > PARTICIPANT_LIMIT && `, +${participants.length - PARTICIPANT_LIMIT}`
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn('rce-mtmg-toogleContent', {
+                        'rce-mtmg-toogleContent--click': toogle === true
+                    }),
+                    children: dataSource && dataSource.map((x, i)=>/*#__PURE__*/ _jsxs("div", {
+                            children: [
+                                !x.event && /*#__PURE__*/ _jsxs("div", {
+                                    className: "rce-mitem",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: cn('rce-mitem avatar', {
+                                                'rce-mitem no-avatar': !x.avatar
+                                            }),
+                                            children: x.avatar ? /*#__PURE__*/ _jsx(Avatar, {
+                                                src: x.avatar
+                                            }) : /*#__PURE__*/ _jsx(MessageMultiple01Icon, {})
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "rce-mitem-body",
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: "rce-mitem-body--top",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            className: "rce-mitem-body--top-title",
+                                                            onClick: (e)=>_onMeetingLinkClick(x, i, e),
+                                                            children: x.title
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            className: "rce-mitem-body--top-time",
+                                                            children: x.dateString ? x.dateString : x.date && x.date && formatRelativeDate(x.date)
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsx("div", {
+                                                    className: "rce-mitem-body--bottom",
+                                                    children: /*#__PURE__*/ _jsx("div", {
+                                                        className: "rce-mitem-body--bottom-title",
+                                                        children: x.message
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                x.event && /*#__PURE__*/ _jsx("div", {
+                                    className: "rce-mitem-event",
+                                    children: /*#__PURE__*/ _jsxs("div", {
+                                        className: "rce-mitem-bottom-body",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: "rce-mitem-body avatar",
+                                                children: /*#__PURE__*/ _jsx(Video01Icon, {})
+                                            }),
+                                            /*#__PURE__*/ _jsxs("div", {
+                                                className: "rce-mitem-bottom-body-top",
+                                                children: [
+                                                    x.event.title,
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: "rce-mitem-body--top-time",
+                                                        children: x.dateString ? x.dateString : x.date && formatRelativeDate(x.date)
+                                                    }),
+                                                    /*#__PURE__*/ _jsx("div", {
+                                                        className: "rce-mitem-avatar-content",
+                                                        children: /*#__PURE__*/ _jsxs("div", {
+                                                            className: "rce-mitem-avatar",
+                                                            children: [
+                                                                x.event.avatars && // x.event.avatars.slice(0, x.event.avatarsLimit).map((x, i) => x instanceof Avatar ? x : (
+                                                                x.event.avatars.slice(0, x.event.avatarsLimit).map((x, i)=>/*#__PURE__*/ _jsx(Avatar, {
+                                                                        src: x.src
+                                                                    }, i)),
+                                                                x.event.avatars && x.event.avatarsLimit && x.event.avatars.length > x.event.avatarsLimit && /*#__PURE__*/ _jsx("div", {
+                                                                    className: "rce-mitem-length rce-mitem-tooltip",
+                                                                    title: x.event.avatars.slice(x.event.avatarsLimit, x.event.avatars.length).map((avatar)=>avatar.title).join(',').toString(),
+                                                                    children: /*#__PURE__*/ _jsx("span", {
+                                                                        className: "rce-mitem-tooltip-text",
+                                                                        children: `+${x.event.avatars.length - x.event.avatarsLimit}`
+                                                                    })
+                                                                })
+                                                            ]
+                                                        })
+                                                    }),
+                                                    x.record && /*#__PURE__*/ _jsx("div", {
+                                                        className: "rce-mtmg-call-record",
+                                                        children: /*#__PURE__*/ _jsxs("div", {
+                                                            className: "rce-mtmg-call-body",
+                                                            children: [
+                                                                /*#__PURE__*/ _jsxs("div", {
+                                                                    onClick: (e)=>_onMeetingVideoLinkClick(x, i, e),
+                                                                    className: "rce-mtmg-call-avatars",
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx(Avatar, {
+                                                                            className: 'rce-mtmg-call-avatars',
+                                                                            src: x.record.avatar
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("div", {
+                                                                            className: 'rce-mtmg-record-time',
+                                                                            children: x.record.time
+                                                                        })
+                                                                    ]
+                                                                }),
+                                                                /*#__PURE__*/ _jsxs("div", {
+                                                                    className: "rce-mtmg-call-body-title",
+                                                                    children: [
+                                                                        /*#__PURE__*/ _jsx("span", {
+                                                                            children: x.record.title
+                                                                        }),
+                                                                        /*#__PURE__*/ _jsx("div", {
+                                                                            className: "rce-mtmg-call-body-bottom",
+                                                                            children: x.record.savedBy
+                                                                        })
+                                                                    ]
+                                                                })
+                                                            ]
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                })
+                            ]
+                        }, i))
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvTWVldGluZ01lc3NhZ2UvTWVldGluZ01lc3NhZ2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge1xuICBDaGV2cm9uRG93biBhcyBBcnJvd0Rvd24wMUljb24sXG4gIENoZXZyb25SaWdodCBhcyBBcnJvd1JpZ2h0MDFJY29uLFxuICBDYWxlbmRhckRheXMgYXMgQ2FsZW5kYXIwNEljb24sXG4gIE1lc3NhZ2VTcXVhcmUgYXMgTWVzc2FnZU11bHRpcGxlMDFJY29uLFxuICBFbGxpcHNpcyBhcyBNb3JlSG9yaXpvbnRhbEljb24sXG4gIFZpZGVvIGFzIFZpZGVvMDFJY29uXG59IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQge3VzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7QXZhdGFyfSBmcm9tICcuLi9BdmF0YXIvQXZhdGFyLmpzJztcbmltcG9ydCB7RHJvcGRvd259IGZyb20gJy4uL0Ryb3Bkb3duL0Ryb3Bkb3duLmpzJztcbmltcG9ydCB7Zm9ybWF0UmVsYXRpdmVEYXRlfSBmcm9tICcuLi91dGlscy9mb3JtYXRSZWxhdGl2ZURhdGUuanMnO1xuXG5pbXBvcnQgdHlwZSB7RkN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtJTWVldGluZ01lc3NhZ2VQcm9wcywgTWVldGluZ01lc3NhZ2VFdmVudH0gZnJvbSAnLi4vdHlwZSc7XG5cbmV4cG9ydCBjb25zdCBNZWV0aW5nTWVzc2FnZTogRkM8SU1lZXRpbmdNZXNzYWdlUHJvcHM+ID0gKHtcbiAgZGF0ZSxcbiAgZGF0ZVN0cmluZyxcbiAgdGl0bGUsXG4gIHN1YmplY3QsXG4gIGNvbGxhcHNlVGl0bGUsXG4gIG1vcmVJdGVtcyxcbiAgcGFydGljaXBhbnRzLFxuICBkYXRhU291cmNlLFxuXG4gIG9uQ2xpY2ssXG4gIG9uTWVldGluZ1RpdGxlQ2xpY2ssXG4gIG9uTWVldGluZ1ZpZGVvTGlua0NsaWNrLFxuICBvbk1lZXRpbmdNb3JlU2VsZWN0LFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBbdG9vZ2xlLCBzZXRUb29nbGVdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFBBUlRJQ0lQQU5UX0xJTUlUID0gcHJvcHMucGFydGljaXBhbnRzTGltaXQ7XG4gIGNvbnN0IGRhdGVUZXh0ID0gZGF0ZVN0cmluZyA/IGRhdGVTdHJpbmcgOiBkYXRlICYmIGZvcm1hdFJlbGF0aXZlRGF0ZShkYXRlKTtcblxuICBjb25zdCBfb25NZWV0aW5nTGlua0NsaWNrOiBNZWV0aW5nTWVzc2FnZUV2ZW50ID0gKGl0ZW0sIGluZGV4LCBldmVudCkgPT4ge1xuICAgIGlmKG9uTWVldGluZ1RpdGxlQ2xpY2sgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgb25NZWV0aW5nVGl0bGVDbGljayhpdGVtLCBpbmRleCwgZXZlbnQpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBfb25NZWV0aW5nVmlkZW9MaW5rQ2xpY2s6IE1lZXRpbmdNZXNzYWdlRXZlbnQgPSAoaXRlbSwgaW5kZXgsIGV2ZW50KSA9PiB7XG4gICAgaWYob25NZWV0aW5nVmlkZW9MaW5rQ2xpY2sgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgb25NZWV0aW5nVmlkZW9MaW5rQ2xpY2soaXRlbSwgaW5kZXgsIGV2ZW50KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgdG9nZ2xlQ2xpY2sgPSAoKSA9PiB7XG4gICAgc2V0VG9vZ2xlKCF0b29nbGUpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tYm94LW10bWcnPlxuICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nJz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nLXN1YmplY3QnPntzdWJqZWN0IHx8ICdVbmtub3duIE1lZXRpbmcnfTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW10bWctYm9keScgb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nLWl0ZW0nPlxuICAgICAgICAgICAgPENhbGVuZGFyMDRJY29uICAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nLWNvbnRlbnQnPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9J3JjZS1tdG1nLXRpdGxlJz57dGl0bGV9PC9zcGFuPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9J3JjZS1tdG1nLWRhdGUnPntkYXRlVGV4dH08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIHtvbk1lZXRpbmdNb3JlU2VsZWN0ICYmIG1vcmVJdGVtcyAmJiBtb3JlSXRlbXMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8RHJvcGRvd25cbiAgICAgICAgICAgICAgICBhbmltYXRpb25UeXBlPSdib3R0b20nXG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uUG9zaXRpb249J25vcnRlYXN0J1xuICAgICAgICAgICAgICAgIGJ1dHRvblByb3BzPXt7XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU6ICdyY2UtbXRtZy1yaWdodC1pY29uJyxcbiAgICAgICAgICAgICAgICAgIGljb246IHtcbiAgICAgICAgICAgICAgICAgICAgY29tcG9uZW50OiA8TW9yZUhvcml6b250YWxJY29uICAvPixcbiAgICAgICAgICAgICAgICAgICAgc2l6ZTogMjRcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIGl0ZW1zPXttb3JlSXRlbXN9XG4gICAgICAgICAgICAgICAgb25TZWxlY3Q9e29uTWVldGluZ01vcmVTZWxlY3R9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nLWJvZHktYm90dG9tJyBvbkNsaWNrPXt0b2dnbGVDbGlja30+XG4gICAgICAgICAge3Rvb2dsZSA9PT0gdHJ1ZSA/IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtbXRtZy1ib3R0b20tLXRwdGl0bGUnPlxuICAgICAgICAgICAgICA8QXJyb3dEb3duMDFJY29uICAvPlxuICAgICAgICAgICAgICA8c3Bhbj57Y29sbGFwc2VUaXRsZX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nLWJvZHktYm90dG9tLS1idHRpdGxlJz5cbiAgICAgICAgICAgICAgPEFycm93UmlnaHQwMUljb24gIC8+XG4gICAgICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgICAgIHtwYXJ0aWNpcGFudHNcbiAgICAgICAgICAgICAgICAgID8uc2xpY2UoMCwgUEFSVElDSVBBTlRfTElNSVQpXG4gICAgICAgICAgICAgICAgICAubWFwKCh4KSA9PiB4LnRpdGxlIHx8ICdVbmtub3cnKVxuICAgICAgICAgICAgICAgICAgLmpvaW4oJywgJyl9XG4gICAgICAgICAgICAgICAge3BhcnRpY2lwYW50cyAmJlxuICAgICAgICAgICAgICAgICAgUEFSVElDSVBBTlRfTElNSVQgJiZcbiAgICAgICAgICAgICAgICAgIHBhcnRpY2lwYW50cy5sZW5ndGggPiBQQVJUSUNJUEFOVF9MSU1JVCAmJlxuICAgICAgICAgICAgICAgICAgYCwgKyR7cGFydGljaXBhbnRzLmxlbmd0aCAtIFBBUlRJQ0lQQU5UX0xJTUlUfWB9XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y24oJ3JjZS1tdG1nLXRvb2dsZUNvbnRlbnQnLCB7J3JjZS1tdG1nLXRvb2dsZUNvbnRlbnQtLWNsaWNrJzogdG9vZ2xlID09PSB0cnVlfSl9PlxuICAgICAgICAgIHtkYXRhU291cmNlICYmXG4gICAgICAgICAgICBkYXRhU291cmNlLm1hcCgoeCwgaSkgPT4gKFxuICAgICAgICAgICAgICA8ZGl2IGtleT17aX0+XG4gICAgICAgICAgICAgICAgeyF4LmV2ZW50ICYmIChcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtbWl0ZW0nPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y24oJ3JjZS1taXRlbSBhdmF0YXInLCB7J3JjZS1taXRlbSBuby1hdmF0YXInOiAheC5hdmF0YXJ9KX0+XG4gICAgICAgICAgICAgICAgICAgICAge3guYXZhdGFyID8gPEF2YXRhciBzcmM9e3guYXZhdGFyfSAvPiA6IDxNZXNzYWdlTXVsdGlwbGUwMUljb24gIC8+fVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib2R5Jz5cbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1pdGVtLWJvZHktLXRvcCc+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT0ncmNlLW1pdGVtLWJvZHktLXRvcC10aXRsZSdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiBfb25NZWV0aW5nTGlua0NsaWNrKHgsIGksIGUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7eC50aXRsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib2R5LS10b3AtdGltZSc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHt4LmRhdGVTdHJpbmcgPyB4LmRhdGVTdHJpbmcgOiB4LmRhdGUgJiYgeC5kYXRlICYmIGZvcm1hdFJlbGF0aXZlRGF0ZSh4LmRhdGUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib2R5LS1ib3R0b20nPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib2R5LS1ib3R0b20tdGl0bGUnPnt4Lm1lc3NhZ2V9PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7eC5ldmVudCAmJiAoXG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1pdGVtLWV2ZW50Jz5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib3R0b20tYm9keSc+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib2R5IGF2YXRhcic+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VmlkZW8wMUljb24gIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1ib3R0b20tYm9keS10b3AnPlxuICAgICAgICAgICAgICAgICAgICAgICAge3guZXZlbnQudGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1pdGVtLWJvZHktLXRvcC10aW1lJz57eC5kYXRlU3RyaW5nID8geC5kYXRlU3RyaW5nIDogeC5kYXRlICYmIGZvcm1hdFJlbGF0aXZlRGF0ZSh4LmRhdGUpfTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1taXRlbS1hdmF0YXItY29udGVudCc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1pdGVtLWF2YXRhcic+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eC5ldmVudC5hdmF0YXJzICYmXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy8geC5ldmVudC5hdmF0YXJzLnNsaWNlKDAsIHguZXZlbnQuYXZhdGFyc0xpbWl0KS5tYXAoKHgsIGkpID0+IHggaW5zdGFuY2VvZiBBdmF0YXIgPyB4IDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHguZXZlbnQuYXZhdGFycy5zbGljZSgwLCB4LmV2ZW50LmF2YXRhcnNMaW1pdCkubWFwKCh4LCBpKSA9PiA8QXZhdGFyIGtleT17aX0gc3JjPXt4LnNyY30gLz4pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3guZXZlbnQuYXZhdGFycyAmJiB4LmV2ZW50LmF2YXRhcnNMaW1pdCAmJiB4LmV2ZW50LmF2YXRhcnMubGVuZ3RoID4geC5ldmVudC5hdmF0YXJzTGltaXQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPSdyY2UtbWl0ZW0tbGVuZ3RoIHJjZS1taXRlbS10b29sdGlwJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPXt4LmV2ZW50LmF2YXRhcnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5zbGljZSh4LmV2ZW50LmF2YXRhcnNMaW1pdCwgeC5ldmVudC5hdmF0YXJzLmxlbmd0aClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKGF2YXRhcikgPT4gYXZhdGFyLnRpdGxlKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLmpvaW4oJywnKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLnRvU3RyaW5nKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9J3JjZS1taXRlbS10b29sdGlwLXRleHQnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2ArJHt4LmV2ZW50LmF2YXRhcnMubGVuZ3RoIC0geC5ldmVudC5hdmF0YXJzTGltaXR9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eC5yZWNvcmQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW10bWctY2FsbC1yZWNvcmQnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtbXRtZy1jYWxsLWJvZHknPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IF9vbk1lZXRpbmdWaWRlb0xpbmtDbGljayh4LCBpLCBlKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPSdyY2UtbXRtZy1jYWxsLWF2YXRhcnMnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBdmF0YXIgY2xhc3NOYW1lPXsncmNlLW10bWctY2FsbC1hdmF0YXJzJ30gc3JjPXt4LnJlY29yZC5hdmF0YXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXsncmNlLW10bWctcmVjb3JkLXRpbWUnfT57eC5yZWNvcmQudGltZX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tdG1nLWNhbGwtYm9keS10aXRsZSc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt4LnJlY29yZC50aXRsZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtbXRtZy1jYWxsLWJvZHktYm90dG9tJz57eC5yZWNvcmQuc2F2ZWRCeX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOlsiY24iLCJDaGV2cm9uRG93biIsIkFycm93RG93bjAxSWNvbiIsIkNoZXZyb25SaWdodCIsIkFycm93UmlnaHQwMUljb24iLCJDYWxlbmRhckRheXMiLCJDYWxlbmRhcjA0SWNvbiIsIk1lc3NhZ2VTcXVhcmUiLCJNZXNzYWdlTXVsdGlwbGUwMUljb24iLCJFbGxpcHNpcyIsIk1vcmVIb3Jpem9udGFsSWNvbiIsIlZpZGVvIiwiVmlkZW8wMUljb24iLCJ1c2VTdGF0ZSIsIkF2YXRhciIsIkRyb3Bkb3duIiwiZm9ybWF0UmVsYXRpdmVEYXRlIiwiTWVldGluZ01lc3NhZ2UiLCJkYXRlIiwiZGF0ZVN0cmluZyIsInRpdGxlIiwic3ViamVjdCIsImNvbGxhcHNlVGl0bGUiLCJtb3JlSXRlbXMiLCJwYXJ0aWNpcGFudHMiLCJkYXRhU291cmNlIiwib25DbGljayIsIm9uTWVldGluZ1RpdGxlQ2xpY2siLCJvbk1lZXRpbmdWaWRlb0xpbmtDbGljayIsIm9uTWVldGluZ01vcmVTZWxlY3QiLCJwcm9wcyIsInRvb2dsZSIsInNldFRvb2dsZSIsIlBBUlRJQ0lQQU5UX0xJTUlUIiwicGFydGljaXBhbnRzTGltaXQiLCJkYXRlVGV4dCIsIl9vbk1lZXRpbmdMaW5rQ2xpY2siLCJpdGVtIiwiaW5kZXgiLCJldmVudCIsIkZ1bmN0aW9uIiwiX29uTWVldGluZ1ZpZGVvTGlua0NsaWNrIiwidG9nZ2xlQ2xpY2siLCJkaXYiLCJjbGFzc05hbWUiLCJzcGFuIiwibGVuZ3RoIiwiYW5pbWF0aW9uVHlwZSIsImFuaW1hdGlvblBvc2l0aW9uIiwiYnV0dG9uUHJvcHMiLCJpY29uIiwiY29tcG9uZW50Iiwic2l6ZSIsIml0ZW1zIiwib25TZWxlY3QiLCJzbGljZSIsIm1hcCIsIngiLCJqb2luIiwiaSIsImF2YXRhciIsInNyYyIsImUiLCJtZXNzYWdlIiwiYXZhdGFycyIsImF2YXRhcnNMaW1pdCIsInRvU3RyaW5nIiwicmVjb3JkIiwidGltZSIsInNhdmVkQnkiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUNFQyxlQUFlQyxlQUFlLEVBQzlCQyxnQkFBZ0JDLGdCQUFnQixFQUNoQ0MsZ0JBQWdCQyxjQUFjLEVBQzlCQyxpQkFBaUJDLHFCQUFxQixFQUN0Q0MsWUFBWUMsa0JBQWtCLEVBQzlCQyxTQUFTQyxXQUFXLFFBQ2YsZUFBZTtBQUN0QixTQUFRQyxRQUFRLFFBQU8sUUFBUTtBQUUvQixTQUFRQyxNQUFNLFFBQU8sc0JBQXNCO0FBQzNDLFNBQVFDLFFBQVEsUUFBTywwQkFBMEI7QUFDakQsU0FBUUMsa0JBQWtCLFFBQU8saUNBQWlDO0FBS2xFLE9BQU8sTUFBTUMsaUJBQTJDLENBQUMsRUFDdkRDLElBQUksRUFDSkMsVUFBVSxFQUNWQyxLQUFLLEVBQ0xDLE9BQU8sRUFDUEMsYUFBYSxFQUNiQyxTQUFTLEVBQ1RDLFlBQVksRUFDWkMsVUFBVSxFQUVWQyxPQUFPLEVBQ1BDLG1CQUFtQixFQUNuQkMsdUJBQXVCLEVBQ3ZCQyxtQkFBbUIsRUFDbkIsR0FBR0MsT0FDSjtJQUNDLE1BQU0sQ0FBQ0MsUUFBUUMsVUFBVSxHQUFHbkIsU0FBUztJQUVyQyxNQUFNb0Isb0JBQW9CSCxNQUFNSSxpQkFBaUI7SUFDakQsTUFBTUMsV0FBV2hCLGFBQWFBLGFBQWFELFFBQVFGLG1CQUFtQkU7SUFFdEUsTUFBTWtCLHNCQUEyQyxDQUFDQyxNQUFNQyxPQUFPQztRQUM3RCxJQUFHWiwrQkFBK0JhLFVBQVU7WUFDMUNiLG9CQUFvQlUsTUFBTUMsT0FBT0M7UUFDbkM7SUFDRjtJQUVBLE1BQU1FLDJCQUFnRCxDQUFDSixNQUFNQyxPQUFPQztRQUNsRSxJQUFHWCxtQ0FBbUNZLFVBQVU7WUFDOUNaLHdCQUF3QlMsTUFBTUMsT0FBT0M7UUFDdkM7SUFDRjtJQUVBLE1BQU1HLGNBQWM7UUFDbEJWLFVBQVUs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

package/lib/components/Chat/MessageBox/MessageBox.css

@@ -0,0 +1 @@
+.rce-container-mbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block;overflow-x:hidden;min-width:300px}.rce-mbox-forward{width:30px;height:30px;border-radius:20px;background:#fff;position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 0 5px 0 #a4a4a4;box-shadow:0 0 5px 0 #a4a4a4;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;top:0;bottom:0;margin:auto}.rce-mbox-forward-left{left:-50px}.rce-mbox-forward-left,.rce-mbox-forward-right{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;visibility:hidden}.rce-mbox-forward-right{right:-50px}.rce-mbox-reply-btn-left{left:-85px}.rce-mbox-reply-btn-left,.rce-mbox-reply-btn-right{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;visibility:hidden}.rce-mbox-reply-btn-right{right:-85px}.rce-container-mbox:hover .rce-mbox-forward-left,.rce-container-mbox:hover .rce-mbox-forward-right{opacity:1;visibility:visible}.rce-mbox-remove{width:30px;height:30px;border-radius:20px;background:#fff;position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 0 5px 0 #a4a4a4;box-shadow:0 0 5px 0 #a4a4a4;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;top:0;bottom:0;margin:auto}.rce-mbox-remove-left{left:-120px}.rce-mbox-remove-left,.rce-mbox-remove-right{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;visibility:hidden}.rce-mbox-remove-right{right:-120px}.rce-container-mbox:hover .rce-mbox-remove-left,.rce-container-mbox:hover .rce-mbox-remove-right,.rce-container-mbox:hover .rce-mbox-reply-btn-left,.rce-container-mbox:hover .rce-mbox-reply-btn-right{opacity:1;visibility:visible}.rce-mbox{position:relative;background:#fff;border-radius:5px;border-top-left-radius:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:3px 5px 3px 20px;padding:6px 9px 8px;float:left;min-width:140px}.rce-mbox.message-focus{animation-iteration-count:2;-webkit-animation-iteration-count:2;-webkit-animation-duration:1s;-webkit-animation-name:message-box-default-focus;animation-name:message-box-default-focus;animation-duration:1s}@-webkit-keyframes message-box-default-focus{0%{background-color:#fff}to{background-color:#dfdfdf}}.rce-mbox-body{margin:0;padding:0;position:relative}.rce-mbox.rce-mbox-right{float:right;margin-left:5px;margin-right:20px;border-top-right-radius:0;border-top-left-radius:5px}.rce-mbox.rce-mbox-right.message-focus{animation-iteration-count:2;-webkit-animation-iteration-count:2;-webkit-animation-duration:1s;-webkit-animation-name:message-box-right-focus;animation-name:message-box-right-focus;animation-duration:1s}@-webkit-keyframes message-box-right-focus{0%{background-color:#d4f1fb}to{background-color:#b8dae6}}.rce-mbox-text{font-size:13.6px;word-break:break-word}.rce-mbox-text-retracted{font-style:italic;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rce-mbox-text.rce-mbox-text-retracted svg{margin-right:3px}.rce-mbox-text-retracted.left{color:#555555b3!important}.rce-mbox-text-retracted.right{color:#efefefb3!important}.rce-mbox-text:after{content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"}.rce-mbox-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right;color:rgba(0,0,0,.45);font-size:12px;right:-4px;bottom:-5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rce-mbox-time.non-copiable:before{content:attr(data-text)}.rce-mbox-time-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0;bottom:0;left:0;margin-right:-6px;margin-left:-6px;padding-top:5px;padding-right:3px;padding-bottom:2px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.33)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.33),transparent);border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff}.rce-mbox--clear-padding{padding-bottom:3px}.rce-mbox.rce-mbox--clear-notch{border-radius:5px 5px 5px 5px!important}.rce-mbox-right-notch{position:absolute;right:-6px;top:12px;width:12px;height:12px;fill:#fff}.rce-mbox-right-notch.message-focus{animation-iteration-count:2;-webkit-animation-iteration-count:2;-webkit-animation-duration:1s;-webkit-animation-name:message-right-notch-focus;animation-name:message-right-notch-focus;animation-duration:1s}@-webkit-keyframes message-right-notch-focus{0%{fill:#d4f1fb}to{fill:#b8dae6}}.rce-mbox-left-notch{position:absolute;left:-6px;top:12px;width:12px;height:12px;fill:#fff}.rce-mbox-left-notch.message-focus{animation-iteration-count:2;-webkit-animation-iteration-count:2;-webkit-animation-duration:1s;-webkit-animation-name:message-left-notch-focus;animation-name:message-left-notch-focus;animation-duration:1s}@-webkit-keyframes message-left-notch-focus{0%{fill:#fff}to{fill:#dfdfdf}}.rce-mbox-title{margin:0 0 10px;font-weight:700;font-size:14px;line-height:1.2;color:#242842;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.rce-mbox-title--clear{margin-bottom:10px}.rce-mbox-status{margin-left:3px;font-size:15px;height:15px}.rce-mbox-title>.rce-avatar-container{-webkit-box-flex:0;-ms-flex:0 0 34px;flex:0 0 34px;width:34px;height:34px;margin-right:0;overflow:hidden}.rce-mbox-forwardedMessage{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;margin:-1px -6px 6px;border-radius:5px;padding:0 0 0 5px;-webkit-transition:.2s;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rce-mbox-forwarded-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1px;font-size:13px;font-style:italic}

package/lib/components/Chat/MessageBox/MessageBox.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { MessageBoxType } from '../type';
+export declare const MessageBox: FC<MessageBoxType>;

package/lib/components/Chat/MessageBox/MessageBox.js

@@ -0,0 +1,263 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { Clock3 as ClockIcon, Trash2 as Delete02Icon, Share2 as LinkForwardIcon, Reply as MessageOutgoing01Icon, Check as Tick02Icon, CheckCheck as TickDouble02Icon, Ban as UnavailableIcon } from 'lucide-react';
+import { useEffect, useRef } from 'react';
+import { AudioMessage } from '../AudioMessage/AudioMessage.js';
+import { Avatar } from '../Avatar/Avatar.js';
+import { FileMessage } from '../FileMessage/FileMessage.js';
+import { LocationMessage } from '../LocationMessage/LocationMessage.js';
+import { MeetingLink } from '../MeetingLink/MeetingLink.js';
+import { MeetingMessage } from '../MeetingMessage/MeetingMessage.js';
+import { PhotoMessage } from '../PhotoMessage/PhotoMessage.js';
+import { ReplyMessage } from '../ReplyMessage/ReplyMessage.js';
+import { SpotifyMessage } from '../SpotifyMessage/SpotifyMessage.js';
+import { SystemMessage } from '../SystemMessage/SystemMessage.js';
+import { resolveDateValue, useRelativeDateText } from '../utils/formatRelativeDate.js';
+import { VideoMessage } from '../VideoMessage/VideoMessage.js';
+export const MessageBox = ({ focus = false, notch = true, styles, ...props })=>{
+    const prevProps = useRef(focus);
+    const messageRef = useRef(null);
+    const positionCls = cn('rce-mbox', {
+        'rce-mbox-right': props.position === 'right'
+    });
+    const thatAbsoluteTime = !/(text|video|file|meeting|audio)/g.test(props.type || 'text') && !(props.type === 'location' && props.text);
+    const timestamp = resolveDateValue(props.added, props.date);
+    const dateText = useRelativeDateText(timestamp, props.dateString);
+    useEffect(()=>{
+        if (prevProps.current !== focus && focus === true) {
+            if (messageRef) {
+                messageRef.current?.scrollIntoView({
+                    block: 'center',
+                    behavior: 'smooth'
+                });
+                props.onMessageFocused(prevProps);
+            }
+        }
+        prevProps.current = focus;
+    }, [
+        focus,
+        prevProps
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: messageRef,
+        className: cn('rce-container-mbox', props.className),
+        onClick: props.onClick,
+        children: [
+            props.renderAddCmp instanceof Function ? props.renderAddCmp() : props.renderAddCmp,
+            props.type === 'system' ? /*#__PURE__*/ _jsx(SystemMessage, {
+                ...props,
+                focus: focus,
+                notch: notch
+            }) : /*#__PURE__*/ _jsxs("div", {
+                style: styles,
+                className: cn(positionCls, {
+                    'rce-mbox--clear-padding': thatAbsoluteTime
+                }, {
+                    'rce-mbox--clear-notch': !notch
+                }, {
+                    'message-focus': focus
+                }),
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "rce-mbox-body",
+                        onContextMenu: props.onContextMenu,
+                        children: [
+                            !props.retracted && props.forwarded === true && /*#__PURE__*/ _jsx("div", {
+                                className: cn('rce-mbox-forward', {
+                                    'rce-mbox-forward-right': props.position === 'left'
+                                }, {
+                                    'rce-mbox-forward-left': props.position === 'right'
+                                }),
+                                onClick: props.onForwardClick,
+                                children: /*#__PURE__*/ _jsx(LinkForwardIcon, {
+                                    size: 20
+                                })
+                            }),
+                            !props.retracted && props.replyButton === true && /*#__PURE__*/ _jsx("div", {
+                                className: props.forwarded !== true ? cn('rce-mbox-forward', {
+                                    'rce-mbox-forward-right': props.position === 'left'
+                                }, {
+                                    'rce-mbox-forward-left': props.position === 'right'
+                                }) : cn('rce-mbox-forward', {
+                                    'rce-mbox-reply-btn-right': props.position === 'left'
+                                }, {
+                                    'rce-mbox-reply-btn-left': props.position === 'right'
+                                }),
+                                onClick: props.onReplyClick,
+                                children: /*#__PURE__*/ _jsx(MessageOutgoing01Icon, {
+                                    size: 20
+                                })
+                            }),
+                            !props.retracted && props.removeButton === true && /*#__PURE__*/ _jsx("div", {
+                                className: props.forwarded === true ? cn('rce-mbox-remove', {
+                                    'rce-mbox-remove-right': props.position === 'left'
+                                }, {
+                                    'rce-mbox-remove-left': props.position === 'right'
+                                }) : cn('rce-mbox-forward', {
+                                    'rce-mbox-reply-btn-right': props.position === 'left'
+                                }, {
+                                    'rce-mbox-reply-btn-left': props.position === 'right'
+                                }),
+                                onClick: props.onRemoveMessageClick,
+                                children: /*#__PURE__*/ _jsx(Delete02Icon, {
+                                    size: 20
+                                })
+                            }),
+                            (props.title || props.avatar) && /*#__PURE__*/ _jsxs("div", {
+                                style: {
+                                    ...props.titleColor && {
+                                        color: props.titleColor
+                                    }
+                                },
+                                onClick: props.onTitleClick,
+                                className: cn('rce-mbox-title', {
+                                    'rce-mbox-title--clear': props.type === 'text'
+                                }),
+                                children: [
+                                    props.avatar && /*#__PURE__*/ _jsx(Avatar, {
+                                        letterItem: props.letterItem,
+                                        src: props.avatar
+                                    }),
+                                    props.title && /*#__PURE__*/ _jsx("span", {
+                                        children: props.title
+                                    })
+                                ]
+                            }),
+                            props.forwardedMessageText ? /*#__PURE__*/ _jsx("div", {
+                                className: "rce-mbox-forwardedMessage",
+                                children: /*#__PURE__*/ _jsxs("div", {
+                                    className: "rce-mbox-forwarded-message",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(LinkForwardIcon, {
+                                            size: 18
+                                        }),
+                                        /*#__PURE__*/ _jsxs("i", {
+                                            style: {
+                                                margin: '0 3px 1px 0'
+                                            },
+                                            children: [
+                                                " ",
+                                                props.forwardedMessageText
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }) : null,
+                            !props.forwardedMessageText && props.reply ? /*#__PURE__*/ _jsx(ReplyMessage, {
+                                onClick: props.onReplyMessageClick,
+                                ...props.reply
+                            }) : null,
+                            props.type === 'text' && /*#__PURE__*/ _jsxs("div", {
+                                className: cn('rce-mbox-text', {
+                                    'rce-mbox-text-retracted': props.retracted,
+                                    left: props.position === 'left',
+                                    right: props.position === 'right'
+                                }),
+                                children: [
+                                    props.retracted && /*#__PURE__*/ _jsx(UnavailableIcon, {
+                                        size: 14
+                                    }),
+                                    props.text
+                                ]
+                            }),
+                            props.type === 'location' && /*#__PURE__*/ _jsx(LocationMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'photo' && /*#__PURE__*/ _jsx(PhotoMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'video' && /*#__PURE__*/ _jsx(VideoMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'file' && /*#__PURE__*/ _jsx(FileMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'spotify' && /*#__PURE__*/ _jsx(SpotifyMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'meeting' && /*#__PURE__*/ _jsx(MeetingMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'audio' && /*#__PURE__*/ _jsx(AudioMessage, {
+                                focus: focus,
+                                notch: notch,
+                                ...props
+                            }),
+                            props.type === 'meetingLink' && /*#__PURE__*/ _jsx(MeetingLink, {
+                                focus: focus,
+                                notch: notch,
+                                ...props,
+                                actionButtons: props?.actionButtons
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                title: props.statusTitle,
+                                className: cn('rce-mbox-time', {
+                                    'rce-mbox-time-block': thatAbsoluteTime
+                                }, {
+                                    'non-copiable': !props.copiableDate
+                                }),
+                                "data-text": props.copiableDate ? undefined : dateText,
+                                children: [
+                                    props.copiableDate && dateText,
+                                    props.status && /*#__PURE__*/ _jsxs("span", {
+                                        className: "rce-mbox-status",
+                                        children: [
+                                            props.status === 'waiting' && /*#__PURE__*/ _jsx(ClockIcon, {
+                                                size: 14
+                                            }),
+                                            props.status === 'sent' && /*#__PURE__*/ _jsx(Tick02Icon, {
+                                                size: 14
+                                            }),
+                                            props.status === 'received' && /*#__PURE__*/ _jsx(TickDouble02Icon, {
+                                                size: 14
+                                            }),
+                                            props.status === 'read' && /*#__PURE__*/ _jsx(TickDouble02Icon, {
+                                                color: "#4FC3F7",
+                                                size: 14
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    notch && (props.position === 'right' ? /*#__PURE__*/ _jsx("svg", {
+                        style: props.notchStyle,
+                        className: cn('rce-mbox-right-notch', {
+                            'message-focus': focus
+                        }),
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 20 20",
+                        children: /*#__PURE__*/ _jsx("path", {
+                            d: "M0 0v20L20 0"
+                        })
+                    }) : /*#__PURE__*/ _jsx("svg", {
+                        style: props.notchStyle,
+                        className: cn('rce-mbox-left-notch', {
+                            'message-focus': focus
+                        }),
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 20 20",
+                        children: /*#__PURE__*/ _jsx("path", {
+                            d: "M20 0v20L0 0"
+                        })
+                    }))
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvTWVzc2FnZUJveC9NZXNzYWdlQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2NufSBmcm9tICdAbmxhYnMvdXRpbHMnO1xuaW1wb3J0IHtcbiAgQ2xvY2szIGFzIENsb2NrSWNvbixcbiAgVHJhc2gyIGFzIERlbGV0ZTAySWNvbixcbiAgU2hhcmUyIGFzIExpbmtGb3J3YXJkSWNvbixcbiAgUmVwbHkgYXMgTWVzc2FnZU91dGdvaW5nMDFJY29uLFxuICBDaGVjayBhcyBUaWNrMDJJY29uLFxuICBDaGVja0NoZWNrIGFzIFRpY2tEb3VibGUwMkljb24sXG4gIEJhbiBhcyBVbmF2YWlsYWJsZUljb25cbn0gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCB7dXNlRWZmZWN0LCB1c2VSZWZ9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtBdWRpb01lc3NhZ2V9IGZyb20gJy4uL0F1ZGlvTWVzc2FnZS9BdWRpb01lc3NhZ2UuanMnO1xuaW1wb3J0IHtBdmF0YXJ9IGZyb20gJy4uL0F2YXRhci9BdmF0YXIuanMnO1xuaW1wb3J0IHtGaWxlTWVzc2FnZX0gZnJvbSAnLi4vRmlsZU1lc3NhZ2UvRmlsZU1lc3NhZ2UuanMnO1xuaW1wb3J0IHtMb2NhdGlvbk1lc3NhZ2V9IGZyb20gJy4uL0xvY2F0aW9uTWVzc2FnZS9Mb2NhdGlvbk1lc3NhZ2UuanMnO1xuaW1wb3J0IHtNZWV0aW5nTGlua30gZnJvbSAnLi4vTWVldGluZ0xpbmsvTWVldGluZ0xpbmsuanMnO1xuaW1wb3J0IHtNZWV0aW5nTWVzc2FnZX0gZnJvbSAnLi4vTWVldGluZ01lc3NhZ2UvTWVldGluZ01lc3NhZ2UuanMnO1xuaW1wb3J0IHtQaG90b01lc3NhZ2V9IGZyb20gJy4uL1Bob3RvTWVzc2FnZS9QaG90b01lc3NhZ2UuanMnO1xuaW1wb3J0IHtSZXBseU1lc3NhZ2V9IGZyb20gJy4uL1JlcGx5TWVzc2FnZS9SZXBseU1lc3NhZ2UuanMnO1xuaW1wb3J0IHtTcG90aWZ5TWVzc2FnZX0gZnJvbSAnLi4vU3BvdGlmeU1lc3NhZ2UvU3BvdGlmeU1lc3NhZ2UuanMnO1xuaW1wb3J0IHtTeXN0ZW1NZXNzYWdlfSBmcm9tICcuLi9TeXN0ZW1NZXNzYWdlL1N5c3RlbU1lc3NhZ2UuanMnO1xuaW1wb3J0IHtyZXNvbHZlRGF0ZVZhbHVlLCB1c2VSZWxhdGl2ZURhdGVUZXh0fSBmcm9tICcuLi91dGlscy9mb3JtYXRSZWxhdGl2ZURhdGUuanMnO1xuaW1wb3J0IHtWaWRlb01lc3NhZ2V9IGZyb20gJy4uL1ZpZGVvTWVzc2FnZS9WaWRlb01lc3NhZ2UuanMnO1xuXG5pbXBvcnQgdHlwZSB7RkN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtNZXNzYWdlQm94VHlwZX0gZnJvbSAnLi4vdHlwZSc7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQm94OiBGQzxNZXNzYWdlQm94VHlwZT4gPSAoe2ZvY3VzID0gZmFsc2UsIG5vdGNoID0gdHJ1ZSwgc3R5bGVzLCAuLi5wcm9wc30pID0+IHtcbiAgY29uc3QgcHJldlByb3BzID0gdXNlUmVmKGZvY3VzKTtcbiAgY29uc3QgbWVzc2FnZVJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgcG9zaXRpb25DbHMgPSBjbigncmNlLW1ib3gnLCB7J3JjZS1tYm94LXJpZ2h0JzogcHJvcHMucG9zaXRpb24gPT09ICdyaWdodCd9KTtcbiAgY29uc3QgdGhhdEFic29sdXRlVGltZSA9XG4gICAgIS8odGV4dHx2aWRlb3xmaWxlfG1lZXRpbmd8YXVkaW8pL2cudGVzdChwcm9wcy50eXBlIHx8ICd0ZXh0JykgJiYgIShwcm9wcy50eXBlID09PSAnbG9jYXRpb24nICYmIHByb3BzLnRleHQpO1xuICBjb25zdCB0aW1lc3RhbXAgPSByZXNvbHZlRGF0ZVZhbHVlKHByb3BzLmFkZGVkLCBwcm9wcy5kYXRlKTtcbiAgY29uc3QgZGF0ZVRleHQgPSB1c2VSZWxhdGl2ZURhdGVUZXh0KHRpbWVzdGFtcCwgcHJvcHMuZGF0ZVN0cmluZyk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZihwcmV2UHJvcHMuY3VycmVudCAhPT0gZm9jdXMgJiYgZm9jdXMgPT09IHRydWUpIHtcbiAgICAgIGlmKG1lc3NhZ2VSZWYpIHtcbiAgICAgICAgbWVzc2FnZVJlZi5jdXJyZW50Py5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgYmxvY2s6ICdjZW50ZXInLFxuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJ1xuICAgICAgICB9KTtcblxuICAgICAgICBwcm9wcy5vbk1lc3NhZ2VGb2N1c2VkKHByZXZQcm9wcyk7XG4gICAgICB9XG4gICAgfVxuICAgIHByZXZQcm9wcy5jdXJyZW50ID0gZm9jdXM7XG4gIH0sIFtmb2N1cywgcHJldlByb3BzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17bWVzc2FnZVJlZn0gY2xhc3NOYW1lPXtjbigncmNlLWNvbnRhaW5lci1tYm94JywgcHJvcHMuY2xhc3NOYW1lKX0gb25DbGljaz17cHJvcHMub25DbGlja30+XG4gICAgICB7cHJvcHMucmVuZGVyQWRkQ21wIGluc3RhbmNlb2YgRnVuY3Rpb24gPyBwcm9wcy5yZW5kZXJBZGRDbXAoKSA6IHByb3BzLnJlbmRlckFkZENtcH1cbiAgICAgIHtwcm9wcy50eXBlID09PSAnc3lzdGVtJyA/IChcbiAgICAgICAgPFN5c3RlbU1lc3NhZ2Ugey4uLnByb3BzfSBmb2N1cz17Zm9jdXN9IG5vdGNoPXtub3RjaH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBzdHlsZT17c3R5bGVzfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICBwb3NpdGlvbkNscyxcbiAgICAgICAgICAgIHsncmNlLW1ib3gtLWNsZWFyLXBhZGRpbmcnOiB0aGF0QWJzb2x1dGVUaW1lfSxcbiAgICAgICAgICAgIHsncmNlLW1ib3gtLWNsZWFyLW5vdGNoJzogIW5vdGNofSxcbiAgICAgICAgICAgIHsnbWVzc2FnZS1mb2N1cyc6IGZvY3VzfVxuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1ib3gtYm9keScgb25Db250ZXh0TWVudT17cHJvcHMub25Db250ZXh0TWVudX0+XG4gICAgICAgICAgICB7IXByb3BzLnJldHJhY3RlZCAmJiBwcm9wcy5mb3J3YXJkZWQgPT09IHRydWUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICAgICAgICdyY2UtbWJveC1mb3J3YXJkJyxcbiAgICAgICAgICAgICAgICAgIHsncmNlLW1ib3gtZm9yd2FyZC1yaWdodCc6IHByb3BzLnBvc2l0aW9uID09PSAnbGVmdCd9LFxuICAgICAgICAgICAgICAgICAgeydyY2UtbWJveC1mb3J3YXJkLWxlZnQnOiBwcm9wcy5wb3NpdGlvbiA9PT0gJ3JpZ2h0J31cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uRm9yd2FyZENsaWNrfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPExpbmtGb3J3YXJkSWNvbiBzaXplPXsyMH0gIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgeyFwcm9wcy5yZXRyYWN0ZWQgJiYgcHJvcHMucmVwbHlCdXR0b24gPT09IHRydWUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICAgICAgICAgIHByb3BzLmZvcndhcmRlZCAhPT0gdHJ1ZVxuICAgICAgICAgICAgICAgICAgICA/IGNuKFxuICAgICAgICAgICAgICAgICAgICAgICdyY2UtbWJveC1mb3J3YXJkJyxcbiAgICAgICAgICAgICAgICAgICAgICB7J3JjZS1tYm94LWZvcndhcmQtcmlnaHQnOiBwcm9wcy5wb3NpdGlvbiA9PT0gJ2xlZnQnfSxcbiAgICAgICAgICAgICAgICAgICAgICB7J3JjZS1tYm94LWZvcndhcmQtbGVmdCc6IHByb3BzLnBvc2l0aW9uID09PSAncmlnaHQnfVxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgIDogY24oXG4gICAgICAgICAgICAgICAgICAgICAgJ3JjZS1tYm94LWZvcndhcmQnLFxuICAgICAgICAgICAgICAgICAgICAgIHsncmNlLW1ib3gtcmVwbHktYnRuLXJpZ2h0JzogcHJvcHMucG9zaXRpb24gPT09ICdsZWZ0J30sXG4gICAgICAgICAgICAgICAgICAgICAgeydyY2UtbWJveC1yZXBseS1idG4tbGVmdCc6IHByb3BzLnBvc2l0aW9uID09PSAncmlnaHQnfVxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uUmVwbHlDbGlja31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxNZXNzYWdlT3V0Z29pbmcwMUljb24gc2l6ZT17MjB9ICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIHshcHJvcHMucmV0cmFjdGVkICYmIHByb3BzLnJlbW92ZUJ1dHRvbiA9PT0gdHJ1ZSAmJiAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgcHJvcHMuZm9yd2FyZGVkID09PSB0cnVlXG4gICAgICAgICAgICAgICAgICAgID8gY24oXG4gICAgICAgICAgICAgICAgICAgICAgJ3JjZS1tYm94LXJlbW92ZScsXG4gICAgICAgICAgICAgICAgICAgICAgeydyY2UtbWJveC1yZW1vdmUtcmlnaHQnOiBwcm9wcy5wb3NpdGlvbiA9PT0gJ2xlZnQnfSxcbiAgICAgICAgICAgICAgICAgICAgICB7J3JjZS1tYm94LXJlbW92ZS1sZWZ0JzogcHJvcHMucG9zaXRpb24gPT09ICdyaWdodCd9XG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgOiBjbihcbiAgICAgICAgICAgICAgICAgICAgICAncmNlLW1ib3gtZm9yd2FyZCcsXG4gICAgICAgICAgICAgICAgICAgICAgeydyY2UtbWJveC1yZXBseS1idG4tcmlnaHQnOiBwcm9wcy5wb3NpdGlvbiA9PT0gJ2xlZnQnfSxcbiAgICAgICAgICAgICAgICAgICAgICB7J3JjZS1tYm94LXJlcGx5LWJ0bi1sZWZ0JzogcHJvcHMucG9zaXRpb24gPT09ICdyaWdodCd9XG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25SZW1vdmVNZXNzYWdlQ2xpY2t9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8RGVsZXRlMDJJY29uIHNpemU9ezIwfSAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICB7KHByb3BzLnRpdGxlIHx8IHByb3BzLmF2YXRhcikgJiYgKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9e3suLi4ocHJvcHMudGl0bGVDb2xvciAmJiB7Y29sb3I6IHByb3BzLnRpdGxlQ29sb3J9KX19XG4gICAgICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25UaXRsZUNsaWNrfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oJ3JjZS1tYm94LXRpdGxlJywge1xuICAgICAgICAgICAgICAgICAgJ3JjZS1tYm94LXRpdGxlLS1jbGVhcic6IHByb3BzLnR5cGUgPT09ICd0ZXh0J1xuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLmF2YXRhciAmJiA8QXZhdGFyIGxldHRlckl0ZW09e3Byb3BzLmxldHRlckl0ZW19IHNyYz17cHJvcHMuYXZhdGFyfSAvPn1cbiAgICAgICAgICAgICAgICB7cHJvcHMudGl0bGUgJiYgPHNwYW4+e3Byb3BzLnRpdGxlfTwvc3Bhbj59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAge3Byb3BzLmZvcndhcmRlZE1lc3NhZ2VUZXh0ID8gKFxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1ib3gtZm9yd2FyZGVkTWVzc2FnZSc+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tYm94LWZvcndhcmRlZC1tZXNzYWdlJz5cbiAgICAgICAgICAgICAgICAgIDxMaW5rRm9yd2FyZEljb24gc2l6ZT17MTh9ICAvPlxuICAgICAgICAgICAgICAgICAgPGkgc3R5bGU9e3ttYXJnaW46ICcwIDNweCAxcHggMCd9fT4ge3Byb3BzLmZvcndhcmRlZE1lc3NhZ2VUZXh0fTwvaT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApIDogbnVsbH1cblxuICAgICAgICAgICAgeyFwcm9wcy5mb3J3YXJkZWRNZXNzYWdlVGV4dCAmJiBwcm9wcy5yZXBseSA/IChcbiAgICAgICAgICAgICAgPFJlcGx5TWVzc2FnZSBvbkNsaWNrPXtwcm9wcy5vblJlcGx5TWVzc2FnZUNsaWNrfSB7Li4ucHJvcHMucmVwbHl9IC8+XG4gICAgICAgICAgICApIDogbnVsbH1cblxuICAgICAgICAgICAge3Byb3BzLnR5cGUgPT09ICd0ZXh0JyAmJiAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKCdyY2UtbWJveC10ZXh0Jywge1xuICAgICAgICAgICAgICAgICAgJ3JjZS1tYm94LXRleHQtcmV0cmFjdGVkJzogcHJvcHMucmV0cmFjdGVkLFxuICAgICAgICAgICAgICAgICAgbGVmdDogcHJvcHMucG9zaXRpb24gPT09ICdsZWZ0JyxcbiAgICAgICAgICAgICAgICAgIHJpZ2h0OiBwcm9wcy5wb3NpdGlvbiA9PT0gJ3JpZ2h0J1xuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLnJldHJhY3RlZCAmJiA8VW5hdmFpbGFibGVJY29uIHNpemU9ezE0fSAgLz59XG4gICAgICAgICAgICAgICAge3Byb3BzLnRleHR9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAge3Byb3BzLnR5cGUgPT09ICdsb2NhdGlvbicgJiYgPExvY2F0aW9uTWVzc2FnZSBmb2N1cz17Zm9jdXN9IG5vdGNoPXtub3RjaH0gey4uLnByb3BzfSAvPn1cblxuICAgICAgICAgICAge3Byb3BzLnR5cGUgPT09ICdwaG90bycgJiYgPFBob3RvTWVzc2FnZSBmb2N1cz17Zm9jdXN9IG5vdGNoPXtub3RjaH0gey4uLnByb3BzfSAvPn1cblxuICAgICAgICAgICAge3Byb3BzLnR5cGUgPT09ICd2aWRlbycgJiYgPFZpZGVvTWVzc2FnZSBmb2N1cz17Zm9jdXN9IG5vdGNoPXtub3RjaH0gey4uLnByb3BzfSAvPn1cblxuICAgICAgICAgICAge3Byb3BzLnR5cGUgPT09ICdmaWxlJyAmJiA8RmlsZU1lc3NhZ2UgZm9jdXM9e2ZvY3VzfSBub3RjaD17bm90Y2h9IHsuLi5wcm9wc30gLz59XG5cbiAgICAgICAgICAgIHtwcm9wcy50eXBlID09PSAnc3BvdGlmeScgJiYgPFNwb3RpZnlNZXNzYWdlIGZvY3VzPXtmb2N1c30gbm90Y2g9e25vdGNofSB7Li4ucHJvcHN9IC8+fVxuXG4gICAgICAgICAgICB7cHJvcHMudHlwZSA9PT0gJ21lZXRpbmcnICYmIDxNZWV0aW5nTWVzc2FnZSBmb2N1cz17Zm9jdXN9IG5vdGNoPXtub3RjaH0gey4uLnByb3BzfSAvPn1cbiAgICAgICAgICAgIHtwcm9wcy50eXBlID09PSAnYXVkaW8nICYmIDxBdWRpb01lc3NhZ2UgZm9jdXM9e2ZvY3VzfSBub3RjaD17bm90Y2h9IHsuLi5wcm9wc30gLz59XG5cbiAgICAgICAgICAgIHtwcm9wcy50eXBlID09PSAnbWVldGluZ0xpbmsnICYmIChcbiAgICAgICAgICAgICAgPE1lZXRpbmdMaW5rIGZvY3VzPXtmb2N1c30gbm90Y2g9e25vdGNofSB7Li4ucHJvcHN9IGFjdGlvbkJ1dHRvbnM9e3Byb3BzPy5hY3Rpb25CdXR0b25zfSAvPlxuICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICB0aXRsZT17cHJvcHMuc3RhdHVzVGl0bGV9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAgICAgJ3JjZS1tYm94LXRpbWUnLFxuICAgICAgICAgICAgICAgIHsncmNlLW1ib3gtdGltZS1ibG9jayc6IHRoYXRBYnNvbHV0ZVRpbWV9LFxuICAgICAgICAgICAgICAgIHsnbm9uLWNvcGlhYmxlJzogIXByb3BzLmNvcGlhYmxlRGF0ZX1cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgZGF0YS10ZXh0PXtwcm9wcy5jb3BpYWJsZURhdGUgPyB1bmRlZmluZWQgOiBkYXRlVGV4dH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmNvcGlhYmxlRGF0ZSAmJiBkYXRlVGV4dH1cbiAgICAgICAgICAgICAge3Byb3BzLnN0YXR1cyAmJiAoXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdyY2UtbWJveC1zdGF0dXMnPlxuICAgICAgICAgICAgICAgICAge3Byb3BzLnN0YXR1cyA9PT0gJ3dhaXRpbmcnICYmIDxDbG9ja0ljb24gc2l6ZT17MTR9ICAvPn1cblxuICAgICAgICAgICAgICAgICAge3Byb3BzLnN0YXR1cyA9PT0gJ3NlbnQnICYmIDxUaWNrMDJJY29uIHNpemU9ezE0fSAgLz59XG5cbiAgICAgICAgICAgICAgICAgIHtwcm9wcy5zdGF0dXMgPT09ICdyZWNlaXZlZCcgJiYgPFRpY2tEb3VibGUwMkljb24gc2l6ZT17MTR9ICAvPn1cblxuICAgICAgICAgICAgICAgICAge3Byb3BzLnN0YXR1cyA9PT0gJ3JlYWQnICYmIDxUaWNrRG91YmxlMDJJY29uIGNvbG9yPScjNEZDM0Y3JyBzaXplPXsxNH0gIC8+fVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAge25vdGNoICYmXG4gICAgICAgICAgICAocHJvcHMucG9zaXRpb24gPT09ICdyaWdodCcgPyAoXG4gICAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgICBzdHlsZT17cHJvcHMubm90Y2hTdHlsZX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKCdyY2UtbWJveC1yaWdodC1ub3RjaCcsIHsnbWVzc2FnZS1mb2N1cyc6IGZvY3VzfSl9XG4gICAgICAgICAgICAgICAgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJ1xuICAgICAgICAgICAgICAgIHZpZXdCb3g9JzAgMCAyMCAyMCdcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxwYXRoIGQ9J00wIDB2MjBMMjAgMCcgLz5cbiAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgc3R5bGU9e3Byb3BzLm5vdGNoU3R5bGV9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbigncmNlLW1ib3gtbGVmdC1ub3RjaCcsIHsnbWVzc2FnZS1mb2N1cyc6IGZvY3VzfSl9XG4gICAgICAgICAgICAgICAgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJ1xuICAgICAgICAgICAgICAgIHZpZXdCb3g9JzAgMCAyMCAyMCdcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxwYXRoIGQ9J00yMCAwdjIwTDAgMCcgLz5cbiAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdLCJuYW1lcyI6WyJjbiIsIkNsb2NrMyIsIkNsb2NrSWNvbiIsIlRyYXNoMiIsIkRlbGV0ZTAySWNvbiIsIlNoYXJlMiIsIkxpbmtGb3J3YXJkSWNvbiIsIlJlcGx5IiwiTWVzc2FnZU91dGdvaW5nMDFJY29uIiwiQ2hlY2siLCJUaWNrMDJJY29uIiwiQ2hlY2tDaGVjayIsIlRpY2tEb3VibGUwMkljb24iLCJCYW4iLCJVbmF2YWlsYWJsZUljb24iLCJ1c2VFZmZlY3QiLCJ1c2VSZWYiLCJBdWRpb01lc3NhZ2UiLCJBdmF0YXIiLCJGaWxlTWVzc2FnZSIsIkxvY2F0aW9uTWVzc2FnZSIsIk1lZXRpbmdMaW5rIiwiTWVldGluZ01lc3NhZ2UiLCJQaG90b01lc3NhZ2UiLCJSZXBseU1lc3NhZ2UiLCJTcG90aWZ5TWVzc2FnZSIsIlN5c3RlbU1lc3NhZ2UiLCJyZXNvbHZlRGF0ZVZhbHVlIiwidXNlUmVsYXRpdmVEYXRlVGV4dCIsIlZpZGVvTWVzc2FnZSIsIk1lc3NhZ2VCb3giLCJmb2N1cyIsIm5vdGNoIiwic3R5bGVzIiwicHJvcHMiLCJwcmV2UHJvcHMiLCJtZXNzYWdlUmVmIiwicG9zaXRpb25DbHMiLCJwb3NpdGlvbiIsInRoYXRBYnNvbHV0ZVRpbWUiLCJ0ZXN0IiwidHlwZSIsInRleHQiLCJ0aW1lc3RhbXAiLCJhZGRlZCIsImRhdGUiLCJkYXRlVGV4dCIsImRhdGVTdHJpbmciLCJjdXJyZW50Iiwic2Nyb2xsSW50b1ZpZXciLCJibG9jayIsImJlaGF2aW9yIiwib25NZXNzYWdlRm9jdXNlZCIsImRpdiIsInJlZiIsImNsYXNzTmFtZSIsIm9uQ2xpY2siLCJyZW5kZXJBZGRDbXAiLCJGdW5jdGlvbiIsInN0eWxlIiwib25Db250ZXh0TWVudSIsInJldHJhY3RlZCIsImZvcndhcmRlZCIsIm9uRm9yd2FyZENsaWNrIiwic2l6ZSIsInJlcGx5QnV0dG9uIiwib25SZXBseUNsaWNrIiwicmVtb3ZlQnV0dG9uIiwib25SZW1vdmVNZXNzYWdlQ2xpY2siLCJ0aXRsZSIsImF2YXRhciIsInRpdGxlQ29sb3IiLCJjb2xvciIsIm9uVGl0bGVDbGljayIsImxldHRlckl0ZW0iLCJzcmMiLCJzcGFuIiwiZm9yd2FyZGVkTWVzc2FnZVRleHQiLCJpIiwibWFyZ2luIiwicmVwbHkiLCJvblJlcGx5TWVzc2FnZUNsaWNrIiwibGVmdCIsInJpZ2h0IiwiYWN0aW9uQnV0dG9ucyIsInN0YXR1c1RpdGxlIiwiY29waWFibGVEYXRlIiwiZGF0YS10ZXh0IiwidW5kZWZpbmVkIiwic3RhdHVzIiwic3ZnIiwibm90Y2hTdHlsZSIsInhtbG5zIiwidmlld0JveCIsInBhdGgiLCJkIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFDaEMsU0FDRUMsVUFBVUMsU0FBUyxFQUNuQkMsVUFBVUMsWUFBWSxFQUN0QkMsVUFBVUMsZUFBZSxFQUN6QkMsU0FBU0MscUJBQXFCLEVBQzlCQyxTQUFTQyxVQUFVLEVBQ25CQyxjQUFjQyxnQkFBZ0IsRUFDOUJDLE9BQU9DLGVBQWUsUUFDakIsZUFBZTtBQUN0QixTQUFRQyxTQUFTLEVBQUVDLE1BQU0sUUFBTyxRQUFRO0FBRXhDLFNBQVFDLFlBQVksUUFBTyxrQ0FBa0M7QUFDN0QsU0FBUUMsTUFBTSxRQUFPLHNCQUFzQjtBQUMzQyxTQUFRQyxXQUFXLFFBQU8sZ0NBQWdDO0FBQzFELFNBQVFDLGVBQWUsUUFBTyx3Q0FBd0M7QUFDdEUsU0FBUUMsV0FBVyxRQUFPLGdDQUFnQztBQUMxRCxTQUFRQyxjQUFjLFFBQU8sc0NBQXNDO0FBQ25FLFNBQVFDLFlBQVksUUFBTyxrQ0FBa0M7QUFDN0QsU0FBUUMsWUFBWSxRQUFPLGtDQUFrQztBQUM3RCxTQUFRQyxjQUFjLFFBQU8sc0NBQXNDO0FBQ25FLFNBQVFDLGFBQWEsUUFBTyxvQ0FBb0M7QUFDaEUsU0FBUUMsZ0JBQWdC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

package/lib/components/Chat/MessageList/MessageList.css

@@ -0,0 +1 @@
+.rce-container-mlist{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.rce-mlist{display:block;overflow:auto;position:relative;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}.rce-mlist-down-button{position:absolute;right:10px;bottom:15px;width:40px;height:40px;background:#fff;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05),0 2px 5px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.05),0 2px 5px 0 rgba(0,0,0,.1);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;cursor:pointer;-webkit-transition:.2s;transition:.2s}.rce-mlist-down-button:hover{opacity:.7}.rce-mlist-down-button--badge{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:100%;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700}

package/lib/components/Chat/MessageList/MessageList.d.ts

@@ -0,0 +1,2 @@
+import type { IMessageListProps } from '../type';
+export declare const MessageList: import("react").NamedExoticComponent<IMessageListProps>;