@uimkit/uikit-react
Version:
<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>
33 lines (30 loc) • 1.94 kB
JavaScript
import React__default, { useState } from 'react';
import '../../types/models.js';
import '../../types/events.js';
import { MESSAGE_STATUS } from '../../constants.js';
import { Icon } from '../Icon/Icon.js';
import { IconTypes } from '../Icon/type.js';
import { MessageProgress } from './MessageProgress.js';
function MessageBubble(props) {
var message = props.message, children = props.children; props.Context; var Plugins = props.Plugins;
var _a = useState(false), PluginsShow = _a[0], setPluginsShow = _a[1];
var handleMouseEnter = function () {
setPluginsShow(true);
};
var handleMouseLeave = function () {
setPluginsShow(false);
};
return (React__default.createElement("div", { className: "message-bubble" },
React__default.createElement("div", { className: "meesage-bubble-context ".concat(message === null || message === void 0 ? void 0 : message.flow), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
React__default.createElement("div", { className: "message-context\n ".concat('', "\n ").concat('') },
children,
React__default.createElement(MessageProgress, { message: message })),
Plugins && (React__default.createElement("div", { className: "message-plugin" }, PluginsShow && React__default.createElement(Plugins, null)))),
React__default.createElement("div", { className: "message-bubble-status icon" },
(message === null || message === void 0 ? void 0 : message.status) === MESSAGE_STATUS.FAIL
&& React__default.createElement("i", { className: "icon-fail" }),
(message === null || message === void 0 ? void 0 : message.status) === MESSAGE_STATUS.UNSEND
&& React__default.createElement(Icon, { width: 10, height: 10, type: IconTypes.PROGRESS }))));
}
export { MessageBubble };
//# sourceMappingURL=MessageBubble.js.map