@uimkit/uikit-react/dist/cjs/components/UIMessage/MessageBubble.js

<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
require('../../types/models.js');
require('../../types/events.js');
var constants = require('../../constants.js');
var Icon = require('../Icon/Icon.js');
var type = require('../Icon/type.js');
var MessageProgress = require('./MessageProgress.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function MessageBubble(props) {
    var message = props.message, children = props.children; props.Context; var Plugins = props.Plugins;
    var _a = React.useState(false), PluginsShow = _a[0], setPluginsShow = _a[1];
    var handleMouseEnter = function () {
        setPluginsShow(true);
    };
    var handleMouseLeave = function () {
        setPluginsShow(false);
    };
    return (React__default["default"].createElement("div", { className: "message-bubble" },
        React__default["default"].createElement("div", { className: "meesage-bubble-context ".concat(message === null || message === void 0 ? void 0 : message.flow), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
            React__default["default"].createElement("div", { className: "message-context\n            ".concat('', "\n            ").concat('') },
                children,
                React__default["default"].createElement(MessageProgress.MessageProgress, { message: message })),
            Plugins && (React__default["default"].createElement("div", { className: "message-plugin" }, PluginsShow && React__default["default"].createElement(Plugins, null)))),
        React__default["default"].createElement("div", { className: "message-bubble-status icon" },
            (message === null || message === void 0 ? void 0 : message.status) === constants.MESSAGE_STATUS.FAIL
                && React__default["default"].createElement("i", { className: "icon-fail" }),
            (message === null || message === void 0 ? void 0 : message.status) === constants.MESSAGE_STATUS.UNSEND
                && React__default["default"].createElement(Icon.Icon, { width: 10, height: 10, type: type.IconTypes.PROGRESS }))));
}

exports.MessageBubble = MessageBubble;
//# sourceMappingURL=MessageBubble.js.map