@nlabs/gothamui 1.8.0

package/lib/components/Chat/ChatItem/ChatItem.css

@@ -0,0 +1 @@
+.rce-container-citem{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block;overflow:hidden;min-width:240px}.rce-citem,.rce-container-citem.rce-citem-status-encircle{position:relative}.rce-citem{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:72px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100%;overflow:hidden;min-width:240px}.rce-citem:hover{background:#f9f9f9}.rce-citem-avatar{position:relative;padding:0 15px 0 13px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rce-citem-avatar,.rce-citem-status{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rce-citem-status{width:20px;height:20px;bottom:10px;right:10px;position:absolute;border-radius:100%;background:#ccc}.rce-citem-avatar.rce-citem-status-encircle .rce-citem-status{left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:transparent;margin:auto;border-radius:100%}.rce-citem-avatar img{width:50px;height:50px;border:none!important;background:#ccc;border-radius:100%;overflow:hidden;font-size:10px;text-align:center;line-height:50px;text-overflow:ellipsis;white-space:nowrap}.rce-citem-body{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:15px;border-bottom:1px solid rgba(0,0,0,.05);overflow:hidden}.rce-citem-body,.rce-citem-body--bottom,.rce-citem-body--top{display:-webkit-box;display:-ms-flexbox;display:flex}.rce-citem-body--bottom{margin-top:4px}.rce-citem-body--bottom-title,.rce-citem-body--top-title{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rce-citem-body--top-title{font-size:16px}.rce-citem-body--bottom-title{color:#555;font-size:15px}.rce-citem-body--top-time{font-size:12px;color:rgba(0,0,0,.4)}.rce-citem-body--bottom-status{margin-left:3px}.rce-citem-body--bottom-status span{font-size:12px;color:#fff;font-weight:700;text-align:center;border-radius:100%;background:red}.rce-citem-body--bottom-status span,.rce-citem-body--bottom-status-icon{width:18px;height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.rce-citem-body--bottom-status-icon{position:relative;margin-left:3px}.rce-citem-body--bottom-tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;height:0;opacity:0;position:absolute;left:-999px;-webkit-transition:height .5s ease,opacity 1s ease;transition:height .5s ease,opacity 1s ease}.rce-citem:hover .rce-citem-body--bottom-tools{height:100%;opacity:1;position:relative;left:0}.rce-citem-body--bottom-tools-item-hidden-hover{height:100%;opacity:.3;-webkit-transition:.5s ease;transition:.5s ease}.rce-citem:hover .rce-citem-body--bottom-tools-item-hidden-hover{height:0;opacity:0;position:absolute;left:-999px;-webkit-transition:.5s ease;transition:.5s ease}.rce-citem-body--bottom-tools-item,.rce-citem-body--bottom-tools-item svg{width:18px;height:18px}.rce-container-citem.subitem .rce-citem{height:40px;padding-left:30px}.rce-container-citem.subitem .rce-citem-body--top .rce-citem-body--top-title{font-size:12px!important}.rce-container-citem.subitem .rce-citem-body--top .rce-citem-body--top-time{font-size:10px!important}.rce-container-citem.subitem .rce-citem-body--bottom *{font-size:12px!important}.rce-container-citem.subitem .rce-citem-body--bottom-status span{width:14px;height:14px;font-size:10px!important;color:#fff;font-weight:700;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;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:100%;background:red}.rce-container-citem.subitem .rce-citem-body--bottom{margin-top:unset}.rce-citem-expand-button{background:transparent;border:none;cursor:pointer;padding:2px 15px;color:teal}.rce-citem-expand-button:hover{background-color:#eee}.rce-sublist-container{position:relative}

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

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

package/lib/components/Chat/ChatItem/ChatItem.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { ChevronDown as ArrowDown01Icon, ChevronUp as ArrowUp01Icon, Video as Video01Icon, Volume2 as VolumeHighIcon, VolumeX as VolumeOffIcon } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { Avatar } from '../Avatar/Avatar.js';
+import { resolveDateValue, useRelativeDateText } from '../utils/formatRelativeDate.js';
+export const ChatItem = ({ avatarFlexible = false, unread = 0, statusColorType = 'badge', lazyLoadingImage = undefined, onAvatarError = ()=>void 0, ...props })=>{
+    const [onHoverTool, setOnHoverTool] = useState(false);
+    const [onDrag, setOnDrag] = useState(false);
+    const timestamp = resolveDateValue(props.added, props.date);
+    const dateText = useRelativeDateText(timestamp, props.dateString);
+    useEffect(()=>{
+        props.setDragStates?.(setOnDrag);
+    }, []);
+    const handleOnMouseEnter = ()=>{
+        setOnHoverTool(true);
+    };
+    const handleOnMouseLeave = ()=>{
+        setOnHoverTool(false);
+    };
+    const handleOnClick = (e)=>{
+        e.preventDefault();
+        if (onHoverTool === true) {
+            return;
+        }
+        props.onClick?.(e);
+    };
+    const onDragOver = (e)=>{
+        e.preventDefault();
+        if (props.onDragOver instanceof Function) {
+            props.onDragOver(e, props.id);
+        }
+    };
+    const onDragEnter = (e)=>{
+        e.preventDefault();
+        if (props.onDragEnter instanceof Function) {
+            props.onDragEnter(e, props.id);
+        }
+        if (!onDrag) {
+            setOnDrag(true);
+        }
+    };
+    const onDragLeave = (e)=>{
+        e.preventDefault();
+        if (props.onDragLeave instanceof Function) {
+            props.onDragLeave(e, props.id);
+        }
+        if (onDrag) {
+            setOnDrag(false);
+        }
+    };
+    const onDrop = (e)=>{
+        e.preventDefault();
+        if (props.onDrop instanceof Function) {
+            props.onDrop(e, props.id);
+        }
+        if (onDrag) {
+            setOnDrag(false);
+        }
+    };
+    const onExpandItem = (e, id)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (props.onExpandItem instanceof Function) {
+            props.onExpandItem(id);
+        }
+    };
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: cn('rce-container-citem', props.className),
+            onClick: handleOnClick,
+            onContextMenu: props.onContextMenu,
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "rce-citem",
+                onDragOver: onDragOver,
+                onDragEnter: onDragEnter,
+                onDragLeave: onDragLeave,
+                onDrop: onDrop,
+                children: [
+                    !!props.onDragComponent && onDrag && props.onDragComponent(props.id),
+                    (onDrag && !props.onDragComponent || !onDrag) && [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: cn('rce-citem-avatar', {
+                                'rce-citem-status-encircle': statusColorType === 'encircle'
+                            }),
+                            children: [
+                                /*#__PURE__*/ _jsx(Avatar, {
+                                    src: props.avatar,
+                                    alt: props.alt,
+                                    className: statusColorType === 'encircle' ? 'rce-citem-avatar-encircle-status' : '',
+                                    size: props.avatarSize || 'large',
+                                    letterItem: props.letterItem,
+                                    sideElement: props.statusColor ? /*#__PURE__*/ _jsx("span", {
+                                        className: "rce-citem-status",
+                                        style: statusColorType === 'encircle' ? {
+                                            border: `solid 2px ${props.statusColor}`
+                                        } : {
+                                            backgroundColor: props.statusColor
+                                        },
+                                        children: props.statusText
+                                    }) : /*#__PURE__*/ _jsx(_Fragment, {}),
+                                    onError: onAvatarError,
+                                    lazyLoadingImage: lazyLoadingImage,
+                                    type: cn('circle', {
+                                        flexible: avatarFlexible
+                                    })
+                                }),
+                                props.subList && props.subList.length > 0 && /*#__PURE__*/ _jsx("button", {
+                                    className: "rce-citem-expand-button",
+                                    onClick: (e)=>onExpandItem(e, props.id),
+                                    children: props.expanded ? /*#__PURE__*/ _jsx(ArrowUp01Icon, {}) : /*#__PURE__*/ _jsx(ArrowDown01Icon, {})
+                                })
+                            ]
+                        }, 'avatar'),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "rce-citem-body",
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "rce-citem-body--top",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: "rce-citem-body--top-title",
+                                            children: props.title
+                                        }),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: "rce-citem-body--top-time",
+                                            children: dateText
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "rce-citem-body--bottom",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: "rce-citem-body--bottom-title",
+                                            children: props.subtitle
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "rce-citem-body--bottom-tools",
+                                            onMouseEnter: handleOnMouseEnter,
+                                            onMouseLeave: handleOnMouseLeave,
+                                            children: [
+                                                props.showMute && /*#__PURE__*/ _jsxs("div", {
+                                                    className: "rce-citem-body--bottom-tools-item",
+                                                    onClick: props.onClickMute,
+                                                    children: [
+                                                        props.muted === true && /*#__PURE__*/ _jsx(VolumeOffIcon, {}),
+                                                        props.muted === false && /*#__PURE__*/ _jsx(VolumeHighIcon, {})
+                                                    ]
+                                                }),
+                                                props.showVideoCall && /*#__PURE__*/ _jsx("div", {
+                                                    className: "rce-citem-body--bottom-tools-item",
+                                                    onClick: props.onClickVideoCall,
+                                                    children: /*#__PURE__*/ _jsx(Video01Icon, {})
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: "rce-citem-body--bottom-tools-item-hidden-hover",
+                                            children: props.showMute && props.muted && /*#__PURE__*/ _jsx("div", {
+                                                className: "rce-citem-body--bottom-tools-item",
+                                                children: /*#__PURE__*/ _jsx(VolumeOffIcon, {})
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: "rce-citem-body--bottom-status",
+                                            children: unread && unread > 0 ? /*#__PURE__*/ _jsx("span", {
+                                                children: unread
+                                            }) : null
+                                        }),
+                                        props.customStatusComponents !== undefined ? props.customStatusComponents.map((Item)=>/*#__PURE__*/ _jsx(Item, {})) : null
+                                    ]
+                                })
+                            ]
+                        }, 'rce-citem-body')
+                    ]
+                ]
+            })
+        }, props.id)
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvQ2hhdEl0ZW0vQ2hhdEl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge1xuICBDaGV2cm9uRG93biBhcyBBcnJvd0Rvd24wMUljb24sXG4gIENoZXZyb25VcCBhcyBBcnJvd1VwMDFJY29uLFxuICBWaWRlbyBhcyBWaWRlbzAxSWNvbixcbiAgVm9sdW1lMiBhcyBWb2x1bWVIaWdoSWNvbixcbiAgVm9sdW1lWCBhcyBWb2x1bWVPZmZJY29uXG59IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQge3VzZUVmZmVjdCwgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtBdmF0YXJ9IGZyb20gJy4uL0F2YXRhci9BdmF0YXIuanMnO1xuaW1wb3J0IHtJQ2hhdEl0ZW1Qcm9wc30gZnJvbSAnLi4vdHlwZSc7XG5pbXBvcnQge3Jlc29sdmVEYXRlVmFsdWUsIHVzZVJlbGF0aXZlRGF0ZVRleHR9IGZyb20gJy4uL3V0aWxzL2Zvcm1hdFJlbGF0aXZlRGF0ZS5qcyc7XG5cbmltcG9ydCB0eXBlIHtGQywgS2V5fSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBDaGF0SXRlbTogRkM8SUNoYXRJdGVtUHJvcHM+ID0gKHtcbiAgYXZhdGFyRmxleGlibGUgPSBmYWxzZSxcbiAgdW5yZWFkID0gMCxcbiAgc3RhdHVzQ29sb3JUeXBlID0gJ2JhZGdlJyxcbiAgbGF6eUxvYWRpbmdJbWFnZSA9IHVuZGVmaW5lZCxcbiAgb25BdmF0YXJFcnJvciA9ICgpID0+IHZvaWQgMCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW29uSG92ZXJUb29sLCBzZXRPbkhvdmVyVG9vbF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtvbkRyYWcsIHNldE9uRHJhZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVzdGFtcCA9IHJlc29sdmVEYXRlVmFsdWUocHJvcHMuYWRkZWQsIHByb3BzLmRhdGUpO1xuICBjb25zdCBkYXRlVGV4dCA9IHVzZVJlbGF0aXZlRGF0ZVRleHQodGltZXN0YW1wLCBwcm9wcy5kYXRlU3RyaW5nKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHByb3BzLnNldERyYWdTdGF0ZXM/LihzZXRPbkRyYWcpO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlT25Nb3VzZUVudGVyID0gKCkgPT4ge1xuICAgIHNldE9uSG92ZXJUb29sKHRydWUpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU9uTW91c2VMZWF2ZSA9ICgpID0+IHtcbiAgICBzZXRPbkhvdmVyVG9vbChmYWxzZSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgaWYob25Ib3ZlclRvb2wgPT09IHRydWUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBwcm9wcy5vbkNsaWNrPy4oZSk7XG4gIH07XG5cbiAgY29uc3Qgb25EcmFnT3ZlciA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmKHByb3BzLm9uRHJhZ092ZXIgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgcHJvcHMub25EcmFnT3ZlcihlLCBwcm9wcy5pZCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRHJhZ0VudGVyID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYocHJvcHMub25EcmFnRW50ZXIgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgcHJvcHMub25EcmFnRW50ZXIoZSwgcHJvcHMuaWQpO1xuICAgIH1cbiAgICBpZighb25EcmFnKSB7XG4gICAgICBzZXRPbkRyYWcodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYocHJvcHMub25EcmFnTGVhdmUgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgcHJvcHMub25EcmFnTGVhdmUoZSwgcHJvcHMuaWQpO1xuICAgIH1cbiAgICBpZihvbkRyYWcpIHtcbiAgICAgIHNldE9uRHJhZyhmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRHJvcCA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmKHByb3BzLm9uRHJvcCBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICBwcm9wcy5vbkRyb3AoZSwgcHJvcHMuaWQpO1xuICAgIH1cbiAgICBpZihvbkRyYWcpIHtcbiAgICAgIHNldE9uRHJhZyhmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRXhwYW5kSXRlbSA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50LCBpZDogc3RyaW5nIHwgbnVtYmVyKSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYocHJvcHMub25FeHBhbmRJdGVtIGluc3RhbmNlb2YgRnVuY3Rpb24pIHtcbiAgICAgIHByb3BzLm9uRXhwYW5kSXRlbShpZCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxkaXZcbiAgICAgICAga2V5PXtwcm9wcy5pZCBhcyBLZXl9XG4gICAgICAgIGNsYXNzTmFtZT17Y24oJ3JjZS1jb250YWluZXItY2l0ZW0nLCBwcm9wcy5jbGFzc05hbWUpfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVPbkNsaWNrfVxuICAgICAgICBvbkNvbnRleHRNZW51PXtwcm9wcy5vbkNvbnRleHRNZW51fVxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLWNpdGVtJyBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfSBvbkRyYWdFbnRlcj17b25EcmFnRW50ZXJ9IG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX0gb25Ecm9wPXtvbkRyb3B9PlxuICAgICAgICAgIHshIXByb3BzLm9uRHJhZ0NvbXBvbmVudCAmJiBvbkRyYWcgJiYgcHJvcHMub25EcmFnQ29tcG9uZW50KHByb3BzLmlkKX1cbiAgICAgICAgICB7KChvbkRyYWcgJiYgIXByb3BzLm9uRHJhZ0NvbXBvbmVudCkgfHwgIW9uRHJhZykgJiYgW1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBrZXk9eydhdmF0YXInfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKCdyY2UtY2l0ZW0tYXZhdGFyJywgeydyY2UtY2l0ZW0tc3RhdHVzLWVuY2lyY2xlJzogc3RhdHVzQ29sb3JUeXBlID09PSAnZW5jaXJjbGUnfSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBdmF0YXJcbiAgICAgICAgICAgICAgICBzcmM9e3Byb3BzLmF2YXRhcn1cbiAgICAgICAgICAgICAgICBhbHQ9e3Byb3BzLmFsdH1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0YXR1c0NvbG9yVHlwZSA9PT0gJ2VuY2lyY2xlJyA/ICdyY2UtY2l0ZW0tYXZhdGFyLWVuY2lyY2xlLXN0YXR1cycgOiAnJ31cbiAgICAgICAgICAgICAgICBzaXplPXtwcm9wcy5hdmF0YXJTaXplIHx8ICdsYXJnZSd9XG4gICAgICAgICAgICAgICAgbGV0dGVySXRlbT17cHJvcHMubGV0dGVySXRlbX1cbiAgICAgICAgICAgICAgICBzaWRlRWxlbWVudD17XG4gICAgICAgICAgICAgICAgICBwcm9wcy5zdGF0dXNDb2xvciA/IChcbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9J3JjZS1jaXRlbS1zdGF0dXMnXG4gICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgc3RhdHVzQ29sb3JUeXBlID09PSAnZW5jaXJjbGUnXG4gICAgICAgICAgICAgICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogYHNvbGlkIDJweCAke3Byb3BzLnN0YXR1c0NvbG9yfWBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnN0YXR1c0NvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7cHJvcHMuc3RhdHVzVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgPD48Lz5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25FcnJvcj17b25BdmF0YXJFcnJvcn1cbiAgICAgICAgICAgICAgICBsYXp5TG9hZGluZ0ltYWdlPXtsYXp5TG9hZGluZ0ltYWdlfVxuICAgICAgICAgICAgICAgIHR5cGU9e2NuKCdjaXJjbGUnLCB7ZmxleGlibGU6IGF2YXRhckZsZXhpYmxlfSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIHtwcm9wcy5zdWJMaXN0ICYmIHByb3BzLnN1Ykxpc3QubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzc05hbWU9J3JjZS1jaXRlbS1leHBhbmQtYnV0dG9uJyBvbkNsaWNrPXsoZSkgPT4gb25FeHBhbmRJdGVtKGUsIHByb3BzLmlkKX0+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZXhwYW5kZWQgPyA8QXJyb3dVcDAxSWNvbiAgLz4gOiA8QXJyb3dEb3duMDFJY29uICAvPn1cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PixcbiAgICAgICAgICAgIDxkaXYga2V5PXsncmNlLWNpdGVtLWJvZHknfSBjbGFzc05hbWU9J3JjZS1jaXRlbS1ib2R5Jz5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1jaXRlbS1ib2R5LS10b3AnPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtY2l0ZW0tYm9keS0tdG9wLXRpdGxlJz57cHJvcHMudGl0bGV9PC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1jaXRlbS1ib2R5LS10b3AtdGltZSc+e2RhdGVUZXh0fTwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLWNpdGVtLWJvZHktLWJvdHRvbSc+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1jaXRlbS1ib2R5LS1ib3R0b20tdGl0bGUnPntwcm9wcy5zdWJ0aXRsZX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLWNpdGVtLWJvZHktLWJvdHRvbS10b29scycgb25Nb3VzZUVudGVyPXtoYW5kbGVPbk1vdXNlRW50ZXJ9IG9uTW91c2VMZWF2ZT17aGFuZGxlT25Nb3VzZUxlYXZlfT5cbiAgICAgICAgICAgICAgICAgIHtwcm9wcy5zaG93TXV0ZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtY2l0ZW0tYm9keS0tYm90dG9tLXRvb2xzLWl0ZW0nIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2tNdXRlfT5cbiAgICAgICAgICAgICAgICAgICAgICB7cHJvcHMubXV0ZWQgPT09IHRydWUgJiYgPFZvbHVtZU9mZkljb24gIC8+fVxuICAgICAgICAgICAgICAgICAgICAgIHtwcm9wcy5tdXRlZCA9PT0gZmFsc2UgJiYgPFZvbHVtZUhpZ2hJY29uICAvPn1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge3Byb3BzLnNob3dWaWRlb0NhbGwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLWNpdGVtLWJvZHktLWJvdHRvbS10b29scy1pdGVtJyBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrVmlkZW9DYWxsfT5cbiAgICAgICAgICAgICAgICAgICAgICA8VmlkZW8wMUljb24gIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLWNpdGVtLWJvZHktLWJvdHRvbS10b29scy1pdGVtLWhpZGRlbi1ob3Zlcic+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuc2hvd011dGUgJiYgcHJvcHMubXV0ZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLWNpdGVtLWJvZHktLWJvdHRvbS10b29scy1pdGVtJz5cbiAgICAgICAgICAgICAgICAgICAgICA8Vm9sdW1lT2ZmSWNvbiAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtY2l0ZW0tYm9keS0tYm90dG9tLXN0YXR1cyc+e3VucmVhZCAmJiB1bnJlYWQgPiAwID8gPHNwYW4+e3VucmVhZH08L3NwYW4+IDogbnVsbH08L2Rpdj5cbiAgICAgICAgICAgICAgICB7cHJvcHMuY3VzdG9tU3RhdHVzQ29tcG9uZW50cyAhPT0gdW5kZWZpbmVkID8gcHJvcHMuY3VzdG9tU3RhdHVzQ29tcG9uZW50cy5tYXAoKEl0ZW0pID0+IDxJdGVtIC8+KSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgXX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXSwibmFtZXMiOlsiY24iLCJDaGV2cm9uRG93biIsIkFycm93RG93bjAxSWNvbiIsIkNoZXZyb25VcCIsIkFycm93VXAwMUljb24iLCJWaWRlbyIsIlZpZGVvMDFJY29uIiwiVm9sdW1lMiIsIlZvbHVtZUhpZ2hJY29uIiwiVm9sdW1lWCIsIlZvbHVtZU9mZkljb24iLCJ1c2VFZmZlY3QiLCJ1c2VTdGF0ZSIsIkF2YXRhciIsInJlc29sdmVEYXRlVmFsdWUiLCJ1c2VSZWxhdGl2ZURhdGVUZXh0IiwiQ2hhdEl0ZW0iLCJhdmF0YXJGbGV4aWJsZSIsInVucmVhZCIsInN0YXR1c0NvbG9yVHlwZSIsImxhenlMb2FkaW5nSW1hZ2UiLCJ1bmRlZmluZWQiLCJvbkF2YXRhckVycm9yIiwicHJvcHMiLCJvbkhvdmVyVG9vbCIsInNldE9uSG92ZXJUb29sIiwib25EcmFnIiwic2V0T25EcmFnIiwidGltZXN0YW1wIiwiYWRkZWQiLCJkYXRlIiwiZGF0ZVRleHQiLCJkYXRlU3RyaW5nIiwic2V0RHJhZ1N0YXRlcyIsImhhbmRsZU9uTW91c2VFbnRlciIsImhhbmRsZU9uTW91c2VMZWF2ZSIsImhhbmRsZU9uQ2xpY2siLCJlIiwicHJldmVudERlZmF1bHQiLCJvbkNsaWNrIiwib25EcmFnT3ZlciIsIkZ1bmN0aW9uIiwiaWQiLCJvbkRyYWdFbnRlciIsIm9uRHJhZ0xlYXZlIiwib25Ecm9wIiwib25FeHBhbmRJdGVtIiwic3RvcFByb3BhZ2F0aW9uIiwiZGl2IiwiY2xhc3NOYW1lIiwib25Db250ZXh0TWVudSIsIm9uRHJhZ0NvbXBvbmVudCIsInNyYyIsImF2YXRhciIsImFsdCIsInNpemUiLCJhdmF0YXJTaXplIiwibGV0dGVySXRlbSIsInNpZGVFbGVtZW50Iiwic3RhdHVzQ29sb3IiLCJzcGFuIiwic3R5bGUiLCJib3JkZXIiLCJiYWNrZ3JvdW5kQ29sb3IiLCJzdGF0dXNUZXh0Iiwib25FcnJvciIsInR5cGUiLCJmbGV4aWJsZSIsInN1Ykxpc3QiLCJsZW5ndGgiLCJidXR0b24iLCJleHBhbmRlZCIsInRpdGxlIiwic3VidGl0bGUiLCJvbk1vdXNlRW50ZXIiLCJvbk1vdXNlTGVhdmUiLCJzaG93TXV0ZSIsIm9uQ2xpY2tNdXRlIiwibXV0ZWQiLCJzaG93VmlkZW9DYWxsIiwib25DbGlja1ZpZGVvQ2FsbCIsImN1c3RvbVN0YXR1c0NvbXBvbmVudHMiLCJtYXAiLCJJdGVtIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFDaEMsU0FDRUMsZUFBZUMsZUFBZSxFQUM5QkMsYUFBYUMsYUFBYSxFQUMxQkMsU0FBU0MsV0FBVyxFQUNwQkMsV0FBV0MsY0FBYyxFQUN6QkMsV0FBV0MsYUFBYSxRQUNuQixlQUFlO0FBQ3RCLFNBQVFDLFNBQVMsRUFBRUMsUUFBUSxRQUFPLFFBQVE7QUFFMUMsU0FBUUMsTUFBTSxRQUFPLHNCQUFzQjtBQUUzQyxTQUFRQyxnQkFBZ0IsRUFBRUMsbUJBQW1CLFFBQU8saUNBQWlDO0FBSXJGLE9BQU8sTUFBTUMsV0FBK0IsQ0FBQyxFQUMzQ0MsaUJBQWlCLEtBQUssRUFDdEJDLFNBQVMsQ0FBQyxFQUNWQyxrQkFBa0IsT0FBTyxFQUN6QkMsbUJBQW1CQyxTQUFTLEVBQzVCQyxnQkFBZ0IsSUFBTSxLQUFLLENBQUMsRUFDNUIsR0FBR0MsT0FDSjtJQUNDLE1BQU0sQ0FBQ0MsYUFBYUMsZUFBZSxHQUFHYixTQUFTO0lBQy9DLE1BQU0sQ0FBQ2MsUUFBUUMsVUFBVSxHQUFHZixTQUFTO0lBQ3JDLE1BQU1nQixZQUFZZCxpQkFBaUJTLE1BQU1NLEtBQUssRUFBRU4sTUFBTU8sSUFBSTtJQUMxRCxN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

package/lib/components/Chat/ChatList/ChatList.css

@@ -0,0 +1 @@
+.rce-container-clist{display:block;overflow:auto}

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

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

package/lib/components/Chat/ChatList/ChatList.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { cn } from '@nlabs/utils';
+import { ChatItem } from '../ChatItem/ChatItem.js';
+const list = [];
+export const ChatList = (props)=>{
+    const onClick = (item, index, event)=>{
+        if (props.onClick instanceof Function) {
+            props.onClick(item, index, event);
+        }
+    };
+    const onContextMenu = (item, index, event)=>{
+        event.preventDefault();
+        if (props.onContextMenu instanceof Function) {
+            props.onContextMenu(item, index, event);
+        }
+    };
+    const onAvatarError = (item, index, event)=>{
+        if (props.onAvatarError instanceof Function) {
+            props.onAvatarError(item, index, event);
+        }
+    };
+    const setDragStates = (state)=>{
+        list.push(state);
+    };
+    const onDragLeaveMW = (e, id)=>{
+        if (list.length > 0) {
+            list.forEach((item)=>item(false));
+        }
+        props.onDragLeave?.(e, id);
+    };
+    const onExpand = (item, index, event)=>{
+        if (props.onExpand instanceof Function) {
+            props.onExpand(item, index, event);
+        }
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('rce-container-clist', props.className),
+        children: props.dataSource.map((x, i)=>/*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _createElement(ChatItem, {
+                        ...x,
+                        key: i,
+                        lazyLoadingImage: props.lazyLoadingImage,
+                        onAvatarError: (e)=>onAvatarError(x, i, e),
+                        onContextMenu: (e)=>onContextMenu(x, i, e),
+                        onClick: (e)=>onClick(x, i, e),
+                        onClickMute: (e)=>props.onClickMute?.(x, i, e),
+                        onClickVideoCall: (e)=>props.onClickVideoCall?.(x, i, e),
+                        onDragOver: props?.onDragOver,
+                        onDragEnter: props?.onDragEnter,
+                        onDrop: props.onDrop,
+                        onDragLeave: onDragLeaveMW,
+                        onDragComponent: props.onDragComponent,
+                        setDragStates: setDragStates,
+                        onExpandItem: (e)=>onExpand(x, i, e),
+                        expanded: x.expanded
+                    }),
+                    x.subList && x.subList.length > 0 && /*#__PURE__*/ _jsx(_Fragment, {
+                        children: x.expanded && x.subList.map((sub, j)=>/*#__PURE__*/ _createElement(ChatItem, {
+                                ...sub,
+                                className: "subitem",
+                                avatarSize: "xsmall",
+                                key: `${i}-${j}`,
+                                lazyLoadingImage: props.lazyLoadingImage,
+                                onAvatarError: (e)=>onAvatarError(sub, j, e),
+                                onContextMenu: (e)=>onContextMenu(sub, j, e),
+                                onClick: (e)=>onClick(sub, j, e),
+                                onClickMute: (e)=>props.onClickMute?.(sub, j, e),
+                                onClickVideoCall: (e)=>props.onClickVideoCall?.(sub, j, e),
+                                onDragOver: props?.onDragOver,
+                                onDragEnter: props?.onDragEnter,
+                                onDrop: props.onDrop,
+                                onDragLeave: onDragLeaveMW,
+                                onDragComponent: props.onDragComponent,
+                                setDragStates: setDragStates
+                            }))
+                    })
+                ]
+            }))
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvQ2hhdExpc3QvQ2hhdExpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5cbmltcG9ydCB7Q2hhdEl0ZW19IGZyb20gJy4uL0NoYXRJdGVtL0NoYXRJdGVtLmpzJztcblxuaW1wb3J0IHR5cGUge0Rpc3BhdGNoLCBGQywgS2V5LCBTZXRTdGF0ZUFjdGlvbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0NoYXRMaXN0RXZlbnQsIElDaGF0TGlzdFByb3BzfSBmcm9tICcuLi90eXBlJztcblxuY29uc3QgbGlzdDogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248YW55Pj5bXSA9IFtdO1xuXG5leHBvcnQgY29uc3QgQ2hhdExpc3Q6IEZDPElDaGF0TGlzdFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCBvbkNsaWNrOiBDaGF0TGlzdEV2ZW50ID0gKGl0ZW0sIGluZGV4LCBldmVudCkgPT4ge1xuICAgIGlmKHByb3BzLm9uQ2xpY2sgaW5zdGFuY2VvZiBGdW5jdGlvbikge1xuICAgICAgcHJvcHMub25DbGljayhpdGVtLCBpbmRleCwgZXZlbnQpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNvbnRleHRNZW51OiBDaGF0TGlzdEV2ZW50ID0gKGl0ZW0sIGluZGV4LCBldmVudCkgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYocHJvcHMub25Db250ZXh0TWVudSBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICBwcm9wcy5vbkNvbnRleHRNZW51KGl0ZW0sIGluZGV4LCBldmVudCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQXZhdGFyRXJyb3I6IENoYXRMaXN0RXZlbnQgPSAoaXRlbSwgaW5kZXgsIGV2ZW50KSA9PiB7XG4gICAgaWYocHJvcHMub25BdmF0YXJFcnJvciBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICBwcm9wcy5vbkF2YXRhckVycm9yKGl0ZW0sIGluZGV4LCBldmVudCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHNldERyYWdTdGF0ZXMgPSA8Uyw+KHN0YXRlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxTPj4pID0+IHtcbiAgICBsaXN0LnB1c2goc3RhdGUpO1xuICB9O1xuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlTVcgPSAoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4sIGlkOiBudW1iZXIgfCBzdHJpbmcpID0+IHtcbiAgICBpZihsaXN0Lmxlbmd0aCA+IDApIHtcbiAgICAgIGxpc3QuZm9yRWFjaCgoaXRlbSkgPT4gaXRlbShmYWxzZSkpO1xuICAgIH1cbiAgICBwcm9wcy5vbkRyYWdMZWF2ZT8uKGUsIGlkKTtcbiAgfTtcblxuICBjb25zdCBvbkV4cGFuZDogQ2hhdExpc3RFdmVudCA9IChpdGVtLCBpbmRleCwgZXZlbnQpID0+IHtcbiAgICBpZihwcm9wcy5vbkV4cGFuZCBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICBwcm9wcy5vbkV4cGFuZChpdGVtLCBpbmRleCwgZXZlbnQpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbigncmNlLWNvbnRhaW5lci1jbGlzdCcsIHByb3BzLmNsYXNzTmFtZSl9PlxuICAgICAge3Byb3BzLmRhdGFTb3VyY2UubWFwKCh4LCBpOiBudW1iZXIpID0+IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8Q2hhdEl0ZW1cbiAgICAgICAgICAgIHsuLi54fVxuICAgICAgICAgICAga2V5PXtpIGFzIEtleX1cbiAgICAgICAgICAgIGxhenlMb2FkaW5nSW1hZ2U9e3Byb3BzLmxhenlMb2FkaW5nSW1hZ2V9XG4gICAgICAgICAgICBvbkF2YXRhckVycm9yPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IG9uQXZhdGFyRXJyb3IoeCwgaSwgZSl9XG4gICAgICAgICAgICBvbkNvbnRleHRNZW51PXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IG9uQ29udGV4dE1lbnUoeCwgaSwgZSl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IG9uQ2xpY2soeCwgaSwgZSl9XG4gICAgICAgICAgICBvbkNsaWNrTXV0ZT17KGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiBwcm9wcy5vbkNsaWNrTXV0ZT8uKHgsIGksIGUpfVxuICAgICAgICAgICAgb25DbGlja1ZpZGVvQ2FsbD17KGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiBwcm9wcy5vbkNsaWNrVmlkZW9DYWxsPy4oeCwgaSwgZSl9XG4gICAgICAgICAgICBvbkRyYWdPdmVyPXtwcm9wcz8ub25EcmFnT3Zlcn1cbiAgICAgICAgICAgIG9uRHJhZ0VudGVyPXtwcm9wcz8ub25EcmFnRW50ZXJ9XG4gICAgICAgICAgICBvbkRyb3A9e3Byb3BzLm9uRHJvcH1cbiAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZU1XfVxuICAgICAgICAgICAgb25EcmFnQ29tcG9uZW50PXtwcm9wcy5vbkRyYWdDb21wb25lbnR9XG4gICAgICAgICAgICBzZXREcmFnU3RhdGVzPXtzZXREcmFnU3RhdGVzfVxuICAgICAgICAgICAgb25FeHBhbmRJdGVtPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IG9uRXhwYW5kKHgsIGksIGUpfVxuICAgICAgICAgICAgZXhwYW5kZWQ9e3guZXhwYW5kZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgICB7eC5zdWJMaXN0ICYmIHguc3ViTGlzdC5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHt4LmV4cGFuZGVkICYmIHguc3ViTGlzdC5tYXAoKHN1YiwgaikgPT4gKFxuICAgICAgICAgICAgICAgIDxDaGF0SXRlbVxuICAgICAgICAgICAgICAgICAgey4uLnN1Yn1cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT0nc3ViaXRlbSdcbiAgICAgICAgICAgICAgICAgIGF2YXRhclNpemU9J3hzbWFsbCdcbiAgICAgICAgICAgICAgICAgIGtleT17YCR7aX0tJHtqfWB9XG4gICAgICAgICAgICAgICAgICBsYXp5TG9hZGluZ0ltYWdlPXtwcm9wcy5sYXp5TG9hZGluZ0ltYWdlfVxuICAgICAgICAgICAgICAgICAgb25BdmF0YXJFcnJvcj17KGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiBvbkF2YXRhckVycm9yKHN1YiwgaiwgZSl9XG4gICAgICAgICAgICAgICAgICBvbkNvbnRleHRNZW51PXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MRWxlbWVudD4pID0+IG9uQ29udGV4dE1lbnUoc3ViLCBqLCBlKX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gb25DbGljayhzdWIsIGosIGUpfVxuICAgICAgICAgICAgICAgICAgb25DbGlja011dGU9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gcHJvcHMub25DbGlja011dGU/LihzdWIsIGosIGUpfVxuICAgICAgICAgICAgICAgICAgb25DbGlja1ZpZGVvQ2FsbD17KGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiBwcm9wcy5vbkNsaWNrVmlkZW9DYWxsPy4oc3ViLCBqLCBlKX1cbiAgICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI9e3Byb3BzPy5vbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgb25EcmFnRW50ZXI9e3Byb3BzPy5vbkRyYWdFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uRHJvcD17cHJvcHMub25Ecm9wfVxuICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlTVd9XG4gICAgICAgICAgICAgICAgICBvbkRyYWdDb21wb25lbnQ9e3Byb3BzLm9uRHJhZ0NvbXBvbmVudH1cbiAgICAgICAgICAgICAgICAgIHNldERyYWdTdGF0ZXM9e3NldERyYWdTdGF0ZXN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICAgICkpfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdLCJuYW1lcyI6WyJjbiIsIkNoYXRJdGVtIiwibGlzdCIsIkNoYXRMaXN0IiwicHJvcHMiLCJvbkNsaWNrIiwiaXRlbSIsImluZGV4IiwiZXZlbnQiLCJGdW5jdGlvbiIsIm9uQ29udGV4dE1lbnUiLCJwcmV2ZW50RGVmYXVsdCIsIm9uQXZhdGFyRXJyb3IiLCJzZXREcmFnU3RhdGVzIiwic3RhdGUiLCJwdXNoIiwib25EcmFnTGVhdmVNVyIsImUiLCJpZCIsImxlbmd0aCIsImZvckVhY2giLCJvbkRyYWdMZWF2ZSIsIm9uRXhwYW5kIiwiZGl2IiwiY2xhc3NOYW1lIiwiZGF0YVNvdXJjZSIsIm1hcCIsIngiLCJpIiwia2V5IiwibGF6eUxvYWRpbmdJbWFnZSIsIm9uQ2xpY2tNdXRlIiwib25DbGlja1ZpZGVvQ2FsbCIsIm9uRHJhZ092ZXIiLCJvbkRyYWdFbnRlciIsIm9uRHJvcCIsIm9uRHJhZ0NvbXBvbmVudCIsIm9uRXhwYW5kSXRlbSIsImV4cGFuZGVkIiwic3ViTGlzdCIsInN1YiIsImoiLCJhdmF0YXJTaXplIl0sIm1hcHBpbmdzIjoiOztBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBRWhDLFNBQVFDLFFBQVEsUUFBTywwQkFBMEI7QUFLakQsTUFBTUMsT0FBd0MsRUFBRTtBQUVoRCxPQUFPLE1BQU1DLFdBQStCLENBQUNDO0lBQzNDLE1BQU1DLFVBQXlCLENBQUNDLE1BQU1DLE9BQU9DO1FBQzNDLElBQUdKLE1BQU1DLE9BQU8sWUFB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

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

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

package/lib/components/Chat/Circle/Circle.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Circle } from 'progressbar.js';
+import { useCallback, useEffect, useMemo } from 'react';
+let wrapper;
+export const ProgressCircle = ({ animate, progressOptions, className })=>{
+    const bar = useMemo(()=>{
+        wrapper = document.createElement('div');
+        return new Circle(wrapper, progressOptions);
+    }, []);
+    const node = useCallback((node)=>{
+        if (node) {
+            node.appendChild(wrapper);
+        }
+    }, []);
+    useEffect(()=>{
+        bar.animate(animate);
+    }, [
+        animate,
+        bar
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: className,
+        ref: node
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvQ2lyY2xlL0NpcmNsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaXJjbGV9IGZyb20gJ3Byb2dyZXNzYmFyLmpzJztcbmltcG9ydCB7dXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7RkN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtJQ2lyY2xlUHJvcHN9IGZyb20gJy4uL3R5cGUnO1xuXG5sZXQgd3JhcHBlcjogSFRNTERpdkVsZW1lbnQ7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NpcmNsZTogRkM8SUNpcmNsZVByb3BzPiA9ICh7YW5pbWF0ZSwgcHJvZ3Jlc3NPcHRpb25zLCBjbGFzc05hbWV9KSA9PiB7XG4gIGNvbnN0IGJhciA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHdyYXBwZXIgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICByZXR1cm4gbmV3IENpcmNsZSh3cmFwcGVyLCBwcm9ncmVzc09wdGlvbnMpO1xuICB9LCBbXSk7XG5cbiAgY29uc3Qgbm9kZSA9IHVzZUNhbGxiYWNrKChub2RlOiBhbnkpID0+IHtcbiAgICBpZihub2RlKSB7XG4gICAgICBub2RlLmFwcGVuZENoaWxkKHdyYXBwZXIpO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgYmFyLmFuaW1hdGUoYW5pbWF0ZSk7XG4gIH0sIFthbmltYXRlLCBiYXJdKTtcblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gcmVmPXtub2RlfSAvPjtcbn07XG4iXSwibmFtZXMiOlsiQ2lyY2xlIiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VNZW1vIiwid3JhcHBlciIsIlByb2dyZXNzQ2lyY2xlIiwiYW5pbWF0ZSIsInByb2dyZXNzT3B0aW9ucyIsImNsYXNzTmFtZSIsImJhciIsImRvY3VtZW50IiwiY3JlYXRlRWxlbWVudCIsIm5vZGUiLCJhcHBlbmRDaGlsZCIsImRpdiIsInJlZiJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLE1BQU0sUUFBTyxpQkFBaUI7QUFDdEMsU0FBUUMsV0FBVyxFQUFFQyxTQUFTLEVBQUVDLE9BQU8sUUFBTyxRQUFRO0FBS3RELElBQUlDO0FBRUosT0FBTyxNQUFNQyxpQkFBbUMsQ0FBQyxFQUFDQyxPQUFPLEVBQUVDLGVBQWUsRUFBRUMsU0FBUyxFQUFDO0lBQ3BGLE1BQU1DLE1BQU1OLFFBQVE7UUFDbEJDLFVBQVVNLFNBQVNDLGFBQWEsQ0FBQztRQUNqQyxPQUFPLElBQUlYLE9BQU9JLFNBQVNHO0lBQzdCLEdBQUcsRUFBRTtJQUVMLE1BQU1LLE9BQU9YLFlBQVksQ0FBQ1c7UUFDeEIsSUFBR0EsTUFBTTtZQUNQQSxLQUFLQyxXQUFXLENBQUNUO1FBQ25CO0lBQ0YsR0FBRyxFQUFFO0lBRUxGLFVBQVU7UUFDUk8sSUFBSUgsT0FBTyxDQUFDQTtJQUNkLEdBQUc7UUFBQ0E7UUFBU0c7S0FBSTtJQUVqQixxQkFBTyxLQUFDSztRQUFJTixXQUFXQTtRQUFXTyxLQUFLSDs7QUFDekMsRUFBRSJ9

package/lib/components/Chat/Dropdown/Dropdown.css

@@ -0,0 +1 @@
+.rce-dropdown-container{position:relative}.rce-dropdown{min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 15px;background:#fff;border-radius:5px;display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position:absolute;-webkit-box-shadow:0 0 5px 0 #a3a3a3;box-shadow:0 0 5px 0 #a3a3a3;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;z-index:99999}.rce-dropdown-title{font-size:14px;color:"#000";font-weight:500}.rce-dropdown.dropdown-show{-webkit-animation:dropdown-scaling .2s ease forwards;animation:dropdown-scaling .2s ease forwards;display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes dropdown-scaling{0%{opacity:0}50%{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropdown-scaling{0%{opacity:0}50%{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.rce-dropdown.dropdown-hide{-webkit-animation:dropdown-reverse-scaling .2s ease forwards;animation:dropdown-reverse-scaling .2s ease forwards;display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes dropdown-reverse-scaling{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes dropdown-reverse-scaling{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.rce-dropdown-open__nortwest{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;left:0;top:100%;margin-top:5px}.rce-dropdown-open__norteast{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;right:0;top:100%;margin-top:5px}.rce-dropdown-open__southwest{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;left:0;bottom:100%;margin-bottom:5px}.rce-dropdown-open__southeast{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;right:0;bottom:100%;margin-bottom:5px}.rce-dropdown ul{list-style:none;margin:0;padding:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rce-dropdown ul li{white-space:nowrap;color:#767676;padding:8px;cursor:pointer;font-size:16px;width:100%;border-bottom:1px solid #e9e9e9;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rce-dropdown ul li:last-child{border:none}.rce-dropdown ul li:hover a{color:#3a6d8c}.rce-dropdown.fade{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:dropdown-fade .5s ease forwards;animation:dropdown-fade .5s ease forwards}@-webkit-keyframes dropdown-fade{0%{opacity:0}to{opacity:1}}@keyframes dropdown-fade{0%{opacity:0}to{opacity:1}}

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

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

package/lib/components/Chat/Dropdown/Dropdown.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { useState } from 'react';
+import { Button } from '../Button/Button.js';
+export const Dropdown = ({ animationPosition = 'nortwest', animationType = 'default', ...props })=>{
+    const [show, setShow] = useState(undefined);
+    const onBlur = ()=>{
+        if (show === true) {
+            setShow(false);
+        }
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('rce-dropdown-container', props.className),
+        onBlur: onBlur,
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                ...props.buttonProps,
+                onClick: ()=>setShow(!show)
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: cn('rce-dropdown', animationType, `rce-dropdown-open__${animationPosition}`, {
+                    'dropdown-hide': show === false
+                }, {
+                    'dropdown-show': show === true
+                }),
+                children: /*#__PURE__*/ _jsxs("ul", {
+                    children: [
+                        props.title && /*#__PURE__*/ _jsx("span", {
+                            className: "rce-dropdown-title",
+                            children: props.title
+                        }),
+                        props.items?.map((x, i)=>/*#__PURE__*/ _jsx("li", {
+                                onMouseDown: (e)=>props.onSelect(i),
+                                children: x instanceof Object ? x.icon ? /*#__PURE__*/ _jsxs("span", {
+                                    className: "rce-button-icon--container",
+                                    children: [
+                                        (x.icon.float === 'right' || !x.icon.float) && /*#__PURE__*/ _jsx("a", {
+                                            children: x.text
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            style: {
+                                                float: x.icon.float,
+                                                color: x.icon.color,
+                                                fontSize: x.icon.size || 12
+                                            },
+                                            className: cn('rce-button-icon', x.icon.className),
+                                            children: x.icon.component
+                                        }),
+                                        x.icon.float === 'left' && /*#__PURE__*/ _jsx("a", {
+                                            children: x.text
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsx("a", {
+                                    children: x.text
+                                }) : /*#__PURE__*/ _jsx("a", {
+                                    children: x
+                                })
+                            }, i))
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvRHJvcGRvd24vRHJvcGRvd24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge3VzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi9CdXR0b24vQnV0dG9uLmpzJztcblxuaW1wb3J0IHR5cGUge0ZDfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7SURyb3Bkb3duSXRlbVR5cGUsIElEcm9wZG93blByb3BzfSBmcm9tICcuLi90eXBlJztcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duOiBGQzxJRHJvcGRvd25Qcm9wcz4gPSAoe2FuaW1hdGlvblBvc2l0aW9uID0gJ25vcnR3ZXN0JywgYW5pbWF0aW9uVHlwZSA9ICdkZWZhdWx0JywgLi4ucHJvcHN9KSA9PiB7XG4gIGNvbnN0IFtzaG93LCBzZXRTaG93XSA9IHVzZVN0YXRlPGJvb2xlYW4gfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgY29uc3Qgb25CbHVyID0gKCkgPT4ge1xuICAgIGlmKHNob3cgPT09IHRydWUpIHtcbiAgICAgIHNldFNob3coZmFsc2UpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbigncmNlLWRyb3Bkb3duLWNvbnRhaW5lcicsIHByb3BzLmNsYXNzTmFtZSl9IG9uQmx1cj17b25CbHVyfT5cbiAgICAgIHs8QnV0dG9uIHsuLi5wcm9wcy5idXR0b25Qcm9wc30gb25DbGljaz17KCkgPT4gc2V0U2hvdyghc2hvdyl9IC8+fVxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICdyY2UtZHJvcGRvd24nLFxuICAgICAgICAgIGFuaW1hdGlvblR5cGUsXG4gICAgICAgICAgYHJjZS1kcm9wZG93bi1vcGVuX18ke2FuaW1hdGlvblBvc2l0aW9ufWAsXG4gICAgICAgICAgeydkcm9wZG93bi1oaWRlJzogc2hvdyA9PT0gZmFsc2V9LFxuICAgICAgICAgIHsnZHJvcGRvd24tc2hvdyc6IHNob3cgPT09IHRydWV9XG4gICAgICAgICl9XG4gICAgICA+XG4gICAgICAgIDx1bD5cbiAgICAgICAgICB7cHJvcHMudGl0bGUgJiYgPHNwYW4gY2xhc3NOYW1lPSdyY2UtZHJvcGRvd24tdGl0bGUnPntwcm9wcy50aXRsZX08L3NwYW4+fVxuICAgICAgICAgIHtwcm9wcy5pdGVtcz8ubWFwKCh4OiBJRHJvcGRvd25JdGVtVHlwZSwgaTogbnVtYmVyKSA9PiAoXG4gICAgICAgICAgICA8bGkga2V5PXtpfSBvbk1vdXNlRG93bj17KGUpID0+IHByb3BzLm9uU2VsZWN0KGkpfT5cbiAgICAgICAgICAgICAge3ggaW5zdGFuY2VvZiBPYmplY3QgPyAoXG4gICAgICAgICAgICAgICAgeC5pY29uID8gKFxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdyY2UtYnV0dG9uLWljb24tLWNvbnRhaW5lcic+XG4gICAgICAgICAgICAgICAgICAgIHsoeC5pY29uLmZsb2F0ID09PSAncmlnaHQnIHx8ICF4Lmljb24uZmxvYXQpICYmIDxhPnt4LnRleHR9PC9hPn1cblxuICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7ZmxvYXQ6IHguaWNvbi5mbG9hdCwgY29sb3I6IHguaWNvbi5jb2xvciwgZm9udFNpemU6IHguaWNvbi5zaXplIHx8IDEyfX1cbiAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKCdyY2UtYnV0dG9uLWljb24nLCB4Lmljb24uY2xhc3NOYW1lKX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHt4Lmljb24uY29tcG9uZW50fVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG5cbiAgICAgICAgICAgICAgICAgICAge3guaWNvbi5mbG9hdCA9PT0gJ2xlZnQnICYmIDxhPnt4LnRleHR9PC9hPn1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgPGE+e3gudGV4dH08L2E+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxhPnt4fTwvYT5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvdWw+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOlsiY24iLCJ1c2VTdGF0ZSIsIkJ1dHRvbiIsIkRyb3Bkb3duIiwiYW5pbWF0aW9uUG9zaXRpb24iLCJhbmltYXRpb25UeXBlIiwicHJvcHMiLCJzaG93Iiwic2V0U2hvdyIsInVuZGVmaW5lZCIsIm9uQmx1ciIsImRpdiIsImNsYXNzTmFtZSIsImJ1dHRvblByb3BzIiwib25DbGljayIsInVsIiwidGl0bGUiLCJzcGFuIiwiaXRlbXMiLCJtYXAiLCJ4IiwiaSIsImxpIiwib25Nb3VzZURvd24iLCJlIiwib25TZWxlY3QiLCJPYmplY3QiLCJpY29uIiwiZmxvYXQiLCJhIiwidGV4dCIsInN0eWxlIiwiY29sb3IiLCJmb250U2l6ZSIsInNpemUiLCJjb21wb25lbnQiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUFRQyxRQUFRLFFBQU8sUUFBUTtBQUUvQixTQUFRQyxNQUFNLFFBQU8sc0JBQXNCO0FBSzNDLE9BQU8sTUFBTUMsV0FBK0IsQ0FBQyxFQUFDQyxvQkFBb0IsVUFBVSxFQUFFQyxnQkFBZ0IsU0FBUyxFQUFFLEdBQUdDLE9BQU07SUFDaEgsTUFBTSxDQUFDQyxNQUFNQyxRQUFRLEdBQUdQLFNBQThCUTtJQUV0RCxNQUFNQyxTQUFTO1FBQ2IsSUFBR0gsU0FBUyxNQUFNO1lBQ2hCQyxRQUFRO1FBQ1Y7SUFDRjtJQUVBLHFCQUNFLE1BQUNHO1FBQUlDLFdBQVdaLEdBQUcsMEJBQTBCTSxNQUFNTSxTQUFTO1FBQUdGLFFBQVFBOzswQkFDcEUsS0FBQ1I7Z0JBQVEsR0FBR0ksTUFBTU8sV0FBVztnQkFBRUMsU0FBUyxJQUFNTixRQUFRLENBQUNEOzswQkFDeEQsS0FBQ0k7Z0JBQ0NDLFdBQVdaLEdBQ1QsZ0JBQ0FLLGVBQ0EsQ0FBQyxtQkFBbUIsRUFBRUQsbUJBQW1CLEVBQ3pDO29CQUFDLGlCQUFpQkcsU0FBUztnQkFBSyxHQUNoQztvQkFBQyxpQkFBaUJBLFNBQVM7Z0JBQUk7MEJBR2pDLGNBQUEsTUFBQ1E7O3dCQUNFVCxNQUFNVSxLQUFLLGtCQUFJLEtBQUNDOzRCQUFLTCxXQUFVO3NDQUFzQk4sTUFBTVUsS0FBSzs7d0JBQ2hFVixNQUFNWSxLQUFLLEVBQUVDLElBQUksQ0FBQ0MsR0FBc0JDLGtCQUN2QyxLQUFDQztnQ0FBV0MsYUFBYSxDQUFDQyxJQUFNbEIsTUFBTW1CLFFBQVEsQ0FBQ0o7MENBQzVDRCxhQUFhTSxTQUNaTixFQUFFTyxJQUFJLGlCQUNKLE1BQUNWO29DQUFLTCxXQUFVOzt3Q0FDWlEsQ0FBQUEsRUFBRU8sSUFBSSxDQUFDQyxLQUFLLEtBQUssV0FBVyxDQUFDUixFQUFFTyxJQUFJLENBQUNDLEtBQUssQUFBRCxtQkFBTSxLQUFDQztzREFBR1QsRUFBRVUsSUFBSTs7c0RBRTFELEtBQUNiOzRDQUNDYyxPQUFPO2dEQUFDSCxPQUFPUixFQUFFTyxJQUFJLENBQUNDLEtBQUs7Z0RBQUVJLE9BQU9aLEVBQUVPLElBQUksQ0FBQ0ssS0FBSztnREFBRUMsVUFBVWIsRUFBRU8sSUFBSSxDQUFDTyxJQUFJLElBQUk7NENBQUU7NENBQzdFdEIsV0FBV1osR0FBRyxtQkFBbUJvQixFQUFFTyxJQUFJLENBQUNmLFNBQVM7c0RBRWhEUSxFQUFFTyxJQUFJLENBQUNRLFNBQVM7O3dDQUdsQmYsRUFBRU8sSUFBSSxDQUFDQyxLQUFLLEtBQUssd0JBQVUsS0FBQ0M7c0RBQUdULEVBQUVVLElBQUk7OzttREFHeEMsS0FBQ0Q7OENBQUdULEVBQUVVLElBQUk7bURBR1osS0FBQ0Q7OENBQUdUOzsrQkFuQkNDOzs7Ozs7QUEyQnJCLEVBQUUifQ==

package/lib/components/Chat/FileMessage/FileMessage.css

@@ -0,0 +1 @@
+.rce-mbox-file{padding-bottom:13px}.rce-mbox-file>button{background:#e9e9e9;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:5px;margin-top:-3px;margin-right:-6px;margin-left:-6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:52px;max-width:500px;padding:5px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:none}.rce-mbox-file>button>*{padding:0 10px}.rce-mbox-file--icon{font-size:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rce-mbox-file--size{font-size:10px;margin-top:3px;max-width:52px}.rce-mbox-file--size,.rce-mbox-file--text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rce-mbox-file--text{font-size:13.6px}.rce-mbox-file--buttons{font-size:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.rce-mbox-file--buttons .rce-error-button{display:inherit}.rce-mbox-file--loading{font-size:15px;width:40px;height:40px}

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

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

package/lib/components/Chat/FileMessage/FileMessage.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleAlert as Alert02Icon, CloudDownload as CloudDownloadIcon, File as File01Icon } from 'lucide-react';
+import { ProgressCircle } from '../Circle/Circle.js';
+export const FileMessage = (props)=>{
+    const progressOptions = {
+        strokeWidth: 5,
+        color: '#333',
+        trailColor: '#aaa',
+        trailWidth: 5,
+        step: (state, circle)=>{
+            circle.path.setAttribute('trail', state.color);
+            circle.path.setAttribute('trailwidth-width', state.width);
+            const value = Math.round(circle.value() * 100);
+            if (value === 0) {
+                circle.setText('');
+            } else {
+                circle.setText(value);
+            }
+        }
+    };
+    const error = props?.data?.status && props?.data?.status.error === true;
+    const onClick = (e)=>{
+        if (!props?.data?.status) {
+            return;
+        }
+        if (!props?.data?.status.download && props.onDownload instanceof Function) {
+            props.onDownload(e);
+        } else if (props?.data?.status.download && props.onOpen instanceof Function) {
+            props.onOpen(e);
+        }
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: "rce-mbox-file",
+        children: /*#__PURE__*/ _jsxs("button", {
+            onClick: onClick,
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "rce-mbox-file--icon",
+                    children: [
+                        /*#__PURE__*/ _jsx(File01Icon, {
+                            color: "#aaa"
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "rce-mbox-file--size",
+                            children: props?.data.size
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "rce-mbox-file--text",
+                    children: props.text
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "rce-mbox-file--buttons",
+                    children: [
+                        error && /*#__PURE__*/ _jsx("span", {
+                            className: "rce-error-button",
+                            children: /*#__PURE__*/ _jsx(Alert02Icon, {
+                                color: "#ff3d3d"
+                            })
+                        }),
+                        !error && props?.data?.status && !props?.data?.status.download && !props?.data?.status.click && /*#__PURE__*/ _jsx(CloudDownloadIcon, {
+                            color: "#aaa"
+                        }),
+                        !error && props?.data?.status && typeof props?.data?.status.loading === 'number' && props?.data?.status.loading !== 0 && /*#__PURE__*/ _jsx(ProgressCircle, {
+                            animate: props?.data?.status.loading,
+                            className: "rce-mbox-file--loading",
+                            progressOptions: progressOptions
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0NoYXQvRmlsZU1lc3NhZ2UvRmlsZU1lc3NhZ2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENpcmNsZUFsZXJ0IGFzIEFsZXJ0MDJJY29uLFxuICBDbG91ZERvd25sb2FkIGFzIENsb3VkRG93bmxvYWRJY29uLFxuICBGaWxlIGFzIEZpbGUwMUljb25cbn0gZnJvbSAnbHVjaWRlLXJlYWN0JztcblxuaW1wb3J0IHtQcm9ncmVzc0NpcmNsZX0gZnJvbSAnLi4vQ2lyY2xlL0NpcmNsZS5qcyc7XG5cbmltcG9ydCB0eXBlIHtGQ30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0lGaWxlTWVzc2FnZVByb3BzfSBmcm9tICcuLi90eXBlJztcblxuZXhwb3J0IGNvbnN0IEZpbGVNZXNzYWdlOiBGQzxJRmlsZU1lc3NhZ2VQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgcHJvZ3Jlc3NPcHRpb25zID0ge1xuICAgIHN0cm9rZVdpZHRoOiA1LFxuICAgIGNvbG9yOiAnIzMzMycsXG4gICAgdHJhaWxDb2xvcjogJyNhYWEnLFxuICAgIHRyYWlsV2lkdGg6IDUsXG4gICAgc3RlcDogKFxuICAgICAgc3RhdGU6IHsgY29sb3I6IHN0cmluZzsgd2lkdGg6IHN0cmluZyB9LFxuICAgICAgY2lyY2xlOiB7XG4gICAgICAgIHBhdGg6IHsgc2V0QXR0cmlidXRlOiAoYXJnMDogc3RyaW5nLCBhcmcxOiBzdHJpbmcpID0+IHZvaWQgfTtcbiAgICAgICAgdmFsdWU6ICgpID0+IG51bWJlcjtcbiAgICAgICAgc2V0VGV4dDogKGFyZzA6IHN0cmluZyB8IG51bWJlcikgPT4gdm9pZDtcbiAgICAgIH1cbiAgICApID0+IHtcbiAgICAgIGNpcmNsZS5wYXRoLnNldEF0dHJpYnV0ZSgndHJhaWwnLCBzdGF0ZS5jb2xvcik7XG4gICAgICBjaXJjbGUucGF0aC5zZXRBdHRyaWJ1dGUoJ3RyYWlsd2lkdGgtd2lkdGgnLCBzdGF0ZS53aWR0aCk7XG5cbiAgICAgIGNvbnN0IHZhbHVlID0gTWF0aC5yb3VuZChjaXJjbGUudmFsdWUoKSAqIDEwMCk7XG4gICAgICBpZih2YWx1ZSA9PT0gMCkge1xuICAgICAgICBjaXJjbGUuc2V0VGV4dCgnJyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjaXJjbGUuc2V0VGV4dCh2YWx1ZSk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGVycm9yID0gcHJvcHM/LmRhdGE/LnN0YXR1cyAmJiBwcm9wcz8uZGF0YT8uc3RhdHVzLmVycm9yID09PSB0cnVlO1xuXG4gIGNvbnN0IG9uQ2xpY2sgPSAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGlmKCFwcm9wcz8uZGF0YT8uc3RhdHVzKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYoIXByb3BzPy5kYXRhPy5zdGF0dXMuZG93bmxvYWQgJiYgcHJvcHMub25Eb3dubG9hZCBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICBwcm9wcy5vbkRvd25sb2FkKGUpO1xuICAgIH0gZWxzZSBpZihwcm9wcz8uZGF0YT8uc3RhdHVzLmRvd25sb2FkICYmIHByb3BzLm9uT3BlbiBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICBwcm9wcy5vbk9wZW4oZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tYm94LWZpbGUnPlxuICAgICAgPGJ1dHRvbiBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9J3JjZS1tYm94LWZpbGUtLWljb24nPlxuICAgICAgICAgIDxGaWxlMDFJY29uIGNvbG9yPScjYWFhJyAgLz5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1ib3gtZmlsZS0tc2l6ZSc+e3Byb3BzPy5kYXRhLnNpemV9PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT0ncmNlLW1ib3gtZmlsZS0tdGV4dCc+e3Byb3BzLnRleHR9PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPSdyY2UtbWJveC1maWxlLS1idXR0b25zJz5cbiAgICAgICAgICB7ZXJyb3IgJiYgKFxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPSdyY2UtZXJyb3ItYnV0dG9uJz5cbiAgICAgICAgICAgICAgPEFsZXJ0MDJJY29uIGNvbG9yPScjZmYzZDNkJyAgLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHshZXJyb3IgJiYgcHJvcHM/LmRhdGE/LnN0YXR1cyAmJiAhcHJvcHM/LmRhdGE/LnN0YXR1cy5kb3dubG9hZCAmJiAhcHJvcHM/LmRhdGE/LnN0YXR1cy5jbGljayAmJiAoXG4gICAgICAgICAgICA8Q2xvdWREb3dubG9hZEljb24gY29sb3I9JyNhYWEnICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAgeyFlcnJvciAmJlxuICAgICAgICAgICAgcHJvcHM/LmRhdGE/LnN0YXR1cyAmJlxuICAgICAgICAgICAgdHlwZW9mIHByb3BzPy5kYXRhPy5zdGF0dXMubG9hZGluZyA9PT0gJ251bWJlcicgJiZcbiAgICAgICAgICAgIHByb3BzPy5kYXRhPy5zdGF0dXMubG9hZGluZyAhPT0gMCAmJiAoXG4gICAgICAgICAgICA8UHJvZ3Jlc3NDaXJjbGVcbiAgICAgICAgICAgICAgYW5pbWF0ZT17cHJvcHM/LmRhdGE/LnN0YXR1cy5sb2FkaW5nfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9J3JjZS1tYm94LWZpbGUtLWxvYWRpbmcnXG4gICAgICAgICAgICAgIHByb2dyZXNzT3B0aW9ucz17cHJvZ3Jlc3NPcHRpb25zfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdLCJuYW1lcyI6WyJDaXJjbGVBbGVydCIsIkFsZXJ0MDJJY29uIiwiQ2xvdWREb3dubG9hZCIsIkNsb3VkRG93bmxvYWRJY29uIiwiRmlsZSIsIkZpbGUwMUljb24iLCJQcm9ncmVzc0NpcmNsZSIsIkZpbGVNZXNzYWdlIiwicHJvcHMiLCJwcm9ncmVzc09wdGlvbnMiLCJzdHJva2VXaWR0aCIsImNvbG9yIiwidHJhaWxDb2xvciIsInRyYWlsV2lkdGgiLCJzdGVwIiwic3RhdGUiLCJjaXJjbGUiLCJwYXRoIiwic2V0QXR0cmlidXRlIiwid2lkdGgiLCJ2YWx1ZSIsIk1hdGgiLCJyb3VuZCIsInNldFRleHQiLCJlcnJvciIsImRhdGEiLCJzdGF0dXMiLCJvbkNsaWNrIiwiZSIsImRvd25sb2FkIiwib25Eb3dubG9hZCIsIkZ1bmN0aW9uIiwib25PcGVuIiwiZGl2IiwiY2xhc3NOYW1lIiwiYnV0dG9uIiwic2l6ZSIsInRleHQiLCJzcGFuIiwiY2xpY2siLCJsb2FkaW5nIiwiYW5pbWF0ZSJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQ0VBLGVBQWVDLFdBQVcsRUFDMUJDLGlCQUFpQkMsaUJBQWlCLEVBQ2xDQyxRQUFRQyxVQUFVLFFBQ2IsZUFBZTtBQUV0QixTQUFRQyxjQUFjLFFBQU8sc0JBQXNCO0FBS25ELE9BQU8sTUFBTUMsY0FBcUMsQ0FBQ0M7SUFDakQsTUFBTUMsa0JBQWtCO1FBQ3RCQyxhQUFhO1FBQ2JDLE9BQU87UUFDUEMsWUFBWTtRQUNaQyxZQUFZO1FBQ1pDLE1BQU0sQ0FDSkMsT0FDQUM7WUFNQUEsT0FBT0MsSUFBSSxDQUFDQyxZQUFZLENBQUMsU0FBU0gsTUFBTUosS0FBSztZQUM3Q0ssT0FBT0MsSUFBSSxDQUFDQyxZQUFZLENBQUMsb0JBQW9CSCxNQUFNSSxLQUFLO1lBRXhELE1BQU1DLFFBQVFDLEtBQUtDLEtBQUssQ0FBQ04sT0FBT0ksS0FBSyxLQUFLO1lBQzFDLElBQUdBLFVBQVUsR0FBRztnQkFDZEosT0FBT08sT0FBTyxDQUFDO1lBQ2pCLE9BQU87Z0JBQ0xQLE9BQU9PLE9BQU8sQ0FBQ0g7WUFDakI7UUFDRjtJQUNGO0lBRUEsTUFBTUksUUFBUWhCLE9BQU9pQixNQUFNQyxVQUFVbEIsT0FBT2lCLE1BQU1DLE9BQU9GLFVBQVU7SUFFbkUsTUFBTUcsVUFBVSxDQUFDQztRQUNmLElBQUcsQ0FBQ3BCLE9BQU9pQixNQUFNQyxRQUFRO1lBQ3ZCO1FBQ0Y7UUFFQSxJQUFHLENBQUNsQixPQUFPaUIsTUFBTUMsT0FBT0csWUFBWXJCLE1BQU1zQixVQUFVLFlBQVlDLFVBQVU7WUFDeEV2QixNQUFNc0IsVUFBVSxDQUFDRjtRQUNuQixPQUFPLElBQUdwQixPQUFPaUIsTUFBTUMsT0FBT0csWUFBWXJCLE1BQU13QixNQUFNLFlBQVlELFVBQVU7WUFDMUV2QixNQUFNd0IsTUFBTSxDQUFDSjtRQUNmO0lBQ0Y7SUFFQSxxQkFDRSxLQUFDSztRQUFJQyxXQUFVO2tCQUNiLGNBQUEsTUFBQ0M7WUFBT1IsU0FBU0E7OzhCQUNmLE1BQUNNO29CQUFJQyxXQUFVOztzQ0FDYixLQUFDN0I7NEJBQVdNLE9BQU07O3NDQUNsQixLQUFDc0I7NEJBQUlDLFdBQVU7c0NBQXVCMUIsT0FBT2lCLEtBQUtXOzs7OzhCQUVwRCxLQUFDSDtvQkFBSUMsV0FBVTs4QkFBdUIxQixNQUFNNkIsSUFBSTs7OEJBQ2hELE1BQUNKO29CQUFJQyxXQUFVOzt3QkFDWlYsdUJBQ0MsS0FBQ2M7NEJBQUtKLFdBQVU7c0NBQ2QsY0FBQSxLQUFDakM7Z0NBQVlVLE9BQU07Ozt3QkFHdEIsQ0FBQ2EsU0FBU2hCLE9BQU9pQixNQUFNQyxVQUFVLENBQUNsQixPQUFPaUIsTUFBTUMsT0FBT0csWUFBWSxDQUFDckIsT0FBT2lCLE1BQU1DLE9BQU9hLHVCQUN0RixLQUFDcEM7NEJBQWtCUSxPQUFNOzt3QkFFMUIsQ0FBQ2EsU0FDQWhCLE9BQU9pQixNQUFNQyxVQUNiLE9BQU9sQixPQUFPaUIsTUFBTUMsT0FBT2MsWUFBWSxZQUN2Q2hDLE9BQU9pQixNQUFNQyxPQUFPYyxZQUFZLG1CQUNoQyxLQUFDbEM7NEJBQ0NtQyxTQUFTakMsT0FBT2lCLE1BQU1DLE9BQU9jOzRCQUM3Qk4sV0FBVTs0QkFDVnpCLGlCQUFpQkE7Ozs7Ozs7QUFPL0IsRUFBRSJ9

package/lib/components/Chat/Input/Input.css

@@ -0,0 +1 @@
+.rce-container-input{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rce-container-input,.rce-input{-webkit-box-sizing:border-box;box-sizing:border-box}.rce-input{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;height:40px;padding:0 5px;border:none;border-radius:5px;color:#333;font-size:14px;outline:none}.rce-input-textarea{height:37px;padding:10px 5px;resize:none}.rce-input-buttons{margin:5px}.rce-input-buttons,.rce-input-buttons>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rce-input-buttons .rce-button:nth-child(2n){margin-left:5px;margin-right:5px}.rce-input-buttons .rce-button:last-child{margin-right:0}.rce-left-padding{padding-left:10px;padding-right:0!important}.rce-right-padding{padding-right:10px;padding-left:0!important}.rce-input::-webkit-input-placeholder{color:#afafaf}.rce-input::-moz-placeholder{color:#afafaf}.rce-input:-ms-input-placeholder{color:#afafaf}.rce-input::-ms-input-placeholder{color:#afafaf}.rce-input::placeholder{color:#afafaf}

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

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