@uimkit/uikit-react
Version:
<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>
34 lines (31 loc) • 1.71 kB
JavaScript
import { __assign } from 'tslib';
import React__default from 'react';
import { ConversationType } from '../../types/models.js';
import '../../types/events.js';
import '../../context/TranslationContext.js';
import '../../context/UIKitContext.js';
import '../../context/ComponentContext.js';
import '../../context/ChatActionContext.js';
import '../../context/MessageInputContext.js';
import '../../context/UIMessageContext.js';
import '../../context/ChatStateContext.js';
function MessageTextWithContext(props) {
var _a;
var context = props.context, message = props.message, children = props.children;
return (React__default.createElement("div", { className: "bubble message-text bubble-".concat((_a = message.flow) !== null && _a !== void 0 ? _a : 'in', " ").concat((message === null || message === void 0 ? void 0 : message.conversation_type) === ConversationType.Group ? 'group' : '') },
React__default.createElement("div", { className: "message-text-content" },
context.text.map(function (item, index) {
var key = message.id + index;
if (item.name === 'text') {
return React__default.createElement("p", { className: "message-text-content-p", key: item.src + key }, item.text);
}
return React__default.createElement("img", { className: "text-img", key: item.src + key, src: item.src, alt: "" });
}),
children)));
}
var MemoizedMessageText = React__default.memo(MessageTextWithContext);
function MessageText(props) {
return (React__default.createElement(MemoizedMessageText, __assign({}, props)));
}
export { MessageText };
//# sourceMappingURL=MessageText.js.map