@uimkit/uikit-react/dist/esm/components/UIMessage/MessageMerger.js

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

import { __assign } from 'tslib';
import React__default from 'react';
import { ConversationType } from '../../types/models.js';
import '../../types/events.js';

function MessageMergerWithContext(props) {
    var context = props.context, message = props.message, children = props.children;
    return (React__default.createElement("div", { className: "bubble message-merger bubble-".concat(message.flow, " ").concat((message === null || message === void 0 ? void 0 : message.conversation_type) === ConversationType.Group ? 'group' : '') },
        React__default.createElement("h3", null, context.title),
        React__default.createElement("ul", { className: "message-merger-list" }, (context === null || context === void 0 ? void 0 : context.abstractList.length) > 0
            && context.abstractList.map(function (item, index) {
                var key = item + index;
                return (React__default.createElement("li", { className: "message-merger-item", key: key }, item));
            })),
        children));
}
var MemoizedMessageMerger = React__default.memo(MessageMergerWithContext);
function MessageMerger(props) {
    return (React__default.createElement(MemoizedMessageMerger, __assign({}, props)));
}

export { MessageMerger };
//# sourceMappingURL=MessageMerger.js.map