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

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

'use strict';

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

var tslib = require('tslib');
var React = require('react');
var MessageBubble = require('./MessageBubble.js');
var MessageTip = require('./MessageTip.js');
require('../../context/TranslationContext.js');
require('../../context/UIKitContext.js');
var ComponentContext = require('../../context/ComponentContext.js');
require('../../context/ChatActionContext.js');
require('../../context/MessageInputContext.js');
var UIMessageContext = require('../../context/UIMessageContext.js');
require('../../context/ChatStateContext.js');
var MessageSystem = require('./MessageSystem.js');
var MessageRevoke = require('./MessageRevoke.js');
var MessageName = require('./MessageName.js');
var MessageAvatar = require('./MessageAvatar.js');
var models = require('../../types/models.js');
require('../../types/events.js');

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

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

function UIMessageDefaultWithContext(props) {
    var _a;
    var message = props.message, propsMessageContext = props.MessageContext, propsMessagePlugins = props.MessagePlugins, className = props.className;
    var _b = ComponentContext.useComponentContext('UIMessage'), contextMessageContext = _b.MessageContext, contextMessagePlugins = _b.MessagePlugins;
    var _c = UIMessageContext.useUIMessageContext('UIMessage'), prefix = _c.prefix, suffix = _c.suffix, customName = _c.customName, _d = _c.showAvatar, showAvatar = _d === void 0 ? UIMessageContext.messageShowType.IN : _d, _e = _c.showName, showName = _e === void 0 ? UIMessageContext.messageShowType.IN : _e, customAvatar = _c.customAvatar;
    var MessageContextUIComponent = propsMessageContext || contextMessageContext;
    var MessagePlugins = propsMessagePlugins || contextMessagePlugins;
    return (React__default["default"].createElement("div", { className: "message-default\n      ".concat(((message === null || message === void 0 ? void 0 : message.type) === models.MessageType.GroupTip || (message === null || message === void 0 ? void 0 : message.revoked)) ? 'tip' : message === null || message === void 0 ? void 0 : message.flow, "\n      ").concat(className, "\n      ") },
        (message === null || message === void 0 ? void 0 : message.type) === models.MessageType.GroupTip
            && (React__default["default"].createElement(MessageTip.MessageTip, { message: message })),
        (message === null || message === void 0 ? void 0 : message.type) === models.MessageType.GroupSystemNotice
            && (React__default["default"].createElement(MessageSystem.MessageSystem, { message: message })),
        (message === null || message === void 0 ? void 0 : message.revoked)
            && (React__default["default"].createElement(MessageRevoke.MessageRevoke, { message: message })),
        (message === null || message === void 0 ? void 0 : message.type) !== models.MessageType.GroupTip
            && (message === null || message === void 0 ? void 0 : message.type) !== models.MessageType.GroupSystemNotice
            && !(message === null || message === void 0 ? void 0 : message.revoked)
            && (React__default["default"].createElement("div", { className: "".concat((_a = message === null || message === void 0 ? void 0 : message.flow) !== null && _a !== void 0 ? _a : 'in'), key: message === null || message === void 0 ? void 0 : message.id, "data-message-id": message === null || message === void 0 ? void 0 : message.id },
                prefix,
                React__default["default"].createElement(MessageAvatar.MessageAvatar, { message: message, CustomAvatar: customAvatar, showType: showAvatar }),
                React__default["default"].createElement("main", { className: "content" },
                    React__default["default"].createElement(MessageName.MessageName, { message: message, CustomName: customName, showType: showName }),
                    React__default["default"].createElement(MessageBubble.MessageBubble, { message: message, Context: MessageContextUIComponent, Plugins: MessagePlugins },
                        React__default["default"].createElement(MessageContextUIComponent, { message: message }))),
                suffix))));
}
var MemoizedUIMessageDefault = React__default["default"].memo(UIMessageDefaultWithContext);
function UIMessageDefault(props) {
    return (React__default["default"].createElement(MemoizedUIMessageDefault, tslib.__assign({}, props)));
}

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